.scroll-overlay{position:relative;--scroll-col-padding:16px;margin:-20px calc(var(--scroll-col-padding)*-1)}.scroll-padding{overflow:hidden;padding:20px var(--scroll-col-padding)}.scroll-overlay>button{aspect-ratio:1/1;background-color:var(--color-pink);border:1px solid var(--color-pink);border-radius:50%;left:-9px;position:absolute;top:calc(50% - 25px);width:50px;z-index:10}.scroll-overlay button:nth-child(2){left:unset;right:-9px}.scroll-overlay>button:hover{border:1px solid var(--color-gray)}.scroll-list>ul{-moz-column-gap:var(--scroll-col-padding);column-gap:var(--scroll-col-padding);display:grid;grid-auto-columns:calc(var(--scroll-item-size) - var(--scroll-col-padding));grid-auto-flow:column;grid-template-rows:1fr;margin-left:0;padding:0;width:calc(100% + var(--scroll-col-padding))}.scroll-list>ul>li{list-style:none}.scroll-overlay .hidden{opacity:0;z-index:-1}.scroll-overlay>button>.vb-icon{max-width:unset}@media screen and (max-width:640px){.scroll-overlay{--scroll-col-padding:8px}.scroll-list>ul{grid-auto-columns:calc(var(--scroll-item-mobile-size) - var(--scroll-col-padding))}.scroll-padding{padding:16px 0}}@media(hover:none){.scroll-overlay{margin-left:-16px;width:calc(100% + var(--overhang-offset) - 48px)}.scroll-padding{padding:16px 0}.scroll-list{overflow-x:scroll;scrollbar-width:none}.scroll-overlay>button{display:none}.scroll-list>ul{margin-left:16px}.scroll-list>ul>li:last-child>:not(.no-offset){--strange-offset:100%;padding-right:var(--strange-offset);width:calc(100% + var(--strange-offset))}.scroll-list>ul>li:last-child>a{display:block}}