.wordmark,.display-face{font-family:var(--font-headline)}.shelf-frame{box-shadow:inset 0 -4px 0 var(--shelf-edge), 0 1px 2px color-mix(in oklch, var(--foreground) 12%, transparent)}.shelf-cubby{box-shadow:inset 0 8px 12px -8px color-mix(in oklch, var(--foreground) 30%, transparent), inset 0 -2px 0 color-mix(in oklch, var(--shelf-edge) 45%, transparent)}.toy-tag{padding-left:1rem}.toy-tag:before{content:"";background:var(--shelf-cubby);border-radius:50%;width:.3rem;height:.3rem;position:absolute;top:50%;left:.35rem;transform:translateY(-50%)}.box-body{box-shadow:inset 0 -5px 0 var(--box-flap), 0 1px 2px color-mix(in oklch, var(--foreground) 14%, transparent)}.box-well{box-shadow:inset 0 12px 18px -10px color-mix(in oklch, var(--foreground) 55%, transparent)}.box-lid{perspective:1100px}.box-flap{pointer-events:none;backface-visibility:hidden;background-image:repeating-linear-gradient(90deg, transparent 0 .6rem, color-mix(in oklch, var(--box-kraft-foreground) 6%, transparent) .6rem .65rem)}.box-flap-left{transform-origin:0}.box-flap-right{transform-origin:100%}.box-lid[data-open=true] .box-flap-left{transform:rotateY(-179deg)}.box-lid[data-open=true] .box-flap-right{transform:rotateY(179deg)}.bench-tag-hole{box-shadow:inset 0 1px 2px color-mix(in oklch, var(--foreground) 40%, transparent)}@media (prefers-reduced-motion:no-preference){.cubby-lift{transition:transform .16s ease-out,background-color .16s ease-out}.cubby-lift:not(:disabled):hover{transform:translateY(-2px)}.toy-drop{animation:.34s cubic-bezier(.2,.7,.3,1) both toy-drop}.box-flap{transition:transform .56s cubic-bezier(.3,.6,.2,1)}.box-label-in{animation:.26s ease-out .42s both label-in}.tick-in{animation:.2s ease-out both tick-in}@keyframes toy-drop{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:none}}@keyframes label-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@keyframes tick-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}}