.nb-vr{--vr-paper:#f5f1e7;--vr-ink:#1d1b18;--vr-mute:#8a857a;--vr-rule:#c9c3b5;--vr-fold:520px}@media (min-width:640px){.nb-vr{--vr-fold:660px}}.nb-vr-slot{position:relative;z-index:2;height:22px;border-radius:12px;background:linear-gradient(180deg,oklch(.32 .006 286),oklch(.2 .005 286));border:1px solid rgb(255 255 255/.1);box-shadow:0 14px 30px -12px rgb(0 0 0/.9),inset 0 1px 0 rgb(255 255 255/.12)}.nb-vr-slot:after{content:"";position:absolute;left:18px;right:18px;bottom:5px;height:4px;border-radius:4px;background:#050506;box-shadow:inset 0 1px 2px rgb(0 0 0/.9)}.nb-vr-led{position:absolute;top:6px;right:14px;width:5px;height:5px;border-radius:999px;background:var(--color-brand-lime);box-shadow:0 0 8px var(--color-brand-lime)}.nb-vr-feed{position:relative;margin:-9px 14px 0;overflow:hidden;padding:0 18px 40px;transition:max-height .7s cubic-bezier(.22,1,.36,1)}.nb-vr-feed[data-folded]{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent)}.nb-vr-roll{transform-origin:50% 0;rotate:-1.6deg;animation:nb-vr-print 2.6s steps(36) .35s both}.nb-vr-roll img{display:block;width:100%;height:auto;filter:drop-shadow(0 26px 36px rgb(0 0 0/.55)) drop-shadow(0 2px 3px rgb(0 0 0/.35))}@keyframes nb-vr-print{0%{clip-path:inset(0 -60px 100% -60px)}to{clip-path:inset(0 -60px -80px -60px)}}.nb-vr-strip{background:var(--vr-paper);color:var(--vr-ink);--tooth:9px;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /calc(var(--tooth) * 2) var(--tooth) repeat-x,linear-gradient(#000,#000) 0 var(--tooth) /100% calc(100% - var(--tooth) * 2) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /calc(var(--tooth) * 2) var(--tooth) repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /calc(var(--tooth) * 2) var(--tooth) repeat-x,linear-gradient(#000,#000) 0 var(--tooth) /100% calc(100% - var(--tooth) * 2) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /calc(var(--tooth) * 2) var(--tooth) repeat-x}.nb-vr-lead{flex:1;min-width:1.5rem;border-bottom:2px dotted var(--vr-rule);translate:0 -.3em}.nb-vr-rule{border-top:2px dashed var(--vr-rule)}@media (prefers-reduced-motion:reduce){.nb-vr-roll{animation:none}.nb-vr-feed{transition:none}}