.scrollable-list__wrapper{width:100%}.scrollable-list{display:flex;flex-direction:row;gap:15px;width:100%;padding:15px;overflow-x:auto;background-color:hsla(0,0%,100%,.05);scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding:15px}@layer mixins{.scrollable-list{scrollbar-width:none;-ms-overflow-style:none}.scrollable-list::-webkit-scrollbar{display:none;width:0;height:0}}.scrollable-list__item{scroll-snap-align:start}.scrollable-list__button{display:none}@media(min-width:800px)and (hover:hover){.scrollable-list__button{position:absolute;bottom:75px;display:flex;width:40px;height:40px;border:none;border-radius:var(--radius-m);background-color:hsla(0,0%,100%,.2);cursor:pointer;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@layer mixins{.scrollable-list__button{display:flex;justify-content:center;align-items:center}}.scrollable-list__wrapper:hover .scrollable-list__button{pointer-events:all;opacity:1;transition:opacity .15s ease-in-out}.scrollable-list__button:disabled{background-color:hsla(0,0%,100%,.05);cursor:auto}.scrollable-list__button:first-of-type{left:15px}.scrollable-list__button:last-of-type{right:15px}}.scrollable-list__button-arrow{width:20px;height:20px;fill:var(--white)}.scrollable-list__button:disabled .scrollable-list__button-arrow{fill:hsla(0,0%,100%,.25)}