.backdrop{--grain-ink:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.15  0 0 0 0 0.13  0 0 0 0 0.1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--grain-light:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.backdrop:after{content:"";pointer-events:none;position:absolute;inset:0}.backdrop--paper:after{background-image:var(--grain-ink);opacity:.13;mix-blend-mode:multiply;background-size:150px}.backdrop--panel:after{background-image:var(--grain-light);opacity:.08;mix-blend-mode:overlay;background-size:180px}[data-theme=dark] .backdrop--paper:after{background-image:var(--grain-light);opacity:.06;mix-blend-mode:overlay}.wedge{--wedge-o:.75;aspect-ratio:420/900;width:auto;height:100%;color:var(--wedge-ink);opacity:var(--wedge-o);position:absolute;top:0}.wedge stop{stop-color:currentColor}.wedge mask{mask-type:alpha}.wedge--start{left:0}.wedge--end{right:0;transform:scaleX(-1)}.wedge--on-panel{--wedge-o:.9;color:var(--wedge-ink-on-panel)}@media (prefers-reduced-motion:no-preference){.wedge--start{animation:9s ease-in-out infinite alternate wedge-breathe}.wedge--end{animation:11s ease-in-out -5s infinite alternate wedge-breathe-end}}@keyframes wedge-breathe{0%{opacity:calc(var(--wedge-o) * .6);transform:translate(-8px)}to{opacity:var(--wedge-o);transform:none}}@keyframes wedge-breathe-end{0%{opacity:calc(var(--wedge-o) * .6);transform:scaleX(-1)translate(-8px)}to{opacity:var(--wedge-o);transform:scaleX(-1)}}.backdrop--paper.backdrop--hero{-webkit-mask-image:linear-gradient(currentColor 82%,#0000);mask-image:linear-gradient(currentColor 82%,#0000)}.backdrop--paper.backdrop--hero .wedge{height:44%;top:9%}.backdrop--panel.backdrop--hero .wedge,.backdrop--panel.backdrop--login .wedge{display:none}.backdrop--paper.backdrop--login .wedge{height:34%;top:4%}@media (min-width:1024px){.backdrop--paper.backdrop--hero .wedge--end{display:none}.backdrop--paper.backdrop--hero .wedge--start{height:76%;top:40%}.backdrop--panel.backdrop--hero .wedge{display:block}.backdrop--panel.backdrop--login .wedge{height:86%;display:block;top:14%}.backdrop--paper.backdrop--login .wedge--start{display:none}.backdrop--paper.backdrop--login .wedge{height:80%;top:10%}}