.category-selector.svelte-1kkxw4f.svelte-1kkxw4f{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-1kkxw4f.svelte-1kkxw4f{opacity:1}.category-selector.svelte-1kkxw4f .loading-message.svelte-1kkxw4f{color:#fff;font-size:24px;text-align:center;width:100%;align-self:center}.category-item.svelte-1kkxw4f.svelte-1kkxw4f{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-1kkxw4f .overlay.svelte-1kkxw4f{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;transition:background-color .3s ease}.category-item.svelte-1kkxw4f span.svelte-1kkxw4f{position:relative;z-index:1}.category-item.svelte-1kkxw4f.svelte-1kkxw4f:hover{transform:scale(1.02);z-index:10}.category-item.svelte-1kkxw4f:hover .overlay.svelte-1kkxw4f{background-color:#000000b3}.category-item.svelte-1kkxw4f.svelte-1kkxw4f:first-child:not(:last-child){transform-origin:left center}.category-item.svelte-1kkxw4f.svelte-1kkxw4f:last-child:not(:first-child){transform-origin:right center}@media screen and (max-width: 768px){.category-selector.svelte-1kkxw4f.svelte-1kkxw4f{flex-direction:column;min-height:calc(100vh - 180px);min-height:calc(var(--vh, 1vh) * 100 - 180px)}.category-item.svelte-1kkxw4f.svelte-1kkxw4f{font-size:36px;min-height:33.3333333333%;transform-origin:center center!important;-webkit-tap-highlight-color:transparent;cursor:pointer}.category-item.svelte-1kkxw4f.svelte-1kkxw4f:first-child:not(:last-child),.category-item.svelte-1kkxw4f.svelte-1kkxw4f:last-child:not(:first-child){transform-origin:center center!important}}@media screen and (max-width: 520px){.category-selector.svelte-1kkxw4f.svelte-1kkxw4f{min-height:calc(100vh - 160px);min-height:calc(var(--vh, 1vh) * 100 - 160px)}.category-item.svelte-1kkxw4f.svelte-1kkxw4f{font-size:28px;padding:20px}.category-item.svelte-1kkxw4f.svelte-1kkxw4f:hover{transform:scale(1.01)}}