.category-grid-wrap[data-v-8ba932c2]{position:relative;margin-top:2rem;--category-tile-height: 10.25rem;--category-grid-gap: 1rem}.category-grid[data-v-8ba932c2]{display:grid;gap:var(--category-grid-gap)}.category-tile[data-v-8ba932c2]{min-height:var(--category-tile-height)}.direct-loading[data-v-8ba932c2]{pointer-events:none;position:absolute;z-index:10;right:0;bottom:0;left:0;top:calc(var(--category-tile-height) + var(--category-grid-gap));display:flex;align-items:center;justify-content:center;border-radius:2px;background:#ffffffdb;color:var(--color-primary);opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:direct-loading-in-8ba932c2 .22s ease-out forwards}.level-grid-wrap[data-v-8ba932c2]{container-type:inline-size;position:relative;margin-top:2rem;--level-tile-height: 4.75rem;--level-grid-gap: .75rem;--level-selected-height: calc( var(--level-tile-height) + var(--level-tile-height) + var(--level-grid-gap) )}.level-grid[data-v-8ba932c2]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--level-tile-height);gap:var(--level-grid-gap)}.level-tile[data-v-8ba932c2]{display:flex;width:100%;height:var(--level-tile-height);min-height:0;align-items:center;justify-content:center;transition-property:transform,opacity,background-color,border-color,box-shadow,color,height,width}.level-tile--selected[data-v-8ba932c2]{z-index:20;width:100cqw;height:var(--level-tile-height);border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,white);box-shadow:0 12px 20px -16px #0f172a73;transform:translate(calc(-1 * var(--level-mobile-col) * ((100cqw + var(--level-grid-gap)) / 2)),calc(-1 * var(--level-mobile-row) * (var(--level-tile-height) + var(--level-grid-gap))))}.level-loading[data-v-8ba932c2]{pointer-events:none;position:absolute;z-index:10;right:0;bottom:0;left:0;top:calc(var(--level-tile-height) + var(--level-grid-gap));display:flex;align-items:center;justify-content:center;border-radius:2px;background:#ffffffdb;color:var(--color-primary);opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:direct-loading-in-8ba932c2 .22s ease-out forwards}.portal-loading[data-v-8ba932c2]{display:inline-flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:700}.portal-loading__matrix[data-v-8ba932c2]{display:grid;grid-template-columns:repeat(3,.42rem);gap:.18rem}.portal-loading__matrix span[data-v-8ba932c2]{width:.42rem;height:.42rem;border-radius:1px;background:currentColor;opacity:.28;animation:portal-matrix-pulse-8ba932c2 1s ease-in-out infinite}.portal-loading__matrix span[data-v-8ba932c2]:nth-child(1){animation-delay:0ms}.portal-loading__matrix span[data-v-8ba932c2]:nth-child(2),.portal-loading__matrix span[data-v-8ba932c2]:nth-child(4){animation-delay:90ms}.portal-loading__matrix span[data-v-8ba932c2]:nth-child(3),.portal-loading__matrix span[data-v-8ba932c2]:nth-child(5),.portal-loading__matrix span[data-v-8ba932c2]:nth-child(7){animation-delay:.18s}.portal-loading__matrix span[data-v-8ba932c2]:nth-child(6),.portal-loading__matrix span[data-v-8ba932c2]:nth-child(8){animation-delay:.27s}.portal-loading__matrix span[data-v-8ba932c2]:nth-child(9){animation-delay:.36s}@keyframes portal-matrix-pulse-8ba932c2{0%,to{opacity:.28;transform:scale(.82)}45%{opacity:1;transform:scale(1)}}@keyframes direct-loading-in-8ba932c2{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.category-grid[data-v-8ba932c2]{grid-template-columns:repeat(3,minmax(0,1fr))}.direct-loading[data-v-8ba932c2]{top:0;left:auto;width:65%}.level-grid[data-v-8ba932c2]{grid-template-columns:repeat(3,minmax(0,1fr))}.level-tile--selected[data-v-8ba932c2]{width:100%;height:var(--level-selected-height);transform:translate(calc(-1 * var(--level-desktop-col) * (100% + var(--level-grid-gap))),calc(-1 * var(--level-desktop-row) * (var(--level-tile-height) + var(--level-grid-gap))))}.level-loading[data-v-8ba932c2]{top:0;left:calc((100% + var(--level-grid-gap)) / 3)}}@media(prefers-reduced-motion:reduce){.direct-loading[data-v-8ba932c2],.level-loading[data-v-8ba932c2]{animation:none;opacity:1;transform:none}.level-tile--selected[data-v-8ba932c2]{transform:none}.portal-loading__matrix span[data-v-8ba932c2]{animation:none;opacity:.7;transform:none}}