/* Необходим, т.к. CMS не позволяет ставить классы в body для bootstrap */
body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
	position: static !important;
	background-color: rgb(241, 248, 255) !important;
}

/*кнопки управления режимами слабовидящих и перевода*/
#blind-translator-buttons {
    right: 10px;
    top: 0;
    margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}


@media (min-width: 992px) {
    #blind-translator-buttons {
        --container-width: 960px;
        --top-offset: clamp(9.375rem, 18vh, 15.625rem);
        
        height: unset;
        right: calc((100vw - var(--container-width)) / 2);
        top: calc(var(--top-offset) * -1);
    }
}

@media (min-width: 1200px) {
    #blind-translator-buttons {
        --container-width: 1140px;
        --top-offset: clamp(11.25rem, 20vh, 18.75rem);
    }
}

@media (min-width: 1400px) {
    #blind-translator-buttons {
        --container-width: 1320px;
    }
}