.sk-scene{perspective:1400px;perspective-origin:50% 40%}.sk-pouch{--pouch-face:var(--color-brand-teal);--pouch-top:var(--color-brand-teal-deep);--pouch-ink:var(--color-brand-on-teal);--pouch-ink-soft:color-mix(in srgb, var(--color-brand-on-teal) 70%, transparent);width:var(--w);height:var(--h);transform-style:preserve-3d;position:relative}.sk-tone-teal{--pouch-face:var(--color-brand-teal);--pouch-top:var(--color-brand-teal-deep)}.sk-tone-roast{--pouch-face:#7a4a2a;--pouch-top:#5f3920}.sk-tone-slate{--pouch-face:#3a4a5c;--pouch-top:#2d3a49}.sk-tone-charcoal{--pouch-face:#1b1f1e;--pouch-top:#121514}.sk-size-lg{--w:230px;--h:310px;--d:76px}.sk-size-sm{--w:128px;--h:172px;--d:44px}.sk-face{box-sizing:border-box;backface-visibility:hidden;background-color:var(--pouch-face);border-radius:6px;position:absolute;overflow:hidden}.sk-front{transform:translateZ(calc(var(--d) / 2));color:var(--pouch-ink);flex-direction:column;justify-content:space-between;align-items:center;display:flex;inset:0}.sk-size-lg .sk-front{padding:40px 20px 22px}.sk-size-sm .sk-front{padding:22px 10px 12px}.sk-back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2));inset:0}.sk-right,.sk-left{height:100%;width:var(--d);top:0;left:calc((var(--w) - var(--d)) / 2)}.sk-right{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.sk-left{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.sk-top{width:100%;height:var(--d);left:0;top:calc((var(--h) - var(--d)) / 2);transform:rotateX(90deg) translateZ(calc(var(--h) / 2));background-color:var(--pouch-top)}.sk-shade{pointer-events:none;background:linear-gradient(105deg,#ffffff38 0%,#ffffff0a 32%,#0000 55%,#00000047 100%);position:absolute;inset:0}.sk-side-shade{background:#00000052;position:absolute;inset:0}.sk-seal{background:repeating-linear-gradient(90deg,#ffffff2e 0 2px,#0000 2px 6px);border-bottom:1px solid #ffffff2e;height:7%;position:absolute;top:0;left:0;right:0}.sk-ink-soft{color:var(--pouch-ink-soft)}.sk-sway{transform-style:preserve-3d;animation:12s ease-in-out infinite sk-sway}@keyframes sk-sway{0%,to{transform:rotateY(-26deg)rotateX(6deg)}50%{transform:rotateY(22deg)rotateX(2deg)}}.sk-cutout{transform-style:preserve-3d;filter:drop-shadow(0 34px 28px var(--floor)) drop-shadow(0 8px 10px #0000001f);animation:9s ease-in-out infinite sk-cutout}@keyframes sk-cutout{0%,to{transform:translateY(0)rotateY(-12deg)rotateX(4deg)}50%{transform:translateY(-14px)rotateY(10deg)rotateX(1deg)}}.sk-posed{transition:transform .52s var(--ease-out-soft);transform:rotateY(-16deg)rotateX(6deg)}.group:hover .sk-posed,.group:focus-within .sk-posed{transform:rotateY(-38deg)rotateX(10deg)translateZ(20px)}.sk-bean{transform:rotate(var(--r));background:radial-gradient(circle at 32% 28%,#a06e45 0%,#5b351c 48%,#2a160a 100%);border-radius:50%;animation:7s ease-in-out infinite sk-drift;position:absolute;box-shadow:inset -6px -8px 14px #00000080,inset 3px 3px 8px #ffffff1f,0 18px 24px -12px #0000008c}.sk-bean:after{content:"";background:#1a0d05;border-radius:999px;width:9%;height:76%;position:absolute;top:12%;left:45%;transform:rotate(10deg);box-shadow:1px 0 1px #ffffff1f}@keyframes sk-drift{0%,to{transform:translate3d(0, 0, 0) rotate(var(--r))}50%{transform:translate3d(0, -16px, 0) rotate(calc(var(--r) + 22deg))}}.sk-orbit{transform-style:preserve-3d;position:absolute;inset:0}.sk-ring{transform-style:preserve-3d;border-radius:999px;position:absolute}.sk-ring-outer{border:1px dashed color-mix(in srgb, var(--signal) 45%, transparent);animation:26s linear infinite sk-spin3d;inset:0;transform:rotateX(74deg)}.sk-ring-inner{border:1px solid color-mix(in srgb, var(--signal) 18%, transparent);inset:12%;transform:rotateX(74deg)}.sk-flat .sk-ring-outer,.sk-flat .sk-ring-inner{animation-name:sk-spinFlat;animation-duration:30s;transform:none}.sk-flat .sk-ring-outer{border-color:color-mix(in srgb, var(--signal) 30%, transparent)}.sk-dot-signal,.sk-dot-price{border-radius:999px;position:absolute}.sk-dot-signal{background:var(--action);width:14px;height:14px;box-shadow:0 0 18px var(--action);top:-7px;left:calc(50% - 7px)}.sk-dot-price{background:var(--price);width:12px;height:12px;box-shadow:0 0 16px var(--price);bottom:-6px;left:calc(30% - 6px)}@keyframes sk-spin3d{0%{transform:rotateX(74deg)rotate(0)}to{transform:rotateX(74deg)rotate(360deg)}}@keyframes sk-spinFlat{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sk-sway,.sk-cutout,.sk-bean,.sk-ring-outer{animation:none!important}.sk-sway{transform:rotateY(-18deg)rotateX(4deg)}.group:hover .sk-posed,.group:focus-within .sk-posed{transform:rotateY(-16deg)rotateX(6deg)}}
