.card-with-switcher{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,255,106,.2));border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:40px;padding-bottom:10px}.card-with-switcher h2{color:#fff;font-family:fuel,monospace,sans-serif;font-size:64px;line-height:52px;text-transform:uppercase}@media(min-width:1024px){.card-with-switcher h2{font-size:clamp(48px,11.2vh,120px);line-height:.9;padding-top:.4vh}}@media(min-width:1024px)and (max-height:800px){.card-with-switcher h2 br{display:none}}@media(min-width:1441px){.card-with-switcher h2{line-height:.9;padding-top:.8vh}}.card-with-switcher .container{margin:0 12px;max-width:100%}@media(min-width:767px){.card-with-switcher .container{margin:0 10px}}@media(min-width:1024px){.card-with-switcher .container{margin:0 20px}}@media screen and (min-width:1920px){.card-with-switcher .container{margin:0 60px}}@media screen and (min-width:767px){.card-with-switcher{border-bottom-left-radius:30px;border-bottom-right-radius:30px;margin-top:80px;padding-bottom:10px}}@media screen and (min-width:1024px){.card-with-switcher{border-bottom-left-radius:30px;border-bottom-right-radius:30px;margin-top:120px;padding-bottom:20px}}@media screen and (min-width:1920px){.card-with-switcher{border-bottom-left-radius:40px;border-bottom-right-radius:40px;margin-top:100px}}@media screen and (min-width:1024px){.card-with-switcher__content{display:flex;justify-content:space-between}}.card-with-switcher .categories-switcher{background-color:#252525;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);height:fit-content;margin-top:24px;padding:6px;width:100%}@media screen and (min-width:767px){.card-with-switcher .categories-switcher{border-radius:16px;margin-top:48px;padding:14px}}@media screen and (min-width:1024px){.card-with-switcher .categories-switcher{border-radius:30px;margin:0;max-width:480px;padding:8px}}.card-with-switcher .categories-switcher__button{background-color:#252525;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;padding:12px 0}@media screen and (min-width:767px){.card-with-switcher .categories-switcher__button{border-radius:16px;font-size:32px;padding:28px 0}}.card-with-switcher .categories-switcher__button.active{background-color:#f2f2f2;color:#000;text-align:center}.card-with-switcher .category{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:30px -16px 0;padding:0 16px}@media screen and (min-width:767px){.card-with-switcher .category{gap:10px}}@media screen and (min-width:1024px){.card-with-switcher .category{gap:18px;grid-template-columns:repeat(4,1fr);margin:24px 0 0;padding:0}}@media screen and (min-width:1920px){.card-with-switcher .category{margin:40px 0 0}}.card-with-switcher .category.hidden{display:none}.card-with-switcher .category__add-card-button{display:block;margin-top:16px}.card-with-switcher .card{aspect-ratio:1/1;backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.3);border-radius:20px;padding:16px;position:relative}@media screen and (min-width:767px){.card-with-switcher .card{border-radius:30px;padding:34px}}@media screen and (min-width:1024px){.card-with-switcher .card{padding:40px}}@media screen and (min-width:1920px){.card-with-switcher .card{border-radius:30px}}.card-with-switcher .card__text{color:#fff;font-size:18px;font-weight:400;line-height:1.1}@media(min-width:767px){.card-with-switcher .card__text{font-size:clamp(18px,3.5vh,35px)}}@media screen and (min-width:767px){.card-with-switcher .card__text{font-size:28px;letter-spacing:0}}@media screen and (min-width:1024px){.card-with-switcher .card__text{font-size:24px}}@media screen and (min-width:1920px){.card-with-switcher .card__text{font-size:32px}}.card-with-switcher .card__image{bottom:18px;display:block;height:auto;height:34px;max-width:100%;position:absolute;right:18px;width:34px}@media screen and (min-width:767px){.card-with-switcher .card__image{bottom:40px;height:64px;object-fit:contain;object-position:center;right:40px;width:64px}}.card-with-switcher .card__image-button{display:block;margin-bottom:16px}
/*# sourceMappingURL=card-with-switcher.css.map*/