.banner-placeholder.astro-5ygjndrn {
    background: #010101;
    height: var(--banner-height);
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 50
}

._telegramDropdownWrapper_icavl_1 {
    position: relative
}

._socialButton_icavl_5 {
    align-items: center;
    background-color: rgb(var(--bg-secondary));
    border: none;
    border-radius: 40px;
    cursor: pointer;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 28px 16px;
    text-decoration: none;
    transition: all .3s ease;
    width: 100%
}

._socialButton_icavl_5._active_icavl_19,._socialButton_icavl_5:focus,._socialButton_icavl_5:hover {
    background: radial-gradient(50% 85.71% at 50% 100%,#fff6 0,#fff0),#189cde;
    box-shadow: inset 0 -10px 30px #ffffff4d;
    color: #fff
}

._socialButtonText_icavl_25 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.27px;
    line-height: 131%;
    text-align: center
}

._dropdown_icavl_33 {
    filter: drop-shadow(0 0 10px rgba(var(--text-primary)/30%));
    left: 50%;
    padding-top: 12px;
    position: absolute;
    top: 100%;
    transform: translate(-50%);
    width: 100%;
    z-index: 1000
}

@media screen and (min-width: 768px) {
    ._dropdown_icavl_33 {
        min-width:425px
    }
}

._dropdownTail_icavl_49 {
    color: rgb(var(--color-primary));
    display: flex;
    justify-content: center;
    width: 100%
}

._dropdownTail_icavl_49 svg {
    min-width: 425px
}

._dropdownContainer_icavl_59 {
    background: rgb(var(--color-primary));
    border-radius: 16px;
    min-width: 300px;
    padding: 16px
}

@media screen and (min-width: 1280px) {
    ._dropdownContainer_icavl_59 {
        border-radius:40px
    }
}

._dropdownContent_icavl_71 {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: 400px;
    overflow-y: auto
}

@media screen and (min-width: 768px) {
    ._dropdownContent_icavl_71 {
        flex-direction:row;
        max-height: none;
        overflow-y: visible
    }
}

._dropdownColumn_icavl_86 {
    display: flex;
    flex: 1;
    flex-direction: column
}

._dropdownItem_icavl_92 {
    border-radius: 24px;
    color: inherit;
    padding: 24px;
    text-decoration: none;
    transition: background .2s ease
}

._dropdownItem_icavl_92:focus,._dropdownItem_icavl_92:hover {
    background: #f5f5f6
}

._dropdownItemContent_icavl_103 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center
}

._dropdownItemTitle_icavl_111 {
    align-items: center;
    color: rgb(var(--text-primary));
    display: flex;
    font-size: 18px;
    font-weight: 500;
    gap: 8px;
    letter-spacing: -.27px;
    line-height: 131%;
    white-space: nowrap
}

._flag_icavl_123 {
    flex-shrink: 0;
    height: 16px;
    width: 20px
}

._dropdownItemCount_icavl_129 {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.07px;
    line-height: 125%
}

.dark ._dropdownItem_icavl_92:focus,.dark ._dropdownItem_icavl_92:hover {
    background: #ffffff1a
}

.join-community.astro-zeiwvbty {
    background-color: rgb(var(--color-primary));
    padding-bottom: 40px;
    padding-top: 100px;
    position: relative
}

.join-community.astro-zeiwvbty:after {
    background-color: #0000001a;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: var(--container-width)
}

.join-community__inner.astro-zeiwvbty {
    margin: 0 auto;
    max-width: 1320px
}

.join-community__meta.astro-zeiwvbty {
    margin-bottom: 48px;
    text-align: center
}

.join-community__title.astro-zeiwvbty {
    color: rgb(var(--color-primary-inverted));
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -.432px;
    line-height: 39.96px;
    margin-bottom: 24px
}

.join-community__description.astro-zeiwvbty {
    color: rgb(var(--text-secondary));
    font-size: 20px;
    margin: 0 auto;
    max-width: 600px
}

@media screen and (min-width: 976px) {
    .join-community.astro-zeiwvbty {
        padding-bottom:64px
    }
}

@media screen and (min-width: 1280px) {
    .join-community.astro-zeiwvbty {
        padding-top:150px
    }

    .join-community__meta.astro-zeiwvbty {
        margin-bottom: 80px
    }

    .join-community__title.astro-zeiwvbty {
        font-size: 52px;
        letter-spacing: -2.08px;
        line-height: 48.88px;
        margin-bottom: 24px
    }
}

.social-buttons-grid.astro-zeiwvbty {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2,1fr);
    width: 100%
}

@media screen and (min-width: 1280px) {
    .social-buttons-grid.astro-zeiwvbty {
        grid-template-columns:repeat(4,1fr)
    }
}

.social-buttons-column.astro-zeiwvbty {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr;
    place-items: center
}

@media screen and (min-width: 976px) {
    .social-buttons-column.astro-zeiwvbty {
        grid-template-columns:1fr;
        grid-template-rows: auto auto
    }
}

.social-button.astro-zeiwvbty {
    align-items: center;
    background: rgb(var(--color-bg-secondary));
    border: none;
    border-radius: 40px;
    color: rgb(var(--color-primary-inverted));
    cursor: pointer;
    display: flex;
    flex: 1;
    gap: 8px;
    height: 56px;
    justify-content: center;
    padding: 28px 16px;
    text-decoration: none;
    transition: all .3s ease;
    width: 56px
}

@media screen and (min-width: 390px) {
    .social-button.astro-zeiwvbty {
        height:72px;
        width: 72px
    }
}

@media screen and (min-width: 768px) {
    .social-button.astro-zeiwvbty {
        height:auto;
        width: 100%
    }
}

.social-button__text.astro-zeiwvbty {
    display: none;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.27px;
    line-height: 131%;
    text-align: center
}

@media screen and (min-width: 976px) {
    .social-button__text.astro-zeiwvbty {
        display:block
    }
}

.social-button--twitter.astro-zeiwvbty:hover {
    background: radial-gradient(50% 85.71% at 50% 100%,#fff6 0,#fff0),#000;
    box-shadow: inset 0 -10px 30px #ffffff4d;
    color: #fff
}

.social-button--discord.astro-zeiwvbty:hover {
    background: radial-gradient(50% 85.71% at 50% 100%,#fff6 0,#fff0),#5765f2;
    box-shadow: inset 0 -10px 30px #ffffff4d;
    color: #fff
}

.social-button--reddit.astro-zeiwvbty:hover {
    background: radial-gradient(50% 85.71% at 50% 100%,#fff6 0,#fff0),#ff4500;
    box-shadow: inset 0 -10px 30px #ffffff4d;
    color: #fff
}

.social-button--facebook.astro-zeiwvbty:hover {
    background: radial-gradient(50% 85.71% at 50% 100%,#fff6 0,#fff0),#0766ff;
    box-shadow: inset 0 -10px 30px #ffffff4d;
    color: #fff
}

@media screen and (min-width: 768px) {
    .social-button--telegram-wrapper.astro-zeiwvbty {
        width:100%
    }
}

.social-button--telegram.astro-zeiwvbty:hover {
    background: radial-gradient(50% 85.71% at 50% 100%,#fff6 0,#fff0),#189cde;
    box-shadow: inset 0 -10px 30px #ffffff4d;
    color: #fff
}

.social-button--linkedin.astro-zeiwvbty:hover {
    background: radial-gradient(50% 85.71% at 50% 100%,#fff6 0,#fff0),#0b66c2;
    box-shadow: inset 0 -10px 30px #ffffff4d;
    color: #fff
}

.social-button--instagram.astro-zeiwvbty:hover {
    background: radial-gradient(50% 85.71% at 50% 100%,#fff6 0,#fff0),#ff2f40;
    box-shadow: inset 0 -10px 30px #ffffff4d;
    color: #fff
}

.social-button--youtube.astro-zeiwvbty:hover {
    background: radial-gradient(50% 85.71% at 50% 100%,#fff6 0,#fff0),#ff0032;
    box-shadow: inset 0 -10px 30px #ffffff4d;
    color: #fff
}

._form_80pcd_1 {
    width: 100%
}

._form__field_80pcd_5 {
    align-items: center;
    background: rgb(var(--color-bg-secondary));
    border-radius: 18px;
    display: flex;
    font-size: 18px;
    height: 56px;
    justify-content: space-between;
    margin-bottom: 12px;
    max-width: 300px;
    padding: 16px;
    width: 100%
}

._form__input_80pcd_19 {
    background: none;
    border: none;
    color: rgb(var(--text-primary));
    line-height: 130%;
    outline: none;
    width: 100%
}

._form__input_80pcd_19::placeholder {
    color: #767676
}

._form__policy_80pcd_31 {
    color: rgb(var(--color-secondary));
    font-size: 14px;
    font-weight: 400;
    line-height: 125%
}

._form__submit_80pcd_38 {
    align-items: center;
    background: none;
    border: none;
    color: rgb(var(--text-primary));
    display: flex;
    outline: none
}

._form__success_80pcd_47 {
    color: green
}

._form__label_80pcd_51 {
    color: #da6565;
    display: block;
    margin-bottom: 16px
}

.footer-sections-container.astro-gtl7mhq4 {
    max-width: 100vw;
    overflow: hidden
}

.footer.astro-gtl7mhq4 {
    --gap: 24px;
    background-color: rgb(var(--color-primary));
    overflow: hidden;
    padding-bottom: 48px;
    padding-top: 60px;
    position: relative
}

.footer.astro-gtl7mhq4:before {
    background-color: #ffffff1a;
    content: "";
    height: 1px;
    left: var(--container-padding);
    position: absolute;
    top: 0;
    width: calc(100% - var(--container-padding)*2)
}

.footer__content.astro-gtl7mhq4 {
    display: flex;
    flex-direction: column;
    gap: 80px;
    justify-content: space-between;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .footer__content.astro-gtl7mhq4 {
        gap:80px
    }
}

@media screen and (min-width: 1280px) {
    .footer__content.astro-gtl7mhq4 {
        flex-direction:row;
        row-gap: 100px
    }
}

@media screen and (min-width: 1568px) {
    .footer__content.astro-gtl7mhq4 {
        flex-direction:row;
        row-gap: 150px
    }
}

.footer__meta.astro-gtl7mhq4 {
    display: flex;
    flex-direction: column-reverse;
    font-size: 16px;
    font-weight: 400;
    gap: 40px;
    line-height: 22px
}

@media screen and (min-width: 768px) {
    .footer__meta.astro-gtl7mhq4 {
        align-items:center;
        flex-direction: row;
        justify-content: space-between
    }
}

@media screen and (min-width: 1280px) {
    .footer__meta.astro-gtl7mhq4 {
        align-items:flex-start;
        flex-direction: column;
        gap: 40px;
        justify-content: flex-start
    }
}

.footer__address.astro-gtl7mhq4 {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-style: normal;
    gap: 40px;
    line-height: 22px
}

.footer__address-link.astro-gtl7mhq4 {
    color: var(--text-primary);
    text-decoration: underline
}

@media screen and (min-width: 768px) {
    .footer__address.astro-gtl7mhq4 {
        align-items:center;
        flex-direction: row;
        gap: 8px;
        justify-content: space-between;
        width: 100%
    }
}

@media screen and (min-width: 1280px) {
    .footer__address.astro-gtl7mhq4 {
        align-items:flex-start;
        flex-direction: column;
        gap: 40px
    }
}

.footer__socials.astro-gtl7mhq4 {
    justify-content: unset;
    margin-top: 40px
}

.footer__links.astro-gtl7mhq4 {
    align-content: start;
    align-items: start;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    gap: var(--gap)
}

@media screen and (min-width: 768px) {
    .footer__links.astro-gtl7mhq4 {
        flex-direction:row
    }
}

.footer__copyright.astro-gtl7mhq4 {
    color: rgb(var(--color-secondary));
    font-size: 14px;
    font-weight: 400;
    line-height: 125%;
    padding-bottom: 40px;
    width: 100%
}

@media screen and (min-width: 976px) {
    .footer__copyright.astro-gtl7mhq4 {
        text-align:center
    }
}

.footer__list-item.astro-gtl7mhq4 {
    color: rgb(var(--color-secondary));
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 12px;
    transition: color .2s
}

.footer__list-item.astro-gtl7mhq4:hover {
    color: rgb(var(--color-dark-100))
}

.footer__list.astro-gtl7mhq4 {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    justify-content: flex-start;
    letter-spacing: .048px;
    line-height: 120%;
    width: 100%
}

.footer__support.astro-gtl7mhq4 {
    margin-top: 1em;
    text-decoration: underline
}

.footer__phone.astro-gtl7mhq4 {
    margin-top: 1em
}

.footer__list-product.astro-gtl7mhq4 {
    grid-area: product
}

.footer__list_legal.astro-gtl7mhq4 {
    grid-area: legal
}

.footer__list_company.astro-gtl7mhq4 {
    grid-area: company
}

.footer__list_partners.astro-gtl7mhq4 {
    grid-area: partners
}

.footer__list-head.astro-gtl7mhq4 {
    margin-bottom: 16px
}

.footer__list-head_crypto-converter.astro-gtl7mhq4 {
    margin-top: 24px
}

@media screen and (min-width: 768px) {
    .footer.astro-gtl7mhq4 {
        --gap:24px
    }
}

@media screen and (min-width: 1280px) {
    .footer.astro-gtl7mhq4 {
        --gap:40px;
        padding-top: 96px
    }
}

@media screen and (min-width: 1568px) {
    .footer.astro-gtl7mhq4 {
        --gap:90px
    }
}

.dark .footer.astro-gtl7mhq4 {
    background-color: rgb(var(--color-dark-100))
}

.dark .footer__list-item.astro-gtl7mhq4:hover {
    color: rgb(var(--color-white-100))
}

.follow__form.astro-gtl7mhq4 {
    width: 330px
}

.footer__links-col-1.astro-gtl7mhq4 {
    display: flex;
    flex-direction: column;
    gap: var(--gap)
}

.footer__links-col-2.astro-gtl7mhq4 {
    display: flex;
    gap: 24px;
    width: 100%
}

@media screen and (min-width: 768px) {
    .footer__links-col-1.astro-gtl7mhq4 {
        width:50%
    }

    .footer__links-col-2.astro-gtl7mhq4 {
        flex-direction: column
    }

    .footer__links-col-2.astro-gtl7mhq4,.footer__links-col-3.astro-gtl7mhq4 {
        width: 25%
    }
}

@media screen and (min-width: 1280px) {
    .footer__links-col-1.astro-gtl7mhq4 {
        flex-direction:row;
        width: 500px
    }
}

.socials.astro-upu6fzxr {
    display: flex;
    flex-direction: row;
    gap: 12px;
    width: 100%
}

.social.astro-upu6fzxr {
    transition: all .3s ease-in-out
}

.social.astro-upu6fzxr:hover {
    filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(470%) hue-rotate(257deg) brightness(114%) contrast(88%)
}

.vis-hidden.astro-ud663b2a {
    visibility: hidden
}

.menu__links {
    display: flex;
    flex-direction: column;
    gap: 24px;
    list-style: none;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1120px) {
    .menu__links {
        gap:6px
    }
}

.menu__item {
    align-items: center;
    display: flex;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -.28px;
    line-height: 1.1;
    position: relative
}

.menu__item:after {
    content: none
}

@media screen and (min-width: 1120px) {
    .menu__item {
        color:var(--header-text-color-secondary);
        font-size: 14px;
        letter-spacing: .14px;
        line-height: 1.2;
        padding: 0
    }

    .menu__item:after {
        content: none
    }
}

.menu__item-button {
    align-items: center;
    background: none;
    border: none;
    color: var(--header-text-color-primary);
    display: flex;
    font-size: 28px;
    font-weight: 500;
    gap: 8px;
    letter-spacing: -.28px;
    line-height: 1.1;
    padding: 0;
    width: 100%
}

@media screen and (min-width: 1120px) {
    .menu__item-button {
        border-radius:20px;
        color: var(--header-text-color-secondary);
        font-size: 14px;
        letter-spacing: .14px;
        line-height: 1.2;
        padding: 7px 16px;
        white-space: nowrap;
        width: auto
    }

    .menu__item-button:hover,.menu__item-button[aria-expanded=true] {
        background: var(--header-item-bg-color);
        color: var(--header-text-color-primary)
    }
}

.menu__dropdown {
    position: relative;
    width: 100%
}

@media screen and (min-width: 1120px) {
    .menu__dropdown {
        width:auto
    }
}

.menu__dropdown--nested {
    position: static
}

.menu__dropdown-list {
    display: flex;
    filter: drop-shadow(0 0 4px rgba(0,0,0,.1));
    flex-direction: column;
    gap: 24px;
    overflow: hidden;
    padding-bottom: 16px;
    padding-top: 24px;
    width: 100%
}

@media screen and (min-width: 1120px) {
    .menu__dropdown-list {
        background:var(--header-item-bg-color);
        border-radius: 32px;
        color: #a7a7a7;
        display: none;
        gap: 0;
        left: 50%;
        list-style: none;
        margin: 0;
        min-width: 200px;
        overflow: initial;
        padding: 8px;
        position: absolute;
        top: calc(100% + 20px);
        transform: translate(-50%);
        z-index: 100
    }

    .menu__dropdown-list:has(.menu__dropdown--nested button[aria-expanded=true]) {
        border-bottom-right-radius: 0;
        border-right: .5px solid #404043;
        border-top-right-radius: 0
    }
}

.menu__dropdown-chevron {
    align-items: flex-end;
    display: none;
    height: 30px;
    left: 50%;
    position: absolute;
    top: -30px;
    transform: translate(-50%);
    width: 192px;
    z-index: 0
}

.menu__dropdown-chevron>svg {
    color: var(--header-item-bg-color)
}

@media screen and (min-width: 1120px) {
    .menu__dropdown-chevron {
        display:flex
    }
}

.menu__dropdown-link {
    align-items: center;
    background: none;
    border: none;
    color: var(--header-text-color-primary);
    display: block;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    height: 24px;
    line-height: 120%;
    outline: none;
    padding: 10px 0;
    position: relative;
    text-align: left
}

.menu__dropdown-link:before {
    content: "";
    height: 100%;
    position: absolute;
    right: -8px;
    top: 0;
    width: 8px
}

@media screen and (min-width: 1120px) {
    .menu__dropdown-link {
        align-items:center;
        border-radius: 28px;
        display: flex;
        gap: 8px;
        height: unset;
        padding: 16px;
        width: 100%
    }

    .menu__dropdown-link:focus-visible,.menu__dropdown-link:hover {
        background: var(--header-item-hover-color,var(--header-bg-color));
        color: var(--header-text-color-primary)
    }

    .menu__dropdown-item-title {
        flex-grow: 1;
        text-align: left
    }
}

.menu__nested-panel {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
    padding-bottom: 16px
}

@media screen and (min-width: 1120px) {
    .menu__nested-panel {
        background:var(--header-item-bg-color);
        border-radius: 0 36px 36px 0;
        display: block;
        display: none;
        height: calc(100% + 16px);
        left: calc(100% + 8px);
        margin-top: unset;
        overflow: auto;
        padding: 8px;
        position: absolute;
        top: -8px;
        width: 266px;
        z-index: 101
    }

    .menu__nested-panel:before {
        background-color: gray;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 1px
    }
}

.menu__social-link {
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 0
}

@media screen and (min-width: 1120px) {
    .menu__social-link {
        padding:16px
    }
}

.menu__social-info {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 4px;
    justify-content: flex-start
}

@media screen and (min-width: 1120px) {
    .menu__social-info {
        flex:1
    }
}

.menu__item-chevron {
    height: 24px;
    transition: transform .3s;
    width: 24px
}

@media screen and (min-width: 1120px) {
    .menu__item-chevron {
        display:none
    }
}

.menu__chevron-icon {
    height: 16px;
    transition: transform .3s;
    width: 16px
}

@media screen and (min-width: 1120px) {
    .menu__chevron-icon {
        display:none
    }
}

.menu__section-title {
    color: gray;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.07px;
    line-height: 1.25;
    padding: 0 0 0 32px
}

.menu__section-title:not(:first-child) {
    margin-top: 24px
}

@media screen and (min-width: 1120px) {
    .menu__section-title {
        font-size:13px;
        letter-spacing: -.0008em;
        line-height: 1.25;
        margin: 0;
        padding: 18px 0 4px 12px
    }
}

.menu__section-list {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 18px;
    list-style: none
}

@media screen and (min-width: 1120px) {
    .menu__section-list {
        gap:3px;
        margin-top: unset
    }
}

.menu__social-sublink {
    align-items: center;
    display: flex;
    gap: 8px;
    outline: none;
    padding: 0 32px
}

.menu__social-sublink-title {
    color: var(--header-text-color-primary);
    font-weight: 500
}

@media screen and (min-width: 1120px) {
    .menu__social-sublink {
        border-radius:24px;
        color: var(--header-text-color-secondary);
        padding: 16px
    }

    .menu__social-sublink:focus-visible,.menu__social-sublink:hover {
        background: var(--header-item-hover-color,var(--header-bg-color));
        color: var(--header-text-color-primary)
    }
}

[aria-expanded=true] .menu__chevron-icon,[aria-expanded=true] .menu__item-chevron {
    transform: rotate(180deg)
}

@media screen and (min-width: 1120px) {
    .header-container--transparent .menu__dropdown-list {
        background:#dcdcdc;
        color: #000
    }

    .header-container--transparent .menu__dropdown-chevron>svg {
        color: #dcdcdc
    }

    .header-container--transparent .menu__nested-panel {
        background: #dcdcdc
    }

    .header-container--transparent .menu__dropdown-link,.header-container--transparent .menu__social-sublink {
        color: #000
    }

    .header-container--transparent .menu__section-title {
        color: gray
    }

    .header-container--transparent .menu__social-sublink-title {
        color: #000
    }
}

.menu {
    display: flex;
    justify-content: flex-end;
    margin-right: -6px
}

@media screen and (min-width: 1120px) {
    .menu {
        align-items:center;
        justify-content: center;
        margin-right: unset;
        width: auto
    }

    .menu .menu_aside {
        display: none
    }

    .menu .menu-item-title {
        flex-grow: 1;
        text-align: left
    }
}

.menu__toggle-icon {
    display: block;
    margin: auto;
    position: absolute;
    width: 16px
}

.menu__toggle-icon>span {
    background-color: var(--header-text-color-primary);
    display: block;
    height: 1.33px;
    position: absolute;
    width: 16px
}

@media (prefers-reduced-motion:reduce) {
    .menu__toggle-icon>span {
        animation: none;
        transition: none
    }
}

@media (prefers-reduced-motion:no-preference) {
    .menu__toggle-icon>span {
        transition: .25s
    }
}

.menu__toggle-icon>span:first-child {
    top: 0;
    transform: translateY(-5.33px)
}

.menu__toggle-icon>span:nth-child(2) {
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    top: 0
}

.menu__toggle-icon>span:last-child {
    background-color: var(--header-text-color-primary);
    transform: translateY(5.33px)
}

.menu__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    list-style: none;
    margin-bottom: 24px;
    margin-top: 82px
}

@media screen and (min-width: 1120px) {
    .menu__list {
        align-items:center;
        display: flex;
        flex-direction: row;
        gap: 0;
        height: 100%;
        margin-bottom: unset;
        margin-top: unset;
        padding: 0;
        width: auto
    }
}

.menu .toggle__wrapper {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    margin-left: 8px;
    position: relative;
    width: 30px;
    z-index: 1
}

@media screen and (min-width: 1120px) {
    .menu .toggle__wrapper {
        display:none
    }
}

.menu .toggle__wrapper>span {
    display: block;
    margin-bottom: auto;
    margin-top: auto
}

.menu .toggle__wrapper>span:before {
    background-color: var(--color-header-burger-button);
    content: "";
    top: 0;
    transform: translateY(-4px)
}

.menu .toggle__wrapper>span:after {
    background-color: var(--color-header-burger-button);
    content: "";
    transform: translateY(4px)
}

.menu .toggle__wrapper>span,.menu .toggle__wrapper>span:after,.menu .toggle__wrapper>span:before {
    display: block;
    height: 2px;
    position: absolute;
    width: 16px
}

@media (prefers-reduced-motion:reduce) {
    .menu .toggle__wrapper>span,.menu .toggle__wrapper>span:after,.menu .toggle__wrapper>span:before {
        animation: none;
        transition: none
    }
}

@media (prefers-reduced-motion:no-preference) {
    .menu .toggle__wrapper>span,.menu .toggle__wrapper>span:after,.menu .toggle__wrapper>span:before {
        transition: .25s
    }
}

.menu .toggle__content {
    background-color: var(--color-header-menu-aside,#fff);
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: calc(28px + var(--header-nav-height)) 24px 0;
    position: fixed;
    top: 0;
    transform: translate(100%);
    width: 100%;
    z-index: -1
}

@media (prefers-reduced-motion:reduce) {
    .menu .toggle__content {
        animation: none;
        transition: none
    }
}

@media (prefers-reduced-motion:no-preference) {
    .menu .toggle__content {
        transition: transform .25s ease,opacity .2s ease-in-out
    }
}

@media screen and (min-width: 768px) {
    .menu .toggle__content {
        justify-content:space-between;
        padding: 60px
    }
}

@media screen and (min-width: 1120px) {
    .menu .toggle__content {
        align-items:center;
        background: transparent;
        box-shadow: none;
        display: flex;
        height: auto;
        justify-content: center;
        opacity: 1;
        padding: 0;
        position: static;
        transform: translate(0);
        transition-duration: unset;
        visibility: visible;
        width: auto;
        z-index: auto
    }
}

.menu .toggle__content-block {
    margin-bottom: 30px;
    overflow: hidden auto
}

@media screen and (min-width: 1120px) {
    .menu .toggle__content-block {
        margin-bottom:0;
        overflow: unset
    }
}

.menu .menu__item {
    align-items: center;
    color: var(--color-header-font);
    display: flex;
    font-size: 20px;
    letter-spacing: .063px;
    line-height: 1.2;
    position: relative
}

@media screen and (min-width: 768px) {
    .menu .menu__item {
        font-size:28px;
        font-weight: 400;
        letter-spacing: .084px;
        padding: 28px 0
    }
}

@media screen and (min-width: 1120px) {
    .menu .menu__item {
        font-size:17px;
        font-weight: 400;
        letter-spacing: -.0043em;
        line-height: 22.1px;
        padding: 0
    }

    .menu .menu__item:has(.menu-button-links) {
        padding: 0
    }

    .menu .menu__item:after {
        content: none
    }

    .menu .menu__item:focus-visible,.menu .menu__item:hover {
        color: var(--color-header-font-hover)
    }

    .menu .menu__item.menu_aside {
        display: none
    }
}

.menu .menu__item_active {
    color: var(--color-header-font-selected)
}

.menu__toggle-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: relative;
    width: 30px;
    z-index: 2;
    -webkit-tap-highlight-color: transparent
}

@media screen and (min-width: 1120px) {
    .menu__toggle-button {
        display:none
    }
}

.menu .toggle {
    opacity: 0;
    width: 0
}

@media screen and (min-width: 1120px) {
    .menu .toggle {
        display:none
    }
}

.menu .toggle:checked~.menu__toggle-button>span {
    transform: rotate(45deg)
}

.menu .toggle:checked~.menu__toggle-button>span:before {
    transform: rotate(0)
}

.menu .toggle:checked~.menu__toggle-button>span:after {
    transform: rotate(-90deg);
    transform-origin: center
}

.menu__toggle {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    clip: rect(0,0,0,0)
}

@media screen and (min-width: 1120px) {
    .menu__toggle {
        display:none
    }
}

.menu__toggle:checked~.menu__toggle-button>.menu__toggle-icon>span:first-child {
    transform: rotate(45deg)
}

.menu__toggle:checked~.menu__toggle-button>.menu__toggle-icon>span:nth-child(2) {
    clip-path: polygon(50% 0,50% 0,50% 100%,50% 100%)
}

.menu__toggle:checked~.menu__toggle-button>.menu__toggle-icon>span:last-child {
    transform: rotate(-45deg)
}

.menu__content {
    color: var(--header-text-color-primary);
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transform: translate(100%);
    width: 100%;
    z-index: 1
}

.menu__content:is(div) {
    padding-bottom: 20px
}

@media (prefers-reduced-motion:reduce) {
    .menu__content {
        animation: none;
        transition: none
    }
}

@media (prefers-reduced-motion:no-preference) {
    .menu__content {
        transition: transform .25s ease,opacity .2s ease-in-out
    }
}

@media screen and (min-width: 1120px) {
    .menu__content {
        align-items:center;
        backdrop-filter: none;
        background: transparent;
        box-shadow: none;
        color: inherit;
        display: flex;
        height: auto;
        justify-content: center;
        opacity: 1;
        padding: 0;
        position: static;
        transform: translate(0);
        width: auto;
        z-index: auto
    }

    .menu__content:is(div) {
        padding-bottom: unset;
        padding-top: unset
    }
}

.menu__toggle:checked~.menu__content {
    opacity: 1;
    transform: translate(0)
}

.menu__content-scroll {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-bottom: 0;
    overflow-y: auto
}

@media screen and (min-width: 1120px) {
    .menu__content-scroll {
        flex:0;
        margin-bottom: 0;
        overflow-y: visible
    }
}

.menu__languages {
    margin-top: auto;
    padding: 6px 0
}

@media screen and (min-width: 1120px) {
    .menu__languages {
        display:none
    }
}

.menu__languages-wrapper {
    align-items: flex-end;
    display: inline-flex;
    gap: 6px;
    position: relative
}

.menu__languages-display {
    align-items: center;
    color: gray;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    gap: 6px;
    letter-spacing: -.27px;
    line-height: 1.31
}

.menu__languages-select {
    appearance: none;
    inset: 0;
    max-width: 100%;
    opacity: 0;
    position: absolute;
    text-indent: 1px
}

.menu__languages-select:focus-visible,.menu__languages-select:hover {
    background: transparent;
    color: transparent;
    opacity: 1;
    outline: none
}

.menu__languages-select option {
    color: #000;
    max-width: 100%;
    overflow: hidden;
    width: 100%
}

.menu__languages-arrow {
    display: none;
    transform: rotate(-90deg)
}

.menu__languages-icon {
    color: gray;
    height: 24px;
    width: 24px
}

.menu__footer {
    display: none
}

@media screen and (min-width: 1120px) {
    .menu__footer {
        display:none
    }
}

.menu__socials {
    margin-top: 30px
}

body:has(.menu__toggle:checked) {
    overflow: hidden
}

.lang-selector.astro-ltpqzwiw {
    display: none;
    position: relative
}

@media screen and (min-width: 1120px) {
    .lang-selector.astro-ltpqzwiw {
        display:block
    }
}

.lang-selector__button.astro-ltpqzwiw {
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 20px;
    color: var(--header-text-color-primary);
    cursor: pointer;
    display: flex;
    gap: 4px;
    outline: none;
    padding: 7px 13px 7px 16px
}

.lang-selector__button.astro-ltpqzwiw:focus-visible,.lang-selector__button.astro-ltpqzwiw:hover,.lang-selector__button.astro-ltpqzwiw[aria-expanded=true] {
    background: var(--header-item-hover-color,var(--header-bg-color))
}

.lang-selector__text.astro-ltpqzwiw {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14px;
    line-height: 1.2
}

.lang-selector__list.astro-ltpqzwiw {
    background: var(--header-item-bg-color);
    border-radius: 32px;
    box-shadow: 0 4px 25px #01010199;
    display: none;
    flex-direction: column;
    left: 50%;
    list-style: none;
    margin: 4px 0 0;
    min-width: 160px;
    padding: 8px;
    position: absolute;
    top: 100%;
    transform: translate(-50%);
    z-index: 100
}

.lang-selector__list.astro-ltpqzwiw:before {
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 100%
}

.lang-selector__link.astro-ltpqzwiw {
    border-radius: 24px;
    color: var(--header-text-color-primary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 16px;
    text-align: center
}

.lang-selector__link.astro-ltpqzwiw:focus-visible,.lang-selector__link.astro-ltpqzwiw:hover {
    background: var(--header-item-hover-color,var(--header-bg-color));
    outline: none
}

.ja-lang.astro-ltpqzwiw,.ko-lang.astro-ltpqzwiw,.zh-Hans-lang.astro-ltpqzwiw {
    font-family: system-ui,sans-serif
}

.subheader.astro-3ef6ksr2 {
    align-items: center;
    backdrop-filter: blur(20px);
    background: var(--header-bg-color);
    color: var(--header-text-color-primary);
    display: flex;
    gap: 12px;
    height: var(--header-height);
    justify-content: space-between;
    left: 0;
    opacity: 0;
    position: fixed;
    top: calc(var(--header-height) + var(--banner-height));
    transform: translateY(calc(var(--subheader-translate) + var(--header-translate, var(--header-translate-fallback))));
    transition: transform .3s,opacity .3s;
    z-index: 29
}

.subheader__buy-button.astro-3ef6ksr2 {
    white-space: nowrap
}

.subheader__logo.astro-3ef6ksr2 {
    display: none
}

.subheader__nav-container.astro-3ef6ksr2 {
    display: flex;
    -webkit-mask-image: linear-gradient(90deg,hsla(0,0%,100%,0),#000 10%,#000 90%,hsla(0,0%,100%,0));
    mask-image: linear-gradient(90deg,#fff0,#000 10% 90%,#fff0);
    overflow: hidden;
    position: relative;
    transform: translate(-10px);
    width: 100%
}

@media screen and (min-width: 1120px) {
    .subheader__nav-container.astro-3ef6ksr2 {
        -webkit-mask-image:unset;
        mask-image: unset
    }
}

.subheader__nav.astro-3ef6ksr2 {
    display: flex;
    flex-wrap: nowrap;
    overflow-y: scroll;
    padding-left: 10px;
    padding-right: 24px;
    scrollbar-width: none;
    width: 100%
}

.subheader__nav.astro-3ef6ksr2::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 1120px) {
    .subheader__nav.astro-3ef6ksr2 {
        justify-content:flex-end;
        padding-right: 48px
    }
}

.subheader__link.astro-3ef6ksr2 {
    border-radius: 20px;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .14px;
    line-height: 120%;
    padding: 7px 16px;
    transition: .3s
}

.subheader__link.astro-3ef6ksr2:hover {
    background: var(--header-item-hover-color)
}

.subheader__link.astro-3ef6ksr2:active {
    filter: brightness(90%)
}

@media screen and (min-width: 1120px) {
    .subheader.astro-3ef6ksr2 {
        padding-right:var(--container-padding);
        top: var(--banner-height)
    }

    .subheader__buy-button.astro-3ef6ksr2,.subheader__logo.astro-3ef6ksr2 {
        display: block
    }
}

.header-container {
    z-index: 11;
    --subheader-translate: -100%;
    --header-translate-fallback: calc(var(--header-height)*-1)
}

.header-container--dark {
    --header-color-theme: 0 0 0;
    --header-bg-color: rgba(0,0,0,.7);
    --header-menu-bg-color: #000;
    --header-text-color-primary: #fff;
    --header-item-bg-color: #1d1d1d;
    --header-item-hover-color: #383838;
    --header-text-color-secondary: #ededed;
    --header-border-color: hsla(0,0%,100%,.1);
    --header-logo-color: inherit
}

.header-container--light {
    --header-color-theme: 255 255 255;
    --header-bg-color: hsla(0,0%,100%,.7);
    --header-menu-bg-color: #fff;
    --header-text-color-primary: #000;
    --header-item-bg-color: #dcdcdc;
    --header-item-hover-color: rgb(0 0 0/5%);
    --header-text-color-secondary: #333;
    --header-border-color: rgba(0,0,0,.1);
    --header-logo-color: inherit
}

.header-container--transparent {
    --header-color-theme: 0 0 0;
    --header-bg-color: transparent;
    --header-menu-bg-color: #fff;
    --header-text-color-primary: #fff;
    --header-item-bg-color: hsla(0,0%,100%,.1);
    --header-item-hover-color: hsla(0,0%,100%,.15);
    --header-text-color-secondary: #fff;
    --header-border-color: transparent;
    --header-logo-color: inherit
}

@media screen and (min-width: 1120px) {
    .header-container {
        --subheader-translate:0%
    }
}

.header {
    backdrop-filter: blur(10px);
    background: var(--header-bg-color);
    border-bottom: 1px solid var(--header-border-color);
    color: var(--header-text-color-secondary);
    height: var(--header-height);
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: var(--banner-height);
    transform: translateY(var(--header-translate));
    transition: .3s;
    z-index: 30
}

.header:after {
    background: var(--header-bg-color);
    content: "";
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

@media screen and (min-width: 1120px) {
    .header:not(.header--fixed) {
        margin-bottom:calc(var(--header-height)*-1);
        margin-top: var(--banner-height);
        position: static;
        transform: unset
    }
}

.header--hidden {
    transform: translateY(var(--header-height))
}

.header__inner {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 768px) {
    .header {
        padding:12px 60px
    }
}

@media screen and (min-width: 1240px) {
    .header {
        padding:12px 156px
    }
}

.header__logo {
    align-items: center;
    color: var(--header-logo-color);
    display: flex;
    flex-shrink: 0;
    position: relative;
    z-index: 10
}

@media screen and (min-width: 1120px) {
    .header__logo {
        left:var(--container-padding);
        position: absolute
    }
}

.header__logo-icon {
    color: var(--header-logo-color,var(--header-text-color-primary));
    height: 22px;
    transition: .3s;
    width: 102px
}

.header__nav {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 16px;
    justify-content: flex-end
}

@media screen and (min-width: 1120px) {
    .header__nav {
        flex:0 1 auto;
        gap: unset
    }
}

.header__actions {
    align-items: center;
    display: none;
    flex-shrink: 0;
    gap: 20px
}

@media screen and (min-width: 1120px) {
    .header__actions {
        display:flex;
        gap: 4px;
        position: absolute;
        right: var(--container-padding)
    }

    .header .header__buy-button--mobile {
        display: none
    }
}

.lang-selector {
    display: block
}

.ja-lang,.ko-lang,.zh-Hans-lang {
    font-family: system-ui,sans-serif
}

.header:has(.menu__toggle:checked) {
    backdrop-filter: blur(5px);
    background: var(--header-menu-bg-color,hsla(0,0%,100%,.8));
    height: calc(100dvh - var(--banner-height))
}

.header-container--transparent .header:has(.menu__toggle:checked) {
    --header-color-theme: 255 255 255;
    --header-bg-color: hsla(0,0%,100%,.7);
    --header-menu-bg-color: #fff;
    --header-text-color-primary: #000;
    --header-item-bg-color: #dcdcdc;
    --header-item-hover-color: rgb(0 0 0/5%);
    --header-text-color-secondary: #333;
    --header-border-color: rgba(0,0,0,.1);
    backdrop-filter: blur(5px);
    background: #fff
}

.header-container:has(.menu__toggle:checked) .subheader {
    opacity: 0;
    pointer-events: none
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/graphik/Graphik-Thin-Web.eot);
    src: url(/fonts/graphik/Graphik-Thin-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Thin-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Thin-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 100;
    src: url(/fonts/graphik/Graphik-Thin-Italic-Web.eot);
    src: url(/fonts/graphik/Graphik-Thin-Italic-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Thin-Italic-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Thin-Italic-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 200;
    src: url(/fonts/graphik/Graphik-Extralight-Web.eot);
    src: url(/fonts/graphik/Graphik-Extralight-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Extralight-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Extralight-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 200;
    src: url(/fonts/graphik/Graphik-Extralight-Italic-Web.eot);
    src: url(/fonts/graphik/Graphik-Extralight-Italic-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Extralight-Italic-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Extralight-Italic-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/graphik/Graphik-Light-Web.eot);
    src: url(/fonts/graphik/Graphik-Light-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Light-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Light-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 300;
    src: url(/fonts/graphik/Graphik-Light-Italic-Web.eot);
    src: url(/fonts/graphik/Graphik-Light-Italic-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Light-Italic-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Light-Italic-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/graphik/Graphik-Regular-Web.eot);
    src: url(/fonts/graphik/Graphik-Regular-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Regular-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Regular-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/graphik/Graphik-Regular-Italic-Web.eot);
    src: url(/fonts/graphik/Graphik-Regular-Italic-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Regular-Italic-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Regular-Italic-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/graphik/Graphik-Medium-Web.eot);
    src: url(/fonts/graphik/Graphik-Medium-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Medium-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Medium-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 500;
    src: url(/fonts/graphik/Graphik-Medium-Italic-Web.eot);
    src: url(/fonts/graphik/Graphik-Medium-Italic-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Medium-Italic-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Medium-Italic-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/graphik/Graphik-Semibold-Web.eot);
    src: url(/fonts/graphik/Graphik-Semibold-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Semibold-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Semibold-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 600;
    src: url(/fonts/graphik/Graphik-Semibold-Italic-Web.eot);
    src: url(/fonts/graphik/Graphik-Semibold-Italic-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Semibold-Italic-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Semibold-Italic-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/graphik/Graphik-Bold-Web.eot);
    src: url(/fonts/graphik/Graphik-Bold-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Bold-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Bold-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 700;
    src: url(/fonts/graphik/Graphik-Bold-Italic-Web.eot);
    src: url(/fonts/graphik/Graphik-Bold-Italic-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Bold-Italic-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Bold-Italic-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/graphik/Graphik-Black-Web.eot);
    src: url(/fonts/graphik/Graphik-Black-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Black-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Black-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/graphik/Graphik-Black-Italic-Web.eot);
    src: url(/fonts/graphik/Graphik-Black-Italic-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Black-Italic-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Black-Italic-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: normal;
    font-weight: 900;
    src: url(/fonts/graphik/Graphik-Super-Web.eot);
    src: url(/fonts/graphik/Graphik-Super-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Super-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Super-Web.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Graphik LC Web;
    font-style: italic;
    font-weight: 900;
    src: url(/fonts/graphik/Graphik-Super-Italic-Web.eot);
    src: url(/fonts/graphik/Graphik-Super-Italic-Web.woff2) format("woff2"),url(/fonts/graphik/Graphik-Super-Italic-Web.woff) format("woff"),url(/fonts/graphik/Graphik-Super-Italic-Web.ttf) format("truetype")
}

:root {
    --color-black: #010101;
    --color-grey-dark: #2c2c2d;
    --color-gray-medium: #444445;
    --color-gray: #6c6c70;
    --color-gray-light: #aaaaaf;
    --color-white: #f0f0f0;
    --color-page-bg: var(--color-black);
    --color-page-font: var(--color-gray);
    --color-breadcrumbs-text: hsla(0,0%,100%,.5);
    --color-breadcrumbs-separator: hsla(0,0%,100%,.05);
    --color-body-bg: #f8f9f9;
    --color-button-primary-bg: #000;
    --color-button-primary-bg-hover: #333;
    --color-button-primary-font: #fff;
    --color-footer-logo: #090e13;
    --color-footer-head-bg: #090e13;
    --color-accent-first: #1ace80;
    --color-accent-second: #007aff;
    --color-link: #09f;
    --header-nav-height: 54px;
    --blog-menu-nav-height: 40px;
    --page-padding-inline-base: 24px;
    --page-max-width: 1728px;
    --cell-numbers: 2;
    --page-padding-inline: var(--page-padding-inline-base);
    --gradient-button: linear-gradient(90deg,#09f,#6cf);
    --gradient-head-text: linear-gradient(90deg,#525255,#f0f0f0);
    --gradient-text: linear-gradient(90deg,#f0f0f0,hsla(0,0%,94%,.1) 100%);
    --gradient-border: linear-gradient(270deg,rgba(88,88,88,0),#585858 53.65%,rgba(88,88,88,0))
}

@keyframes fade-in-fade-out {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

:root .fade_in_fade_out {
    animation: fade-in-fade-out 2s ease-in-out
}

@media screen and (min-width: 768px) {
    :root {
        --cell-numbers:16;
        --width-cell-1: calc((min(100vw, var(--page-max-width)) - (2*var(--page-padding-inline-base)))/var(--cell-numbers));
        --width-cell-2: calc(var(--width-cell-1)*2);
        --width-cell-3: calc(var(--width-cell-1)*3);
        --width-cell-4: calc(var(--width-cell-1)*4);
        --width-cell-5: calc(var(--width-cell-1)*5);
        --width-cell-6: calc(var(--width-cell-1)*6);
        --width-cell-7: calc(var(--width-cell-1)*7);
        --width-cell-8: calc(var(--width-cell-1)*8);
        --width-cell-10: calc(var(--width-cell-1)*10);
        --width-cell-11: calc(var(--width-cell-1)*11);
        --width-cell-12: calc(var(--width-cell-1)*12);
        --width-cell-14: calc(var(--width-cell-1)*14);
        --width-cell-16: calc(var(--width-cell-1)*16);
        --page-padding-inline: calc(var(--page-padding-inline-base) + var(--width-cell-1))
    }
}

@media screen and (min-width: 1240px) {
    :root {
        --cell-numbers:12;
        --blog-menu-nav-height: 56px
    }
}

.button {
    align-items: center;
    border-radius: 14px;
    display: inline-flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .1px;
    line-height: 1.1;
    padding: 16px 26px;
    text-align: center
}

.button_full {
    width: 100%
}

.button_primary {
    background: linear-gradient(90deg,#6cf0,#66ccffb3),#09f;
    color: #fff;
    opacity: .9
}

.button_primary:focus,.button_primary:hover {
    background: #09f
}

.button_primary.disabled {
    background: linear-gradient(90deg,#6cf0,#66ccffb3),#09f;
    cursor: not-allowed;
    opacity: .5
}

.button_gray {
    background: #1f1f1f;
    color: #fff;
    opacity: .9
}

.button_gray:focus,.button_gray:hover {
    background: #1f1f1fe6
}

.button_gray.disabled {
    background: #1f1f1fe6;
    cursor: not-allowed;
    opacity: .5
}

.button_white {
    background: #fff;
    color: #1f1f1f;
    opacity: .9
}

.button_white:focus,.button_white:hover {
    background: #ffffffe6
}

.button_white.disabled {
    background: #ffffffad;
    cursor: not-allowed;
    opacity: .5
}

.button_small {
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.15px;
    line-height: 135%;
    padding: 6px 12px
}

.button.button__loading {
    color: transparent;
    position: relative
}

@media screen and (prefers-reduced-motion:reduce) {
    .button.button__loading:after {
        animation: none;
        border: 3px solid transparent;
        border-radius: 50%;
        border-top: 3px solid var(--color-white);
        color: transparent;
        content: "";
        display: flex;
        height: 24px;
        inset: 0;
        margin: auto;
        position: absolute;
        width: 24px
    }
}

.button.button__loading:after {
    animation: spin 2s linear infinite;
    border: 3px solid transparent;
    border-radius: 50%;
    border-top: 3px solid var(--color-white);
    color: transparent;
    content: "";
    display: flex;
    height: 24px;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 24px
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.link_primary {
    background: var(--gradient-button,#09f);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1;
    padding: 8px 16px;
    text-shadow: 0 0 30px rgba(102,204,255,.2);
    white-space: nowrap;
    -webkit-text-fill-color: transparent
}

@media screen and (min-width: 768px) {
    .link_primary {
        font-size:15px
    }
}

@media screen and (min-width: 1240px) {
    .link_primary {
        font-size:16px
    }
}

.link_primary:focus,.link_primary:hover {
    --gradient-button: #6cf
}

.link_white {
    color: var(--color-white);
    text-decoration: underline
}

.link_white:focus,.link_white:hover {
    background: var(--gradient-button,#09f);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.text_underline-dashed {
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px
}

.text_white {
    color: var(--color-white)
}

.text_accent {
    color: var(--color-accent)
}

.text_highlight {
    color: #f8f32b
}

.text_gradient {
    background: var(--gradient-head-text);
    -webkit-background-clip: text;
    background-clip: text
}

.text_gradient,.text_gradient-text {
    -webkit-text-fill-color: transparent
}

.text_gradient-text {
    background: var(--gradient-text),var(--color-gray);
    -webkit-background-clip: text;
    background-clip: text
}

.text_gradient_accent {
    background: var(--gradient-button);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.text_small {
    letter-spacing: .018px;
    line-height: 1.2
}

.text_base,.text_small {
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.text_base {
    letter-spacing: .2px;
    line-height: 120%
}

@media screen and (min-width: 768px) {
    .text_base {
        font-size:20px;
        letter-spacing: .3px
    }
}

@media screen and (min-width: 1240px) {
    .text_base {
        font-size:21px
    }
}

.text_center {
    text-align: center
}

.text_bold {
    font-weight: 500
}

.text_label {
    border: 1px solid #fff;
    border-radius: 28px;
    display: inline-block;
    margin-inline:3px;padding: 4px 8px
}

@media screen and (min-width: 768px) {
    .text_label {
        margin-inline:6px;
        padding: 8px 16px
    }
}

.text_label+.text_label {
    margin-left: 0
}

.label_small {
    color: var(--color-gray);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .08px;
    line-height: 120%
}

.link-julien-roman {
    color: #4294f2;
    text-decoration: underline
}

html {
    font-family: Graphik LC Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

body {
    background-color: var(--color-page-bg);
    color: var(--color-page-font);
    display: grid;
    grid-auto-rows: 0;
    grid-template: min-content auto min-content/auto;
    margin: 0;
    max-width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    padding: 0;
    white-space: pre-line;
    width: 100vw
}

ul {
    list-style: none
}

a {
    color: inherit;
    text-decoration: inherit
}

h1,h2,h3,h4 {
    word-break: break-word
}

a,div,footer,h1,h2,h3,h4,header,input,label,li,main,p,section,ul {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.container {
    max-width: 100%;
    padding-left: var(--page-padding-inline);
    padding-right: var(--page-padding-inline);
    width: 100vw
}

.scrollable-wrapper {
    left: calc(var(--page-padding-inline)*-1);
    margin: 0;
    overflow: scroll hidden;
    padding: 0;
    position: relative;
    scrollbar-width: none;
    width: calc(100% + var(--page-padding-inline)*2)
}

.scrollable-wrapper::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 768px) {
    .scrollable-wrapper {
        left:auto;
        margin: 0;
        max-width: 100%;
        overflow: inherit;
        position: static;
        width: auto
    }
}

.scrollable {
    margin: 0 var(--page-padding-inline);
    padding: 0;
    width: fit-content
}

@media screen and (min-width: 768px) {
    .scrollable {
        margin:0;
        width: 100%
    }
}

.nowrap {
    white-space: nowrap
}

.only-desktop {
    display: none
}

@media screen and (min-width: 1240px) {
    .only-desktop {
        display:initial
    }

    .only-not-desktop {
        display: none
    }
}

.only-not-mobile {
    display: none
}

@media screen and (min-width: 768px) {
    .only-not-mobile {
        display:inherit
    }

    .only-mobile {
        display: none
    }
}

.only-tablet {
    display: none
}

@media screen and (min-width: 768px) {
    .only-tablet {
        display:initial
    }
}

@media screen and (min-width: 1240px) {
    .only-tablet {
        display:none
    }
}

picture {
    height: auto;
    max-width: 100%
}

.sticky {
    position: sticky
}

.section-border {
    position: relative
}

.section-border:before {
    background: var(--gradient-border);
    content: "";
    display: block;
    height: 1px;
    margin-left: calc(var(--page-padding-inline)*-1);
    position: absolute;
    top: 0;
    width: 100%
}

a,button {
    -webkit-tap-highlight-color: transparent
}

button,label {
    cursor: pointer
}

:root {
    --color-accent-100: 0 153 255;
    --color-accent-200: 51 173 255;
    --color-white-100: 255 255 255;
    --color-white-150: 247 247 247;
    --color-white-200: 237 237 237;
    --color-white-300: 204 204 204;
    --color-gray-100: 153 153 153;
    --color-gray-200: 128 128 128;
    --color-gray-300: 189 189 189;
    --color-gray-400: 113 113 113;
    --color-gray-500: 102 102 102;
    --color-gray-600: 163 163 163;
    --color-dark-100: 0 0 0;
    --color-dark-200: 26 26 26;
    --color-dark-300: 72 72 72;
    --color-dark-350: 60 60 60;
    --color-dark-400: 42 42 42;
    --color-dark-600: 94 94 94;
    --color-error: 218 101 101;
    --color-success: 0 128 0
}

.wf--v2,.wf-new,body {
    --text-primary: var(--color-dark-100);
    --text-secondary: var(--color-gray-100);
    --text-tertiary: var(--color-gray-200);
    --color-primary: var(--color-white-100);
    --color-primary-inverted: var(--color-dark-100);
    --color-secondary: var(--color-gray-100);
    --color-bg-secondary: var(--color-white-200)
}

.dark,.dark body,.wf--v2.dark,.wf-new.dark {
    --text-primary: var(--color-white-100);
    --text-secondary: var(--color-gray-100);
    --text-tertiary: var(--color-gray-200);
    --color-primary: var(--color-dark-100);
    --color-primary-inverted: var(--color-white-100);
    --color-secondary: 160 160 160;
    --color-bg-secondary: var(--color-dark-200)
}

.section {
    background: rgb(var(--color-primary));
    color: rgb(var(--text-primary));
    z-index: 0
}

@property --button-v2-effect-opacity {
    initial-value: 50%;
    inherits: false;
    syntax: "<percentage>"
}

@property --button-v2-from-1-to-30 {
    initial-value: 1%;
    inherits: false;
    syntax: "<percentage>"
}

.button-v2 {
    align-items: center;
    border: none;
    border-radius: 99px;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    justify-content: center;
    letter-spacing: -.21px;
    line-height: 131%;
    padding: 12px 20px;
    text-align: center;
    transition: background-color .3s
}

.button-v2.hidden {
    display: none
}

@media screen and (min-width: 768px) {
    .button-v2 {
        font-size:18px;
        padding: 16px 24px
    }
}

.button-v2--buy {
    --button-v2-effect-opacity: 50%;
    background: radial-gradient(237.5% 50.19% at 50% 50%,#fff0 0,rgb(255,255,255,var(--button-v2-effect-opacity))),#09f;
    border-radius: 28px;
    box-shadow: inset 0 5px 20px #fff,inset 0 -5px 10px #0047ca;
    color: rgb(var(--color-white-100));
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    padding: 8px 16px;
    transition: --button-v2-effect-opacity .3s
}

.button-v2--buy:focus,.button-v2--buy:hover {
    --button-v2-effect-opacity: 100%
}

.button-v2--primary {
    background-color: rgb(var(--color-white-100));
    color: rgb(var(--color-dark-100))
}

@media (hover: hover) {
    .button-v2--primary:focus,.button-v2--primary:hover {
        background-color:#d3d3d3
    }
}

.button-v2--primary:active {
    background-color: #d3d3d3
}

.button-v2--secondary {
    background-color: #1e1e1e1a;
    color: rgb(var(--color-dark-100))
}

@media (hover: hover) {
    .button-v2--secondary:focus,.button-v2--secondary:hover {
        background-color:#e6e6e6
    }
}

.button-v2--secondary:active {
    background-color: #d9d9d9
}

.button-v2--light-blur {
    backdrop-filter: blur(50px);
    background: #00000012;
    color: #000
}

@media (hover: hover) {
    .button-v2--light-blur:focus,.button-v2--light-blur:hover {
        background:#0000001f
    }
}

.button-v2--light-blur:active {
    background: #00000026
}

.button-v2--contrast {
    --button-v2-from-1-to-30: 1%;
    background: rgb(var(--text-primary));
    background: radial-gradient(50% 85.71% at 50% 100%,rgb(255,255,255,var(--button-v2-from-1-to-30)) 0,#fff0),#000;
    color: rgb(var(--color-primary));
    transition: --button-v2-from-1-to-30 .3s
}

@media (hover: hover) {
    .button-v2--contrast:focus,.button-v2--contrast:hover {
        --button-v2-from-1-to-30:30%
    }
}

.button-v2--contrast:active {
    background: rgb(var(--text-primary)/85%)
}

.button-v2--tertiary {
    background-color: rgb(var(--color-primary-inverted));
    color: rgb(var(--color-primary))
}

@media (hover: hover) {
    .button-v2--tertiary:focus,.button-v2--tertiary:hover {
        background-color:#e6f2ff
    }
}

.button-v2--tertiary:active {
    background-color: #d9eaff
}

.button-v2--dark {
    background-color: rgb(var(--color-dark-100));
    color: rgb(var(--color-white-100))
}

@media (hover: hover) {
    .button-v2--dark:focus,.button-v2--dark:hover {
        background-color:#333
    }
}

.button-v2--dark:active {
    background-color: #4d4d4d
}

.button-v2--rounded {
    border-radius: 28px
}

.button-v2--lg {
    font-size: 18px;
    padding: 16px 24px
}

.popup-v2-wrapper {
    backdrop-filter: blur(30px);
    background: #0003;
    display: grid;
    height: 100dvh;
    inset: 0;
    opacity: 0;
    padding: 24px 10px;
    place-items: center;
    pointer-events: none;
    position: fixed;
    transform: scale(.95);
    transition: opacity .3s ease,transform .3s ease;
    width: 100vw;
    z-index: 50
}

@media screen and (min-width: 768px) {
    .popup-v2-wrapper {
        padding:24px
    }
}

@media screen and (min-width: 1280px) {
    .popup-v2-wrapper {
        padding:40px
    }
}

.popup-v2-wrapper.active,.popup-v2-wrapper[aria-hidden=false] {
    opacity: 1;
    pointer-events: all;
    transform: scale(1)
}

@starting-style {
    .popup-v2-wrapper.active,.popup-v2-wrapper[aria-hidden=false] {
        opacity: 0;
        transform: scale(.95)
    }
}

.popup-v2 {
    border: none;
    border-radius: 40px;
    margin: 0
}

.popup-v2__close {
    background-color: rgb(var(--color-dark-200));
    border: none;
    border-radius: 50%;
    color: #fff;
    display: grid;
    height: 40px;
    place-items: center;
    position: absolute;
    right: 30px;
    top: 44px;
    width: 40px;
    z-index: 10
}

@media screen and (min-width: 768px) {
    .popup-v2__close {
        height:56px;
        right: 44px;
        top: 44px;
        width: 56px
    }
}

@media screen and (min-width: 1280px) {
    .popup-v2__close {
        right:60px;
        top: 60px
    }
}

.dark .popup-v2__close {
    background-color: rgb(var(--color-dark-600))
}

.carousel-select {
    flex-shrink: 0;
    height: max-content;
    overflow-x: auto;
    position: relative
}

.carousel-select img {
    display: block
}

.carousel-select__wrapper {
    display: flex;
    margin-bottom: 24px;
    margin-top: 5px;
    min-height: 56px;
    overflow: hidden;
    position: relative;
    white-space: normal
}

.carousel-select__wrapper:after,.carousel-select__wrapper:before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: 2
}

.carousel-select__wrapper:after {
    background: linear-gradient(-90deg,rgb(var(--color-primary) 80%) 0,rgb(var(--color-primary) 0));
    right: -1px
}

.carousel-select__wrapper:before {
    background: linear-gradient(90deg,rgb(var(--color-primary) 80%) 0,rgb(var(--color-primary) 0));
    left: -1px
}

.carousel-select__wrapper:has(:first-child.swiper-slide-fully-visible):before,.carousel-select__wrapper:has(:last-child.swiper-slide-fully-visible):after {
    display: none
}

.carousel-select__item,.carousel-select__wrapper__item {
    width: fit-content
}

.skeleton__wrapper {
    display: flex
}

.skeleton__item {
    --card-shift: 6px;
    background-color: #525255;
    border-radius: 9px;
    height: 44px;
    margin: var(--card-shift) calc(var(--card-shift)*3) var(--card-shift) var(--card-shift);
    position: relative;
    width: 66px
}

.skeleton__item:after,.skeleton__item:before {
    border-radius: 10px;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.skeleton__item:before {
    background-color: #2e2e30;
    right: calc(var(--card-shift)*-1);
    z-index: -1
}

.skeleton__item:after {
    background: #222224;
    right: calc(var(--card-shift)*-2);
    z-index: -2
}

.carousel-select__controls-left,.carousel-select__controls-right {
    background-color: rgb(var(--color-white-300));
    border: none;
    border-radius: 50%;
    bottom: 36px;
    color: rgb(var(--color-white-100));
    cursor: pointer;
    display: grid;
    height: 32px;
    opacity: 1;
    outline: none;
    place-items: center;
    position: absolute;
    transition: .3s;
    width: 32px;
    z-index: 1
}

@media screen and (hover: hover) and (pointer:fine) {
    .carousel-select__controls-left:focus-visible,.carousel-select__controls-left:hover,.carousel-select__controls-right:focus-visible,.carousel-select__controls-right:hover {
        filter:brightness(120%)
    }
}

.carousel-select__controls-left.swiper-button-disabled,.carousel-select__controls-right.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.carousel-select__controls-left {
    left: 10px;
    rotate: 180deg
}

.carousel-select__controls-right {
    right: 10px
}

.dark .carousel-select__controls-left,.dark .carousel-select__controls-right {
    background-color: rgb(var(--color-dark-300))
}

.text-lg {
    font-size: 44px;
    font-weight: 500;
    letter-spacing: -.15rem;
    line-height: 48px
}

.color-accent {
    color: rgb(var(--color-accent-100))
}

.color-primary {
    color: rgb(var(--color-primary-inverted))
}

.color-secondary {
    color: rgb(var(--color-secondary))
}

.color-tertiary {
    color: rgb(var(--text-tertiary))
}

.text-400 {
    font-weight: 400
}

.text-500 {
    font-weight: 500
}

.italic {
    font-style: italic
}

@media screen and (min-width: 768px) {
    .text-lg {
        font-size:64px;
        line-height: 64px
    }
}

.container-v2 {
    --container-width: calc(100% - 48px) ;
    --container-padding: calc((100% - var(--container-width))/2);
    padding: 0 var(--container-padding);
    width: 100%
}

@media screen and (min-width: 976px) {
    .container-v2 {
        --container-width:896px
    }
}

@media screen and (min-width: 1280px) {
    .container-v2 {
        --container-width:1200px
    }
}

@media screen and (min-width: 1568px) {
    .container-v2 {
        --container-width:1440px
    }
}

.max-w-100 {
    max-width: 100vw;
    overflow: hidden
}

[data-smart-script-qr] {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    padding: 24px
}

[data-smart-script-qr] canvas {
    height: 100%;
    width: 100%
}

.no-scroll {
    overflow: hidden
}

.visually-hidden {
    border: 0;
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    white-space: nowrap;
    width: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%)
}

:root {
    --banner-height: var(--banner-height-mobile);
    --header-height: 54px
}

@media screen and (min-width: 976px) {
    :root {
        --banner-height:var(--banner-height-desktop)
    }
}

@media screen and (max-width: 767px) {
    .header.container-v2 {
        max-width: 100vw;
        padding-left: 16px;
        padding-right: 16px;
        width: 100vw
    }

    .header__inner {
        justify-content: space-between;
        min-width: 0
    }

    .header__logo-icon {
        height: 20px;
        width: 87px
    }

    .header__nav {
        flex: 0 1 auto;
        gap: 8px;
        min-width: 0
    }

    .header__buy-button--mobile {
        min-width: 0
    }

    .header__buy-button--mobile .header__buy-button {
        font-size: 14px;
        padding: 8px 12px;
        white-space: nowrap
    }

    .menu {
        flex-shrink: 0
    }
}