.archetype-card[data-v-bff781da]{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100%;text-decoration:none;transition:all .3s ease;width:250px}.archetype-slider .archetype-card[data-v-bff781da]{width:100%}.archetype-card[data-v-bff781da]:hover{transform:translateY(-4px)}.archetype-card.opposite:hover .card-image-container[data-v-bff781da]{border-color:#ff6b6b;box-shadow:0 4px 16px #ff6b6b4d}.card-image-container[data-v-bff781da]{aspect-ratio:3/4;background:#232323;border:3px solid transparent;border-radius:6px;position:relative;transition:all .3s ease;width:100%}@media(max-width:480px){.card-image-container[data-v-bff781da]{border-radius:6px}}@media(max-width:559px){.card-image-container[data-v-bff781da]{aspect-ratio:4/3}}.archetype-card:hover .card-image-container[data-v-bff781da]{border-color:var(--clr-accent);box-shadow:0 4px 16px #35e1fb40}.player-image[data-v-bff781da]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.badge-overlay[data-v-bff781da]{background:#ffffffe6;border:5px solid #fff;border-radius:50%;bottom:-15px;box-shadow:0 2px 8px #0000004d;height:48px;left:50%;padding:2px;position:absolute;transform:translate(-50%);width:48px}@media(max-width:559px){.badge-overlay[data-v-bff781da]{border-bottom-width:7px;border-left-width:7px;border-right-width:7px;border-top-width:7px;height:64px;width:64px}}[data-theme=dark] .badge-overlay[data-v-bff781da]{background:#1e282de6}.badge-image[data-v-bff781da]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.card-info[data-v-bff781da]{align-items:center;display:flex;flex-direction:column;gap:.15rem}.archetype-name[data-v-bff781da]{color:var(--clr-text-main);font-size:.875rem;font-weight:600;line-height:1.2}.player-name[data-v-bff781da]{color:var(--clr-main);font-size:.85rem;font-weight:700;line-height:1.2;margin-top:.5rem;text-align:center}@media(max-width:640px){.player-name[data-v-bff781da]{font-size:.75rem}}@media(max-width:480px){.player-name[data-v-bff781da]{font-size:.7rem}}.archetype-name[data-v-bff781da]{color:var(--clr-accent);font-size:.7rem;text-align:center}@media(max-width:640px){.archetype-name[data-v-bff781da]{font-size:.65rem}}@media(max-width:480px){.archetype-name[data-v-bff781da]{font-size:.6rem}}.archetype-slider[data-v-401ac683]{margin:2rem auto 0;overflow:hidden;width:90%}@media(max-width:1023px){.archetype-slider[data-v-401ac683]{width:100%}}.slider-title[data-v-401ac683]{color:var(--clr-main);font-size:1.5rem;font-weight:700;margin-bottom:2.5rem;text-align:center}@media(max-width:559px){.slider-title[data-v-401ac683]{font-size:1.2rem;margin-bottom:1.5rem}}.swiper-container[data-v-401ac683]{overflow:hidden;width:100%}.navigation-container[data-v-401ac683]{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:.25rem}@media(max-width:1023px){.navigation-container[data-v-401ac683]{margin-top:.5rem}}[data-v-401ac683] .archetype-swiper{overflow:visible;padding:1rem 0 .5rem;width:100%}@media(min-width:560px)and (max-width:1023px){[data-v-401ac683] .archetype-swiper{padding-bottom:1.5rem;padding-left:0;padding-right:0;padding-top:1rem}}@media(min-width:1024px){[data-v-401ac683] .archetype-swiper{padding-bottom:2rem;padding-left:0;padding-right:0;padding-top:1rem}}.archetype-slide[data-v-401ac683]{flex-grow:0;flex-shrink:0;height:auto;min-width:140px;padding:0;transition:transform .3s ease,opacity .3s ease;width:auto}@media(max-width:1023px){.archetype-slide[data-v-401ac683]{min-width:120px}}@media(max-width:559px){.archetype-slide[data-v-401ac683]{min-width:100px}}[data-v-401ac683] .swiper-slide-active .archetype-card{transform:scale(1.15)}@media(max-width:559px){[data-v-401ac683] .swiper-slide-active .archetype-card{transform:none}}[data-v-401ac683] .swiper-slide-active .card-image-container{border-color:var(--clr-accent-new);border-width:2px}[data-v-401ac683] .archetype-slide .card-info,[data-v-401ac683] .archetype-slide .badge-overlay{opacity:0;pointer-events:none;transition:opacity .3s ease}[data-v-401ac683] .swiper-slide-active .card-info,[data-v-401ac683] .swiper-slide-active .badge-overlay{opacity:1;pointer-events:auto}.nav-button[data-v-401ac683]{align-items:center;background:var(--clr-white,#fff);border:2px solid var(--clr-accent);border-radius:10px;color:var(--clr-accent);cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .2s ease;width:42px;z-index:20}@media(max-width:767px){.nav-button[data-v-401ac683]{height:44px;width:44px}}[data-theme=dark] .nav-button[data-v-401ac683]{background:#1e282df2;border-color:transparent}.nav-button[data-v-401ac683]:hover{transform:scale(1.05)}.nav-button i[data-v-401ac683]{font-size:1rem;line-height:1}@media(max-width:559px){.nav-button i[data-v-401ac683]{font-size:.85rem}}