.category-selector.svelte-1i9oy6o.svelte-1i9oy6o{display:flex;width:100%;height:100%;min-height:400px;opacity:0;transition:opacity .5s ease-in-out;position:relative;flex:1}.category-selector.loaded.svelte-1i9oy6o.svelte-1i9oy6o{opacity:1}.category-selector.svelte-1i9oy6o .loading-message.svelte-1i9oy6o{color:#fff;font-size:24px;text-align:center;width:100%;align-self:center}.category-item.svelte-1i9oy6o.svelte-1i9oy6o{flex:1;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:48px;font-weight:600;text-align:center;position:relative;background-size:cover;background-position:center;transition:transform .3s ease;transform-origin:center center}.category-item.svelte-1i9oy6o .overlay.svelte-1i9oy6o{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;transition:background-color .3s ease}.category-item.svelte-1i9oy6o span.svelte-1i9oy6o{position:relative;z-index:1}.category-item.svelte-1i9oy6o.svelte-1i9oy6o:hover{transform:scale(1.02);z-index:10}.category-item.svelte-1i9oy6o:hover .overlay.svelte-1i9oy6o{background-color:#000000b3}.category-item.svelte-1i9oy6o.svelte-1i9oy6o:first-child:not(:last-child){transform-origin:left center}.category-item.svelte-1i9oy6o.svelte-1i9oy6o:last-child:not(:first-child){transform-origin:right center}@media screen and (max-width: 768px){.category-selector.svelte-1i9oy6o.svelte-1i9oy6o{flex-direction:column;min-height:calc(100vh - var(--nav-height));min-height:calc(var(--vh, 1vh) * 100 - var(--nav-height))}.category-item.svelte-1i9oy6o.svelte-1i9oy6o{font-size:36px;min-height:33.3333333333%;transform-origin:center center!important;-webkit-tap-highlight-color:transparent;cursor:pointer}.category-item.svelte-1i9oy6o.svelte-1i9oy6o:first-child:not(:last-child),.category-item.svelte-1i9oy6o.svelte-1i9oy6o:last-child:not(:first-child){transform-origin:center center!important}}@media screen and (max-width: 520px){.category-selector.svelte-1i9oy6o.svelte-1i9oy6o{min-height:calc(100vh - var(--nav-height));min-height:calc(var(--vh, 1vh) * 100 - var(--nav-height))}.category-item.svelte-1i9oy6o.svelte-1i9oy6o{font-size:28px;padding:20px}.category-item.svelte-1i9oy6o.svelte-1i9oy6o:hover{transform:scale(1.01)}}