.fl-shelf{display:flex;align-items:flex-end;gap:3px;margin-top:8px;padding:40px 8px 18px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;perspective:1600px;perspective-origin:50% -80%}.fl-shelf a{--d:120px;position:relative;flex:none;width:var(--w);height:var(--h);scroll-snap-align:center;transform-style:preserve-3d;transform:rotateY(-24deg);transform-origin:50% 100%;text-decoration:none;transition:transform .28s cubic-bezier(.25,1,.5,1);touch-action:manipulation}.fl-shelf a>b{position:absolute;backface-visibility:hidden}.fl-shelf .sp{inset:0;overflow:hidden;color:var(--fg);border-radius:5px 6px 3px 3px / 6px 6px 3px 3px;background:linear-gradient(90deg,rgba(0,0,0,.36) 0,rgba(0,0,0,0) 12%,rgba(255,255,255,.18) 26%,rgba(255,255,255,0) 44%,rgba(0,0,0,0) 68%,rgba(0,0,0,.34) 100%),repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),var(--c);box-shadow:inset 0 2px 1px rgba(255,255,255,.22),inset 0 -3px 4px rgba(0,0,0,.25),10px 0 14px -4px rgba(20,20,19,.35)}.fl-shelf .cv{top:0;left:100%;width:var(--d);height:100%;transform-origin:left;transform:rotateY(90deg);background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.15) 30%,rgba(0,0,0,.25)),var(--c);border-radius:0 4px 4px 0}.fl-shelf .tp{left:0;top:calc(var(--d) * -1);width:var(--w);height:var(--d);transform-origin:bottom;transform:rotateX(90deg);background:repeating-linear-gradient(90deg,var(--paper-2) 0 1px,#e2ddcc 1px 2px),var(--paper-step,#efeada);box-shadow:inset 0 0 0 3px var(--c)}.fl-shelf .ln{position:absolute;left:0;right:0;height:2px;background:var(--ac);opacity:.75;box-shadow:0 1px 0 rgba(0,0,0,.35),0 -1px 0 rgba(255,255,255,.12)}.fl-shelf .l1{top:22px}.fl-shelf .l2{top:30px}.fl-shelf .l3{bottom:62px}.fl-shelf .l4{bottom:54px}.fl-shelf .t{position:absolute;inset:46px 0 78px;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;white-space:nowrap;font:600 15px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--fg);text-shadow:0 -1px 0 rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.18)}.fl-shelf .dt{position:absolute;bottom:28px;left:50%;translate:-50%;width:8px;height:8px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 1.5px var(--ac)}.fl-shelf .sh{position:absolute;bottom:-4px;left:4px;right:-50px;height:12px;transform:translateZ(-60px);background:radial-gradient(closest-side,rgba(20,20,19,.4),transparent);transition:opacity .28s}.fl-shelf a{--lean:0deg;--lift:0px;transform:rotateY(-24deg) rotateX(calc(var(--lean) * -1)) translateY(var(--lift));transition:transform .7s cubic-bezier(.32,.72,0,1) var(--delay,0ms)}.fl-shelf a[aria-current="page"]{--lean:7deg}.fl-shelf a:focus-visible{outline:none;--lean:16deg;--lift:-6px}.fl-shelf a:focus-visible .sp{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--teal-500)}@media (hover:hover) and (pointer:fine){.fl-shelf:hover a{--lean:0deg}.fl-shelf a:hover{--lean:16deg;--lift:-6px;--delay:0ms}.fl-shelf a:hover+a,.fl-shelf a:has(+a:hover){--lean:9deg;--delay:45ms}.fl-shelf a:hover+a+a,.fl-shelf a:has(+a+a:hover){--lean:4deg;--delay:90ms}.fl-shelf a:hover+a+a+a,.fl-shelf a:has(+a+a+a:hover){--lean:1.5deg;--delay:135ms}.fl-shelf a:hover .sh{opacity:.5}}.fl-shelf a:active{--lean:12deg;transition-duration:.12s}@media (min-width:1320px){.fl-shelf{justify-content:center;overflow-x:visible}}@media (max-width:640px){.fl-shelf{margin:8px -20px 0;padding-inline:20px}}@media (prefers-reduced-motion:reduce){.fl-shelf a{transition:none}.fl-shelf a:not(:hover):not(:focus-visible){--lean:0deg !important}}.fl-shelf-hint{display:none;align-items:center;gap:10px;margin:4px 0 0;font:500 14px var(--font-ui);color:var(--ink-500)}.fl-shelf-hint b{font-weight:600;color:var(--ink-900)}.fl-shelf-hint svg{width:22px;height:22px;color:var(--orange-600);animation:flNudge 1.6s cubic-bezier(.32,.72,0,1) 3 .8s}@keyframes flNudge{0%,100%{transform:translateX(0)}45%{transform:translateX(7px)}}@media (max-width:1319px){.fl-shelf{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 150px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 150px),transparent)}.fl-shelf-hint{display:flex}}@media (prefers-reduced-motion:reduce){.fl-shelf-hint svg{animation:none}}@property --lean{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes flRise{from{translate:0 46px}to{translate:0 0}}@keyframes flSweep{0%,100%{--lean:0deg}40%{--lean:13deg}}.fl-shelf.in a{animation:flRise .9s cubic-bezier(.19,1,.22,1) backwards,flSweep 1s cubic-bezier(.32,.72,0,1);animation-delay:calc(var(--i, 0) * 35ms),calc(900ms + var(--i, 0) * 55ms)}.fl-shelf.in a:hover,.fl-shelf.in a:focus-visible{animation:none}@media (prefers-reduced-motion:reduce){.fl-shelf.in a{animation:none}}