.category-tile.svelte-1cnvz0s{flex-direction:column;gap:4px;width:100%;display:flex}.category-tile-visual.svelte-1cnvz0s{background:var(--color-product-backdrop);place-items:center;min-height:0;padding:9% 14%;transition:background-color .15s;display:grid;overflow:hidden}.category-tile[data-framing=landscape].svelte-1cnvz0s .category-tile-visual:where(.svelte-1cnvz0s){aspect-ratio:3/2}.category-tile[data-framing=portrait].svelte-1cnvz0s .category-tile-visual:where(.svelte-1cnvz0s){aspect-ratio:2/3}.category-tile[data-has-photo=true].svelte-1cnvz0s .category-tile-visual:where(.svelte-1cnvz0s){padding:0;position:relative}.category-tile-photo.svelte-1cnvz0s{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.category-tile[data-variant=default].svelte-1cnvz0s:hover .category-tile-visual:where(.svelte-1cnvz0s){background:var(--color-surface-muted)}.category-tile-label.svelte-1cnvz0s{background:var(--color-product-backdrop);color:var(--color-primary);text-align:center;padding:.5rem;font-weight:600}.category-tile[data-variant=home].svelte-1cnvz0s{gap:5px}.category-tile[data-variant=home].svelte-1cnvz0s .category-tile-label:where(.svelte-1cnvz0s){background:var(--color-surface-soft);padding:6px 12px;font-weight:700;transition:color .15s}.category-tile[data-variant=home].svelte-1cnvz0s .category-tile-label:where(.svelte-1cnvz0s):hover{color:var(--color-link-hover)}.category-tile[data-variant=strip].svelte-1cnvz0s{gap:5px}.category-tile[data-variant=strip].svelte-1cnvz0s:not(:focus-visible){translate:-5px}.category-tile[data-variant=strip].svelte-1cnvz0s:focus-visible{outline-offset:-2px}.category-tile[data-variant=strip].svelte-1cnvz0s .category-tile-visual:where(.svelte-1cnvz0s){padding:10% 16%}.category-tile[data-variant=strip].svelte-1cnvz0s .category-tile-label:where(.svelte-1cnvz0s){background:var(--color-surface-soft);font-size:var(--text-body);padding:2.5px;line-height:1.5}.category-tile[data-variant=strip][data-label-style=plain].svelte-1cnvz0s{gap:2px}.category-tile[data-variant=strip][data-label-style=plain].svelte-1cnvz0s .category-tile-label:where(.svelte-1cnvz0s){font-weight:400}.category-tile[data-active=true].svelte-1cnvz0s .category-tile-label:where(.svelte-1cnvz0s){background:var(--color-primary);color:var(--color-surface)}.category-tile[data-variant=strip][data-active=true].svelte-1cnvz0s .category-tile-label:where(.svelte-1cnvz0s){border:1px solid var(--color-primary)}.category-tile[data-variant=strip][data-label-style=plain][data-active=false].svelte-1cnvz0s .category-tile-label:where(.svelte-1cnvz0s){color:var(--color-ink)}
