/* BOSTOP neumorphism for the Billing page. Styling only. Remove its <link> to undo. */
:root{--bg:#e4e8f1;--card:#e4e8f1;--line:rgba(128,136,160,.18);--n-hi:#fff;--n-lo:#bcc3d6}
@media(prefers-color-scheme:dark){:root{--bg:#22252e;--card:#22252e;--n-hi:#2d313c;--n-lo:#15171c}}
@property --bn-a{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes bnSpin{to{--bn-a:360deg}}
body{background:var(--bg)!important}
header a,.chip{border:0!important;box-shadow:5px 5px 11px var(--n-lo),-5px -5px 11px var(--n-hi)}
.tog{border:0!important;box-shadow:inset 5px 5px 10px var(--n-lo),inset -5px -5px 10px var(--n-hi)!important}
.plan{border:1.5px solid transparent!important;background:linear-gradient(var(--card),var(--card)) padding-box,conic-gradient(from var(--bn-a),rgba(139,92,246,0) 0deg,rgba(139,92,246,.55) 50deg,rgba(59,130,246,.5) 110deg,rgba(34,211,238,.4) 160deg,rgba(236,72,153,.45) 230deg,rgba(139,92,246,0) 300deg,rgba(139,92,246,0) 360deg) border-box!important;box-shadow:8px 8px 18px var(--n-lo),-8px -8px 18px var(--n-hi)!important;animation:rise .6s both,bnSpin 9s linear infinite}
.box{border:0!important;box-shadow:8px 8px 18px var(--n-lo),-8px -8px 18px var(--n-hi)}
input,select,textarea{border:0!important;box-shadow:inset 4px 4px 9px var(--n-lo),inset -4px -4px 9px var(--n-hi)}
@media (prefers-reduced-motion:reduce){.plan{animation:none!important}}