.container {
    max-width: 1170px;
    width: 100%;
}


/* buttons */
.btn__icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.btn__icon:hover,
.btn__icon:focus {
    background-color: var(--btn-hover-bg);
}


.btn__icon img,
.btn__icon svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
}

.btn__sm {
    min-height: 30px;
    font-size: 13px;
    line-height: 17px;
}

.btn-black {
    border-width: 2px;
    border-radius: 0;

    --bs-btn-bg: var(--text-primary);
    --bs-btn-color: var(--white);
    --bs-btn-border-color: var(--text-primary);
    --bs-btn-hover-bg: var(--transparent);
    --bs-btn-hover-color: var(--text-primary);
    --bs-btn-hover-border-color: var(--text-primary);
    --bs-btn-active-bg: var(--transparent);
    --bs-btn-active-color: var(--text-primary);
    --bs-btn-active-border-color: var(--text-primary);
}

.btn-outline-white {
    text-transform: uppercase;
    border-radius: 0;
    --bs-btn-bg: var(--transparent);
    --bs-btn-color: var(--text-primary);
    --bs-btn-border-color: var(--border-color);
    --bs-btn-hover-bg: var(--text-primary);
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-border-color: var(--text-primary);
    --bs-btn-active-bg: var(--text-primary);
    --bs-btn-active-color: var(--white);
    --bs-btn-active-border-color: var(--text-primary);
}

/* textfield */
.form-control {
    --bs-body-color: var(--text-primary);
    min-height: 44px;
    --bs-border-radius: 0;
}

/* tooltip */
.tooltip {
    --bs-tooltip-border-radius: 0;
    --bs-tooltip-font-size: 11px;
}