.slash{--lean:16.25vh;--away:calc(50vw + var(--lean) + 4px);z-index:1000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.slash__half{background:#060707;position:absolute;inset:0}.slash__half--l{clip-path:polygon(0 0, calc(50% + var(--lean)) 0, calc(50% - var(--lean)) 100%, 0 100%);translate:calc(-1 * var(--away)) 0}.slash__half--r{clip-path:polygon(calc(50% + var(--lean)) 0, 100% 0, 100% 100%, calc(50% - var(--lean)) 100%);translate:var(--away) 0}.slash__line{opacity:0;background:linear-gradient(#eef1f400,#eef1f4 22%,#cfdcea 60%,#9fb3c600);border-radius:2px;width:2px;height:112vh;margin:-56vh 0 0 -1px;position:absolute;top:50%;left:50%;rotate:18deg;scale:1 0;box-shadow:0 0 14px #c8e1ff8c}.slash[data-state=boot][data-always] .slash__half,:root[data-slash=in] .slash[data-state=boot] .slash__half,.slash[data-state=opening] .slash__half{animation:.46s cubic-bezier(.76,0,.24,1) .14s both slash-part}.slash[data-state=boot][data-always] .slash__half--r,:root[data-slash=in] .slash[data-state=boot] .slash__half--r,.slash[data-state=opening] .slash__half--r{animation-name:slash-part-r}.slash[data-state=boot][data-always] .slash__line,:root[data-slash=in] .slash[data-state=boot] .slash__line,.slash[data-state=opening] .slash__line{animation:.56s cubic-bezier(.22,1,.36,1) both slash-line-out}@keyframes slash-part{0%{translate:0}to{translate:calc(-1 * var(--away)) 0}}@keyframes slash-part-r{0%{translate:0}to{translate:var(--away) 0}}@keyframes slash-line-out{0%{opacity:1;translate:0;scale:1 0}28%{opacity:1;scale:1}to{opacity:0;scale:1}}.slash[data-state=closing] .slash__half{animation:.34s cubic-bezier(.7,0,.3,1) both slash-meet}.slash[data-state=closing] .slash__half--r{animation-name:slash-meet-r}.slash[data-state=closing] .slash__line{animation:.36s cubic-bezier(.22,1,.36,1) 60ms both slash-line-in}@keyframes slash-meet{0%{translate:calc(-1 * var(--away)) 0}to{translate:0}}@keyframes slash-meet-r{0%{translate:var(--away) 0}to{translate:0}}@keyframes slash-line-in{0%{opacity:1;scale:1 0}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.slash{display:none}}