.dropdown-menu {
    overflow: hidden;
}

.swal2-container.swal2-center>.swal2-popup {
    display: grid!important;
}

.swal2-title {
    margin-top: 20px;
    font-size: 1.25rem;
}

.swal2-icon.swal2-success {
    background: var(--success);
    border-color: var(--success);
}

.custom-scrollbars ::-webkit-scrollbar-track {
    border-radius: .5rem;
}

.custom-scrollbars ::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

/* popup bitrix */
.popup-window {
    border-radius: var(--border-radius-lg);
    font: 1rem var(--body-font-family);
}

.popup-window-close-icon {
    width: 3rem;
    height: 3rem;
}

.popup-window-close-icon:after {
    width: 1.375rem;
    height: 1.375rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 20 20' fill='%23202122'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.popup-window-button {
    --popup-window-button-border-radius: var(--border-radius-sm);
    height: 3.25rem;
    line-height: 3.25rem;
    margin-right: 1.5rem;
    background: var(--primary);
    color: var(--white-100);
    font-size: 1rem;
    padding-inline: calc(2rem - 2px);
    font-family: var(--body-font-family);
    font-weight: 400;
    text-transform: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid var(--primary);
}

.popup-window-button:hover {
    background: var(--primary-hover);
    color: var(--white-100);
}

.popup-window-button-link {
    height: 3.25rem;
    padding-inline: calc(2rem - 2px);
    line-height: 3.25rem;
    border-bottom-color: var(--primary);
    border-radius: var(--border-radius-sm);
    color: var(--primary);
    background: var(--white-100);
}

.popup-window-button-link:hover, 
.popup-window-button-link:active {
    height: 3.25rem;
    line-height: 3.25rem;
    color: var(--primary-hover);
    background: var(--whit-100);
    border-color: var(--primary-hover);
}
/* /popup bitrix */

/*todo Update colors*/
:root {
    --primary: #ec691f;
    --primary-rgb: 236, 105, 31;
    --primary-hover: #ed7835;
    --primary-active: #d45e1b;
    --gradient: linear-gradient(90deg, #fff2f2 0%, #f7c3a5 23.42%, #f3a578 62.47%, #ef874b 99.95%);
    --gradient-modal: linear-gradient(90deg, #FFF2F2 -45.63%, #f7c3a5 -11.62%, #f3a578 45.05%, #ef874b 99.46%)

}

form.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23ec691f'/%3e%3c/svg%3e");
}