@layer template {
    .dropdown {
        display: flex;
        flex-direction: column;
        padding-top: 6.25vw;
        padding-bottom: 7.03125vw;
        background: var(--background)
    }

    @media (min-width: 1024px) {
        .dropdown {
            padding-top:40px;
            padding-bottom: 45px
        }
    }

    .dropdown .dropdown__text {
        margin-bottom: 4.6875vw
    }

    @media (min-width: 1024px) {
        .dropdown .dropdown__text {
            margin-bottom:20px
        }
    }

    .dropdown .dropdown__inner {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between
    }

    @media (min-width: 1024px) {
        .dropdown .dropdown__inner {
            flex-wrap:nowrap
        }
    }

    .dropdown .dropdown__inner .button {
        width: 100%;
        margin-top: 4.6875vw
    }

    @media (max-width: 1023px) {
        .dropdown .dropdown__inner .button {
            min-height:12.5vw
        }
    }

    @media (min-width: 1024px) {
        .dropdown .dropdown__inner .button {
            width:50%;
            max-height: 65px;
            margin-top: 0;
            margin-left: 10px
        }
    }

    .dropdown .dropdown__inner .select {
        width: 100%
    }

    @media (min-width: 1024px) {
        .dropdown .dropdown__inner .select {
            height:65px;
            width: 50%;
            margin-right: 10px
        }
    }

    .dropdown .dropdown__inner .select .arrow-wrapper path,.dropdown .dropdown__inner .select .arrow-wrapper polygon {
        fill: var(--select-arrow-color)
    }
}

.dropdown[data-v-c3cc47aa] {
    --background: var(--69b105c7);
    --select-arrow-color: var(--92f30232);
    --button-background: var(--4e3a48e1);
    --button-background-hover: var(--195efa10);
    --button-shadow: var(--d6f16318)
}