.atcb {
    display: none
}

.atcb-button-wrapper {
    display: inline-block;
    padding: 5px;
    position: relative
}

.atcb-button {
    align-items: center;
    background-color: #f5f5f5;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    box-shadow: 1px 2px 10px 0 rgb(0 0 0 / 40%);
    color: #333;
    cursor: pointer;
    display: flex;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 2px;
    max-width: 300px;
    min-width: 150px;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    touch-action: manipulation;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    width: auto;
    z-index: 1
}

    .atcb-button:focus, .atcb-button:hover {
        background-color: #fff
    }

    .atcb-button:focus-visible {
        outline: 2px solid dodgerblue
    }

@media only screen and (max-width:575px) {
    .atcb-button {
        font-size: 14px
    }
}

.atcb-button.atcb-active:not(.atcb-modal-style) {
    background-color: #fff;
    box-shadow: 1px 8px 12px 0 rgb(0 0 0 / 50%);
    margin: 0;
    padding: 10px 18px;
    z-index: 160
}

.atcb-icon {
    height: 16px;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 10px
}

    .atcb-icon svg {
        height: 100%;
        color: #333;
        width: auto
    }

.atcb-dropdown-anchor {
    position: relative;
    top: -3px
}

.atcb-list {
    box-sizing: border-box;
    color: #333;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    max-width: 100%;
    padding: 0 4px;
    position: absolute;
    user-select: none;
    width: 100%;
    min-width: 10em;
    z-index: 150
}

.atcb-list-item {
    align-items: center;
    background-color: #f5f5f5;
    border: 1px solid #d2d2d2;
    box-shadow: 1px 2px 8px 0 rgb(0 0 0 / 30%);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    left: 50%;
    margin-top: -1px;
    position: relative;
    padding: 13px 15px;
    text-align: left;
    transform: translate(-50%);
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent
}

    .atcb-list-item:hover {
        background-color: #fff;
        box-shadow: 1px 2px 10px 0 rgb(0 0 0 / 40%);
        color: #000
    }

    .atcb-list-item:focus-visible {
        background-color: #fff;
        box-shadow: 1px 2px 10px 0 rgb(0 0 0 / 40%);
        color: #1e90ff;
        font-weight: 600;
        outline: 0
    }

@media only screen and (max-width:575px) {
    .atcb-list-item {
        font-size: 14px
    }
}

.atcb-list-item:last-child {
    border-radius: 0 0 6px 6px
}

.atcb-list.atcb-generated-button .atcb-list-item:first-child {
    padding-top: 20px
}

.atcb-list:not(.atcb-generated-button) .atcb-list-item:first-child {
    border-radius: 6px 6px 0 0
}

.atcb-list:not(.atcb-generated-button) .atcb-list-item:only-child {
    border-radius: 6px
}

.atcb-list-item .atcb-icon {
    margin-right: 8px;
    width: 18px
}

.atcb-list-item-close {
    background-color: #e5e5e5
}

.atcb-list-item.atcb-list-item-close {
    color: #777
}

    .atcb-list-item.atcb-list-item-close svg {
        fill: #777
    }

@media only screen and (max-width:575px) {
    .atcb-modal-no-scroll {
        overflow-y: hidden
    }
}

.atcb-modal {
    display: block;
    margin: auto;
    min-width: 250px;
    width: auto;
    position: relative;
    z-index: 150
}

.atcb-modal-box {
    background-color: #fff;
    box-shadow: 1px 2px 12px 2px rgba(0 0 0 / 60%);
    color: #000;
    cursor: default;
    border-radius: 6px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 20px 25px;
    text-align: left;
    user-select: none;
    touch-action: manipulation;
    width: 100%;
    max-width: 500px;
    -webkit-tap-highlight-color: transparent
}

.atcb-modal-instagram {
    border: 3px solid #c13584
}

.atcb-modal-headline {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin: 20px 15px;
    text-transform: uppercase
}

.atcb-modal-content {
    margin: 30px 15px
}

.atcb-modal-btn {
    background-color: #f5f5f5;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    box-shadow: 1px 2px 10px 0 rgb(0 0 0 / 40%);
    color: #333;
    cursor: pointer;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 25px auto;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    touch-action: manipulation;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

    .atcb-modal-btn:hover {
        background-color: #fff
    }

    .atcb-modal-btn:focus-visible {
        background-color: #fff;
        outline: 2px solid dodgerblue
    }

#atcb-bgoverlay {
    animation: atcb-bgoverlay-animate .1s ease 0s 1 normal forwards;
    backdrop-filter: blur(2px);
    background-color: rgb(20 20 20 / 20%);
    box-sizing: border-box;
    display: flex;
    height: calc(100vh + 100px);
    left: 0;
    right: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    overflow-y: scroll;
    padding: 30px 15px 130px;
    position: fixed;
    width: 100vw;
    z-index: 120
}

    #atcb-bgoverlay.atcb-animate-bg {
        animation: atcb-bgoverlay-animate .3s ease 0s 1 normal forwards
    }

    #atcb-bgoverlay.atcb-no-bg {
        animation: none;
        background-color: rgb(20 20 20 / 20%);
        backdrop-filter: blur(2px);
        opacity: 0
    }

@keyframes atcb-bgoverlay-animate {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#atcb-bgoverlay.atcb-click:hover {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill-rule='evenodd' d='M11.991.69a2.35 2.35 0 0 1 3.318-.009c.918.911.922 2.392.009 3.307l-4.009 4.014 4.013 4.018c.906.909.893 2.38-.027 3.287a2.35 2.35 0 0 1-3.307-.004l-3.985-3.99-3.993 3.997a2.35 2.35 0 0 1-3.318.009c-.918-.911-.922-2.392-.009-3.307l4.009-4.014L.678 3.98C-.228 3.072-.215 1.6.706.693a2.35 2.35 0 0 1 3.307.004l3.985 3.99z'/%3E%3C/svg%3E") 32 32,pointer
}
/*# sourceMappingURL=atcb.min.css.map */