@keyframes sk-shelf-pull{0%{transform:translateY(-10px)rotate(0)}to{transform:translateY(-30px)rotate(8deg)}}@keyframes sk-shelf-spill{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@layer components{.sk-shelf{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ss-fg)18%,transparent)transparent;border-radius:14px;margin-inline:-12px;padding:44px 12px 0;position:relative;overflow:auto hidden}.sk-shelf:focus-visible{outline-offset:0}.sk-shelf-track{align-items:flex-end;gap:12px;width:max-content;min-width:100%;padding-bottom:38px;display:flex;position:relative}.sk-shelf-track:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(460px 170px at 36% 100%,#ffd6961a,transparent 72%),linear-gradient(180deg,transparent,color-mix(in srgb,var(--ss-fg)2.8%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ss-fg)3%,transparent);border-radius:14px 14px 0 0;position:absolute;inset:-30px -12px 38px}.sk-shelf-ledge{z-index:0;background-image:linear-gradient(180deg,var(--ss-shell-hi),var(--ss-shell)45%,var(--ss-shell-2));border-radius:2px;height:8px;position:absolute;bottom:30px;left:-12px;right:-12px;box-shadow:inset 0 1px #fff3,0 12px 18px -6px #000000bf,0 3px 4px #0006}.sk-shelf-slot{z-index:1;flex:none;width:150px;height:110px;position:relative}.sk-shelf-slot[data-pulling=true]{z-index:2}.sk-shelf-glow{z-index:0;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--ss-gold)55%,transparent),color-mix(in srgb,var(--ss-gold)14%,transparent)55%,transparent);filter:blur(4px);opacity:0;height:70px;transition:opacity .3s var(--ss-ease);border-radius:50%;position:absolute;bottom:-32px;left:-30px;right:-30px}.sk-shelf-glow:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ss-label)85%,transparent),transparent);filter:blur(1.5px);border-radius:3px;height:6px;position:absolute;top:31px;left:30px;right:30px}.sk-shelf-slot[data-selected=true] .sk-shelf-glow{opacity:1}.sk-shelf-slot[data-pulling=true] .sk-shelf-glow{opacity:0}.sk-shelf-hole{z-index:0;border:1.5px dashed color-mix(in srgb,var(--ss-fg)18%,transparent);background:#0000001f;border-radius:10px;position:absolute;inset:0}.sk-shelf-loop{z-index:1;pointer-events:none;filter:drop-shadow(0 3px 3px #0000008c);width:150px;height:116px;position:absolute;top:70px;left:0;overflow:visible}.sk-shelf-loop path{stroke-dasharray:1;stroke-dashoffset:1px;animation:sk-shelf-spill .42s var(--ss-ease)60ms forwards}.sk-shelf-face{z-index:2;width:150px;height:110px;color:var(--ss-ink);text-align:left;cursor:pointer;background-image:linear-gradient(165deg,var(--ss-shell-hi)0%,var(--ss-shell)42%,var(--ss-shell-2)100%);transform-origin:50%;transition:transform .3s var(--ss-ease),box-shadow .3s var(--ss-ease),opacity .22s var(--ss-ease);-webkit-tap-highlight-color:transparent;border:0;border-radius:10px;padding:0;display:block;position:absolute;inset:0;transform:translateY(0);box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1.5px #00000059,0 16px 22px -12px #000000d9,0 3px 6px #00000059}.sk-shelf-face:not([aria-checked=true]):hover{transform:translateY(-3px)}.sk-shelf-slot[data-selected=true] .sk-shelf-face{box-shadow:inset 0 1px 0 #ffffff2e,inset 0 0 0 1.5px #00000059,0 0 0 2px color-mix(in srgb,var(--ss-gold)95%,transparent),0 0 26px 2px color-mix(in srgb,var(--ss-gold)38%,transparent),0 22px 26px -14px #000000e6;transform:translateY(-10px)}.sk-shelf-slot[data-pulling=true] .sk-shelf-face{animation:sk-shelf-pull .42s var(--ss-ease)forwards;box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1.5px #00000059,0 26px 30px -12px #000000d9}.sk-shelf-slot[data-pulling=true] .sk-shelf-label{filter:saturate(.75)}.sk-shelf-slot[data-leaving=true] .sk-shelf-face,.sk-shelf-slot[data-leaving=true] .sk-shelf-loop,.sk-shelf-slot[data-leaving=true] .sk-shelf-hole{opacity:0;transition:opacity .22s var(--ss-ease)}.sk-shelf-label{border:1.5px solid var(--ss-ink);background-color:var(--ss-paper);border-radius:5px;flex-direction:column;display:flex;position:absolute;inset:6px 6px 21px;overflow:hidden}.sk-shelf-stripe{background-color:var(--ss-red);flex:none;height:4px;display:block}.sk-shelf-band{border-top:1px solid var(--ss-ink);border-bottom:1px solid var(--ss-ink);background-color:var(--ss-label);flex:none;align-items:center;gap:3px;height:9px;padding:0 5px;display:flex}.sk-shelf-hole-ink{background-color:var(--ss-ink);border-radius:50%;width:4px;height:4px;display:block}.sk-shelf-field{background-color:var(--ss-paper);background-image:repeating-linear-gradient(180deg,transparent 0 11px,color-mix(in srgb,var(--ss-ink)7%,transparent)11px 12px);flex:auto;min-height:0;padding:4px;display:block}.sk-shelf-row{align-items:flex-start;gap:5px;display:flex}.sk-shelf-inset{box-sizing:border-box;border:2px solid var(--ss-ink);background-color:var(--ss-crayon-paper);object-fit:cover;border-radius:3px;flex:none;width:32px;height:32px;display:block}.sk-shelf-title{min-width:0;font-family:var(--ss-display);letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding-top:1px;font-size:12px;font-weight:800;line-height:1.04;display:-webkit-box;overflow:hidden}.sk-shelf-meta{font-family:var(--ss-mono);letter-spacing:0;text-transform:uppercase;color:var(--ss-ink);margin-top:3px;font-size:9.5px;font-weight:500;line-height:1.16;display:block}.sk-shelf-meta-line{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sk-shelf-meta-sep{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sk-shelf-window{--sk-ink:var(--ss-ink);--sk-reel-face:var(--ss-paper-3);box-sizing:border-box;background-image:linear-gradient(180deg,color-mix(in srgb,var(--ss-ink)70%,var(--ss-slot)),color-mix(in srgb,var(--ss-ink)85%,var(--ss-shell)));width:68px;height:12px;box-shadow:inset 0 2px 4px #000c,0 0 0 1.5px color-mix(in srgb,var(--ss-ink)85%,black);border-radius:999px;justify-content:space-between;align-items:center;padding:0 9px;display:flex;position:absolute;top:93px;left:41px}.sk-shelf-window:before{content:"";background-image:var(--ss-tape-brown);border-radius:1px;height:4px;position:absolute;top:4px;left:18px;right:18px}.sk-shelf-window>.sk-reel{z-index:1;position:relative}.sk-shelf-screw{background:radial-gradient(circle at 35% 35%,var(--ss-ink-3),var(--ss-shell)70%);border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px}.sk-shelf-screw--l{left:8px}.sk-shelf-screw--r{right:8px}.sk-shelf-stamp{z-index:3;position:absolute;top:-9px;right:2px}.sk-shelf-new{border:2px solid var(--ss-red);background-color:var(--ss-paper);color:var(--ss-red);font-family:var(--ss-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:7px;padding:3px 5px 2px 6px;font-size:11px;font-weight:600;line-height:1;display:block;transform:rotate(-6deg);box-shadow:0 4px 8px -4px #0009}.sk-shelf-ledge-label{z-index:1;font-family:var(--ss-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ss-fg-2);pointer-events:none;font-size:11px;font-weight:500;line-height:1.2;position:absolute;top:calc(100% + 15px);left:2px}.sk-shelf-face.sk-shelf-face--blank{box-sizing:border-box;border:2px dashed var(--ss-ink);color:var(--ss-ink);text-align:center;background-image:none;background-color:color-mix(in srgb,var(--ss-paper)94%,transparent);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 10px;display:flex;box-shadow:0 16px 22px -12px #000c}.sk-shelf-plus{box-sizing:border-box;border:2px solid var(--ss-ink);background-color:var(--ss-label);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.sk-shelf-plus>svg{width:15px;height:15px}.sk-shelf-blank-title{font-family:var(--ss-display);letter-spacing:-.01em;margin-top:1px;font-size:14px;font-weight:800;line-height:1.1;display:block}.sk-shelf-blank-meta{font-family:var(--ss-mono);letter-spacing:.04em;color:var(--ss-ink-2);font-size:11px;font-weight:500;line-height:1.25;display:block}.sk-shelf-blank-meta>span{display:block}@media (prefers-reduced-motion:reduce){.sk-shelf-face,.sk-shelf-glow,.sk-shelf-slot[data-leaving=true] .sk-shelf-face,.sk-shelf-slot[data-leaving=true] .sk-shelf-loop,.sk-shelf-slot[data-leaving=true] .sk-shelf-hole{transition:none}.sk-shelf-face:not([aria-checked=true]):hover{transform:none}.sk-shelf-slot[data-pulling=true] .sk-shelf-face{animation:none;transform:translateY(-30px)rotate(8deg)}.sk-shelf-loop path{stroke-dashoffset:0;animation:none}}}
