.vg-shelf::-webkit-scrollbar{display:none}.vg-shelf{scrollbar-width:none}.vg-band{gap:5px;width:72px;padding:12px 4px;text-decoration:none;transition:width .18s,padding .18s,gap .18s}.vg-band:before{content:"";opacity:.07;pointer-events:none;background:repeating-linear-gradient(135deg,transparent,transparent 7px,rgba(255,255,255,.6) 7px,rgba(255,255,255,.6) 8px);position:absolute;top:0;bottom:0;left:0;right:0}.vg-band-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));width:38px;height:28px;transition:width .18s,height .18s}.vg-band-icon.is-square{width:28px}.vg-band-name{max-height:28px;transition:opacity .15s,max-height .18s,margin .18s;overflow:hidden}.vg-band-count,.vg-band-chev{transition:opacity .15s,font-size .18s,padding .18s}.vg-shelf.is-scrolled .vg-band{gap:3px;width:48px;padding:10px 2px}.vg-shelf.is-scrolled .vg-band-icon{width:30px;height:22px}.vg-shelf.is-scrolled .vg-band-icon.is-square{width:22px}.vg-shelf.is-scrolled .vg-band-name{opacity:0;max-height:0;margin:0}.vg-shelf.is-scrolled .vg-band-count{padding:1px 5px;font-size:8.5px}.vg-shelf.is-scrolled .vg-band-chev{opacity:0}@supports (animation-timeline:scroll()){@keyframes vg-band-collapse{0%{gap:5px;width:72px;padding:12px 4px}to{gap:3px;width:48px;padding:10px 2px}}@keyframes vg-band-icon-shrink{0%{width:38px;height:28px}to{width:30px;height:22px}}@keyframes vg-band-icon-shrink-sq{0%{width:28px;height:28px}to{width:22px;height:22px}}@keyframes vg-band-name-hide{0%,30%{opacity:1;max-height:28px}to{opacity:0;max-height:0;margin:0}}.vg-shelf .vg-band{animation:linear both vg-band-collapse;animation-timeline:scroll(inline);animation-range:0 80px}.vg-shelf .vg-band-icon{animation:linear both vg-band-icon-shrink;animation-timeline:scroll(inline);animation-range:0 80px}.vg-shelf .vg-band-icon.is-square{animation:linear both vg-band-icon-shrink-sq;animation-timeline:scroll(inline);animation-range:0 80px}.vg-shelf .vg-band-name{animation:linear both vg-band-name-hide;animation-timeline:scroll(inline);animation-range:0 80px}}