.sbk-clip{--rs:1;z-index:1;position:relative}@media (max-width:767px){.sbk-clip{--rs:.5}}.sbk-clip:hover,.sbk-clip:focus-within{z-index:20}.sbk-piece{transform:rotate(calc(var(--r) * var(--rs)));filter:drop-shadow(0 2px 1px #0000000f)drop-shadow(0 10px 18px #0000001a);transition:transform .85s cubic-bezier(.3,1.5,.55,1),filter .7s .2s,opacity .25s;position:relative}.sbk-clip[data-anim=true][data-down=false] .sbk-piece{opacity:0;transform:translate3d(0, -150px, 0) rotate(calc(var(--rd) * var(--rs))) scale(1.08);filter:drop-shadow(0 2px 1px #0000)drop-shadow(0 60px 40px #0000)}@media (hover:hover){.sbk-clip[data-down=true]:hover .sbk-piece{filter:drop-shadow(0 4px 2px #0000000f)drop-shadow(0 26px 34px #00000029);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;transform:translateY(-10px)rotate(0)scale(1.02)}.sbk-clip[data-down=true]:hover .sbk-tape{transform:translate(-50%, -6px) rotate(calc(var(--tr) + 9deg)) scaleY(.9);opacity:.72}.sbk-clip[data-down=true]:hover .sbk-avatar .sbk-dots{background-size:3.5px 3.5px}}.sbk-paper{background-color:color-mix(in srgb, var(--cloud) 62%, var(--bone));background-image:linear-gradient(#ffffff59,#00000006),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .05 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");padding:34px 30px 30px;position:relative}@media (max-width:767px){.sbk-paper{padding:30px 22px 24px}}.sbk-tape{z-index:3;background:color-mix(in srgb, var(--accent) 72%, transparent);width:112px;height:30px;transform:translate(-50%, 0) rotate(var(--tr));transform-origin:12%;opacity:.9;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:absolute;top:-12px;left:50%;box-shadow:inset 0 0 0 100px #ffffff1f}.sbk-avatar{background:var(--paper)}.sbk-screen{filter:contrast(16)grayscale();mix-blend-mode:multiply;opacity:.88;background:#fff;position:absolute;inset:0}.sbk-dots{background:radial-gradient(circle,#000 .5px,#fff 2.5px) 0 0/4.5px 4.5px;transition:background-size .5s;position:absolute;inset:-4px;transform:rotate(45deg)scale(1.2)}.sbk-tone{mix-blend-mode:screen;place-items:center;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.sbk-piece,.sbk-tape{transition:none}}
.sbk-wipe{background:linear-gradient(var(--accent), var(--accent)) no-repeat 0 55% / 0% 100%;transition:background-size .5s steps(8,end)}.sbk-wipe[data-on=true]{background-size:100% 100%}@media (prefers-reduced-motion:reduce){.sbk-wipe{background-size:100% 100%;transition:none}}