.overflow.svelte-14t4mjt{width:100svw;height:100%;overflow:hidden}.categories.svelte-14t4mjt{display:flex;align-items:center;padding:60px 10px;width:100%;max-width:fit-content;margin:0 auto;gap:1rem;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.categories.svelte-14t4mjt::-webkit-scrollbar{display:none}.categories.svelte-14t4mjt a:where(.svelte-14t4mjt){border:1px solid #000;background-color:#000;width:100%;min-width:280px;aspect-ratio:280/35;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.categories.svelte-14t4mjt a:where(.svelte-14t4mjt) span:where(.svelte-14t4mjt){color:#fff;z-index:1;transition:all .6s cubic-bezier(.85,0,.15,1);font-size:clamp(1.6rem,2vw,1.8rem);line-height:clamp(1.6rem,2vw,1.8rem);font-weight:500;width:100%;text-align:center}.categories.svelte-14t4mjt a:where(.svelte-14t4mjt):before{content:"";transition-property:all;transition-duration:.6s;transition-timing-function:cubic-bezier(.85,0,.15,1);background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)}.categories.svelte-14t4mjt a:where(.svelte-14t4mjt):hover:before{transform:translate(0);background-color:#fff}.categories.svelte-14t4mjt a:where(.svelte-14t4mjt):hover span:where(.svelte-14t4mjt){color:#000}@media (min-width: 768px){.categories.svelte-14t4mjt{padding:60px 30px}}