.ee-lock{--ee-face:3.25rem}@media (min-width:640px){.ee-lock{--ee-face:3.75rem}}.ee-shackle{transform-origin:17% 100%;margin-bottom:-9%;transform:perspective(900px)translateY(0)rotateY(0)}[data-open=true] .ee-shackle{transition:transform .55s cubic-bezier(.3,1.5,.5,1) 1.95s;transform:perspective(900px)translateY(-20%)rotateY(32deg)}.ee-body{background:linear-gradient(170deg,#f4d267,#e3b23c 45%,#c9962a);box-shadow:inset 0 1px #ffffff80,inset 0 -3px #5a3e0859}.ee-window{background:#15110a;box-shadow:inset 0 2px 6px #000000b3,0 1px #ffffff59}.ee-window:after{content:"";inset-inline:0;height:var(--ee-face);pointer-events:none;z-index:2;border-block:1px solid #00000040;position:absolute;top:50%;transform:translateY(-50%)}.ee-dot{aspect-ratio:1;background:#e3b23c}.ee-wheel{height:calc(var(--ee-face) * 2.2);perspective:380px;background:#15110a}.ee-wheel:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0a0702b8,#0a07021f 30%,#0000 42% 58%,#0a07021f 70%,#0a0702b8);position:absolute;inset:0}.ee-drum{--ee-radius:calc(var(--ee-face) * 1.54);transform-style:preserve-3d;transform:translateZ(calc(var(--ee-radius) * -1)) rotateX(calc(var(--ee-turn) * 36deg));transition:transform 1.2s cubic-bezier(.25, 1.04, .4, 1) var(--ee-delay)}.ee-face{inset-inline:0;height:calc(var(--ee-face) + 1px);margin-top:calc(var(--ee-face) / -2);transform:rotateX(calc(var(--ee-i) * -36deg)) translateZ(var(--ee-radius));backface-visibility:hidden;color:#15110a;background:#f3ead6;position:absolute;top:50%}.ee-reveal{opacity:0;transform:translateY(-5rem)}[data-open=true] .ee-reveal{opacity:1;transition:opacity .3s 2.25s,transform .6s cubic-bezier(.25,1,.4,1) 2.25s;transform:none}@media (prefers-reduced-motion:reduce){.ee-drum,[data-open=true] .ee-shackle,[data-open=true] .ee-reveal{transition:none}}