.CardCategory4_card__X5bY2{--category-color:#a11040;--category-tint:#fce8ef;--category-halo:#f4ccdc;display:flex;flex-direction:column}.CardCategory4_card__X5bY2[data-tone=amber]{--category-color:#a16207;--category-tint:#fff4d8;--category-halo:#f8e5af}.CardCategory4_card__X5bY2[data-tone=violet]{--category-color:#7c3bb3;--category-tint:#f3eafd;--category-halo:#e4d2f8}.CardCategory4_card__X5bY2[data-tone=blue]{--category-color:#2563ad;--category-tint:#e9f2ff;--category-halo:#cfe1f8}.CardCategory4_card__X5bY2[data-tone=teal]{--category-color:#0f766e;--category-tint:#e1f5ee;--category-halo:#bfe5d7}.CardCategory4_card__X5bY2[data-tone=indigo]{--category-color:#5144a2;--category-tint:#ececfc;--category-halo:#d7d5f4}.CardCategory4_card__X5bY2[data-tone=orange]{--category-color:#b4531a;--category-tint:#fff0e4;--category-halo:#f7d9bf}.CardCategory4_card__X5bY2[data-tone=cyan]{--category-color:#0e7490;--category-tint:#e3f4f9;--category-halo:#c2e6f0}.CardCategory4_artwork__ZrMqv{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:7/5;overflow:hidden;border:1px solid var(--category-halo);border-radius:24px;background:var(--category-tint);transition:border-color .2s}.CardCategory4_artwork__ZrMqv:after,.CardCategory4_artwork__ZrMqv:before{content:"";position:absolute;width:65%;aspect-ratio:1;border:1px solid var(--category-halo);border-radius:50%}.CardCategory4_artwork__ZrMqv:before{left:-30%;top:-30%}.CardCategory4_artwork__ZrMqv:after{right:-25%;bottom:-50%;background:var(--category-halo);opacity:.55}.CardCategory4_iconTile__P6ilQ{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:44%;aspect-ratio:1;border:1px solid #ffffff;border-radius:26%;background:#ffffffc9;box-shadow:0 8px 20px #17203308;color:var(--category-color);transition:transform .2s}.CardCategory4_iconTile__P6ilQ svg{width:62%;height:62%}.CardCategory4_rank__B2qwr{position:absolute;z-index:2;inset-inline-start:12px;top:12px}.CardCategory4_smallIcon__YqYdm{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--category-tint);color:var(--category-color)}.CardCategory4_smallIcon__YqYdm svg{width:20px;height:20px}.CardCategory4_card__X5bY2:focus-visible .CardCategory4_artwork__ZrMqv,.CardCategory4_card__X5bY2:hover .CardCategory4_artwork__ZrMqv{border-color:var(--category-color)}.CardCategory4_card__X5bY2:hover .CardCategory4_iconTile__P6ilQ{transform:translateY(-4px)}.dark .CardCategory4_artwork__ZrMqv{background:color-mix(in srgb,var(--category-color) 18%,#171e2c);border-color:color-mix(in srgb,var(--category-color) 30%,#303b4d)}.dark .CardCategory4_artwork__ZrMqv:after,.dark .CardCategory4_artwork__ZrMqv:before{opacity:.1}.dark .CardCategory4_iconTile__P6ilQ{background:#f8fafc;border-color:#ffffff}@media (max-width:639px){.CardCategory4_artwork__ZrMqv{border-radius:18px}.CardCategory4_rank__B2qwr{inset-inline-start:8px;top:8px}.CardCategory4_smallIcon__YqYdm{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.CardCategory4_artwork__ZrMqv,.CardCategory4_iconTile__P6ilQ{transition:none}.CardCategory4_card__X5bY2:hover .CardCategory4_iconTile__P6ilQ{transform:none}}