.vshelf{isolation:isolate;width:100%;height:100%;position:relative;container-type:size}.vshelf-halo{pointer-events:none;background:radial-gradient(46% 58% at 50% 78%, color-mix(in srgb, var(--vs-accent,var(--color-lumin)) 15%, transparent) 0%, color-mix(in srgb, var(--vs-accent,var(--color-lumin)) 7%, transparent) 46%, transparent 84%);position:absolute;inset:8% 0 0}.vshelf-vial{width:calc(11% * var(--vs-fit,1));width:min(42cqh, calc(92cqw * var(--vs-fit,1)));aspect-ratio:1/2;transform:translateX(calc(-50% + var(--vs-off,0) * 74%));transition:width .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1);position:absolute;bottom:6%;left:50%}.vshelf-vial:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#1a1b2633 0%,#1a1b2614 54%,#0000 100%);width:122%;height:9%;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.vshelf-overflow{font-family:var(--font-numerals,"Space Grotesk", system-ui, sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);background:color-mix(in srgb, var(--color-gallery-white) 78%, transparent);border-radius:999px;padding:.125rem .5rem;font-size:.625rem;font-weight:500;position:absolute;bottom:.5rem;right:.5rem}.vshelf-single{position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.vshelf-vial{transition:none}}