@layer template {
    .radio-button-group {
        display: flex;
        flex-direction: column;
        padding-top: 6.25vw;
        padding-bottom: 6.25vw;
        background: var(--background)
    }

    @media (min-width: 1024px) {
        .radio-button-group {
            padding-top:40px;
            padding-bottom: 40px
        }
    }

    .radio-button-group .radio-button-group__text+.radio-button-group__options {
        margin-top: 4.6875vw
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__text+.radio-button-group__options {
            margin-top:20px
        }
    }

    .radio-button-group .radio-button-group__options {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options {
            flex-direction:row
        }
    }

    .radio-button-group .radio-button-group__options[data-row-count],.radio-button-group .radio-button-group__options[data-row-count-mobile] {
        flex-wrap: wrap;
        flex-direction: initial;
        justify-content: flex-start
    }

    @media (max-width: 1023px) {
        .radio-button-group .radio-button-group__options[data-row-count-mobile="1"] .radio-button-group__button {
            width:100%;
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count-mobile="1"] .radio-button-group__button:nth-last-child(-n+1) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options[data-row-count="1"] .radio-button-group__button {
            width:100%;
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count="1"] .radio-button-group__button:nth-last-child(-n+1) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (max-width: 1023px) {
        .radio-button-group .radio-button-group__options[data-row-count-mobile="2"] .radio-button-group__button {
            width:50%;
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count-mobile="2"] .radio-button-group__button:nth-last-child(-n+2) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options[data-row-count="2"] .radio-button-group__button {
            width:50%;
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count="2"] .radio-button-group__button:nth-last-child(-n+2) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (max-width: 1023px) {
        .radio-button-group .radio-button-group__options[data-row-count-mobile="3"] .radio-button-group__button {
            width:calc(100% / 3);
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count-mobile="3"] .radio-button-group__button:nth-last-child(-n+3) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options[data-row-count="3"] .radio-button-group__button {
            width:calc(100% / 3);
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count="3"] .radio-button-group__button:nth-last-child(-n+3) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (max-width: 1023px) {
        .radio-button-group .radio-button-group__options[data-row-count-mobile="4"] .radio-button-group__button {
            width:25%;
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count-mobile="4"] .radio-button-group__button:nth-last-child(-n+4) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options[data-row-count="4"] .radio-button-group__button {
            width:25%;
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count="4"] .radio-button-group__button:nth-last-child(-n+4) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (max-width: 1023px) {
        .radio-button-group .radio-button-group__options[data-row-count-mobile="5"] .radio-button-group__button {
            width:20%;
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count-mobile="5"] .radio-button-group__button:nth-last-child(-n+5) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options[data-row-count="5"] .radio-button-group__button {
            width:20%;
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count="5"] .radio-button-group__button:nth-last-child(-n+5) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (max-width: 1023px) {
        .radio-button-group .radio-button-group__options[data-row-count-mobile="6"] .radio-button-group__button {
            width:calc(100% / 6);
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count-mobile="6"] .radio-button-group__button:nth-last-child(-n+6) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options[data-row-count="6"] .radio-button-group__button {
            width:calc(100% / 6);
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count="6"] .radio-button-group__button:nth-last-child(-n+6) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (max-width: 1023px) {
        .radio-button-group .radio-button-group__options[data-row-count-mobile="7"] .radio-button-group__button {
            width:calc(100% / 7);
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count-mobile="7"] .radio-button-group__button:nth-last-child(-n+7) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options[data-row-count="7"] .radio-button-group__button {
            width:calc(100% / 7);
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count="7"] .radio-button-group__button:nth-last-child(-n+7) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (max-width: 1023px) {
        .radio-button-group .radio-button-group__options[data-row-count-mobile="8"] .radio-button-group__button {
            width:12.5%;
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count-mobile="8"] .radio-button-group__button:nth-last-child(-n+8) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options[data-row-count="8"] .radio-button-group__button {
            width:12.5%;
            margin-bottom: 5px
        }

        .radio-button-group .radio-button-group__options[data-row-count="8"] .radio-button-group__button:nth-last-child(-n+8) {
            align-self: flex-start;
            margin-bottom: 0
        }
    }

    .radio-button-group .radio-button-group__options .radio-button-group__divider {
        display: none
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options .radio-button-group__divider {
            display:flex;
            width: 2px;
            background: var(--divider-color)
        }
    }

    .radio-button-group .radio-button-group__options .radio-button-group__button {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 3.125vw 0;
        cursor: pointer
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options .radio-button-group__button {
            padding:5px 0
        }
    }

    .radio-button-group .radio-button-group__options .radio-button-group__button:hover .radio-button-group__button-item {
        background: rgba(0,109,136,.2)
    }

    .radio-button-group .radio-button-group__options .radio-button-group__button .radio-button-group__button-item {
        width: 3.4375vw;
        height: 3.4375vw;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 0 0 .3125vw #fff,0 0 0 .625vw #666;
        transition: all .3s ease
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options .radio-button-group__button .radio-button-group__button-item {
            width:14px;
            height: 14px;
            box-shadow: 0 0 0 2px #fff,0 0 0 4px #666
        }
    }

    .radio-button-group .radio-button-group__options .radio-button-group__button .radio-button-group__button-item.active {
        background: #006d88
    }

    .radio-button-group .radio-button-group__options .radio-button-group__button .radio-button-group__button-item+.radio-button-group__label {
        margin-left: 3.125vw
    }

    @media (min-width: 1024px) {
        .radio-button-group .radio-button-group__options .radio-button-group__button .radio-button-group__button-item+.radio-button-group__label {
            margin-left:10px
        }
    }
}

.radio-button-group[data-v-09ce3e50] {
    --background: var(--6f229a32);
    --divider-color: var(--16ec9392)
}
