.accessibility-wrapper {
    top: 0;
    position: fixed;
    inline-size: 100vw;
    display: flex;
    justify-content: center;
    height: fit-content;
    z-index: 4;
    --superimposed-text: var(--text-color, #fff);
}

.accessibility-container {
    font-size: 1em;
    z-index: 4;
    position: absolute;
    background-color: var(--background-color, var(--main-color));
    outline: 2px solid var(--text-color, transparent);
    display: grid;
    justify-content: center;
    padding-block-start: 10px;
    padding-inline: 5px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    color: var(--superimposed-text);
    transition: top 1s;
    top: -300px;
    max-width: 365px;
    height: fit-content;
    --collapse-height: 40px;
}

.accessibility-container.active.collapsed {
    top: calc((var(--height) - var(--collapse-height)) * -1);
}

.accessibility-container.active {
    top: 0;
}


.contrast-selector {
    display: flex;
    align-items: center;
    gap: 22px;
}

.font-size-selector button, .reset-button {
    color: #fff;
    background-color: var(--background-color, var(--accent-color));
    color: var(--superimposed-text);
    border-radius: 10px;
    outline: 2px solid var(--text-color, transparent);
    outline-offset: -1px;
    border: none;
    cursor: pointer;
    transition: background-color 1s, color 1s;
}

.font-size-selector button.active {
    background-color: var(--superimposed-text);
    color: var(--background-color, var(--accent-color));
}

.contrast-selector button {
    width: 40px;
    height: 40px;
    font-size: 24px;
    border-radius: 8px;
    border: #fff 2px solid;
    cursor: pointer;
    transition: border 1s;
}

.contrast-selector button:hover, .contrast-selector button.active {
    border: 2px solid #283380;
}

.accessibility_black-white {
    background-color: #000;
    color: #fff;
}

.accessibility_white-black {
    background-color: #fff;
    color: #000;
}

.accessibility_normal {
    background-color: #28b8a9;
    color: #fff;
}

button.small-font-size {
    font-size: 16px;
}

button.medium-font-size {
    font-size: 24px;
}

button.large-font-size {
    font-size: 32px;
}

.accessibility-container .advanced {
    display: flex;
    justify-content: center;
    padding: 10px;
}

.reset-button {
    font-size: 24px;
}

.collapse-menu {
    height: var(--collapse-height);
    display: flex;
    inline-size: 100%;
    justify-content: space-around;
}

.collapse-menu button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    width: 30px;
    height: 30px;
    padding: 0;
}

.collapse-menu svg {
    stroke: var(--superimposed-text);
    fill: var(--superimposed-text);
    stroke-width: 10;
}

.collapse-button {
    transform: rotateZ(-180deg);
    transition: transform 1s;
}

.collapsed .collapse-button {
    transform: rotateY(0);
}

.font-size_large,
.font-size_medium {
    overflow-wrap: break-word;
    hyphens: auto;
}

.font-size_large .about-block__info,
.font-size_medium .about-block__info {
    grid-template-columns: 1fr;
    padding: 20px;
    word-break: break-all;
}

.font-size_large .about-block__custom,
.font-size_medium .about-block__custom {
    overflow-wrap: break-word;
    hyphens: auto;
    grid-template-columns: 1fr;
}

.font-size_medium .header__buttons_make-an-appointment {
    overflow-wrap: normal;
    inline-size: 200px;
}

.font-size_large .header__buttons_make-an-appointment {
    overflow-wrap: normal;
    inline-size: 250px;
}

.font-size_medium .header__buttons_visually-impaired {
    inline-size: 72px;
}

.font-size_large .header__buttons_visually-impaired {
    inline-size: 92px;
}

.font-size_large .specialist-card * {
    max-inline-size: 269px;
}

.font-size_large .specialists__slider {
    block-size: 1000px;
}

.font-size_large .swipe-menu li {
    max-width: 300px;
}

.font-size_large .side-info__list-item_link,
.font-size_medium .side-info__list-item_link {
    font-size: 33px;
}

.font-size_large .footer__sub-info,
.font-size_medium .footer__sub-info {
    gap: 20px;
    text-align: center;
    flex-wrap: wrap;
}

.font-size_large .header__menu_list,
.font-size_medium .header__menu_list {
    flex-wrap: wrap;
}

.font-size_medium .patient-care__cards-menu_list,
.font-size_large .patient-care__cards-menu_list {
    display: flex;
    flex-wrap: wrap;
}

.font-size_large .patient-care__cards-menu_link,
.font-size_medium .patient-care__cards-menu_link {
    padding: 10px;
    block-size: fit-content;
    min-inline-size: fit-content;
    background-image: none;
    background-size: contain;
}

.font-size_large .patient-care__cards-menu_link::before,
.font-size_medium .patient-care__cards-menu_link::before,
.font-size_large .patient-care__cards-menu_list-item div.patient-care__card-bg,
.font-size_medium .patient-care__cards-menu_list-item div.patient-care__card-bg {
    background-image: none;
}

.font-size_large .patient-care__cards-menu_link span,
.font-size_medium .patient-care__cards-menu_link span {
    inline-size: 100%;
}

.font-size_large .footer__socials_link a,
.font-size_large .footer__socials_link a {
    display: block;
    inline-size: 1.45em;
}

.specialists__about_info-block {
    max-inline-size: 92vw;
}

.font-size_large .specialists__slider,
.font-size_medium .specialists__slider {
    inline-size: clamp(19.8125rem, 5.0804rem + 73.6607vw, 71.375rem);
    margin: 0 auto;
}

.font-size_large .general-info__main,
.font-size_medium .general-info__main {
    grid-template-columns: 1fr;
}


.font-size_medium .general-info__title,
.font-size_large .general-info__title {
    grid-column: 1/2;
}

.font-size_large .general-info__stats,
.font-size_medium .general-info__stats {
    inline-size: fit-content;
}

.font-size_large .departments,
.font-size_medium .departments {
    grid-template-columns: 1fr;
}

.font-size_large .departments__picture-container,
.font-size_medium .departments__picture-container {
    inline-size: 500px;
}

@media (min-width: 1330px) {
    .font-size_large .general-info__stats,
    .font-size_medium .general-info__stats {
        grid-template-columns: repeat(4, 1fr);
    }
}

 
.font-size_large .general-info p,
.font-size_medium .general-info p {
    max-inline-size: 90vw;
}

.font-size_large .departments__list,
.font-size_medium .departments__list {
    max-inline-size: 90vw;
    word-break: break-all;
}

.font-size_large .footer__menu {
    grid-template-columns: repeat(auto-fill, 300px);
    gap: 50px;
}

.font-size_large .grid-underlined-menu-link,
.font-size_medium .grid-underlined-menu-link {
    max-inline-size: 90vw;
    word-break: break-all;
}

.font-size_medium  .content-category h2,
.font-size_large  .content-category h2 {
    font-size: 1.30em;
}

.font-size_medium .modal,
.font-size_large .modal {
    word-break: break-all;
}

.color-changed {
    color: var(--text-color);
    background-color: var(--background-color);
}
.color-changed .header__logo_img {
    filter: grayscale(1) brightness(1) ;
}

.color_black-white .header__logo_img {
    filter: grayscale(1) invert(1) brightness(3);
}
/*
.color-changed .header__logo,
.color-changed a,
.color-changed .content-category h1,.color-changed .content-category h2 {
    color: var(--text-color);
}


.color-changed button:not(.accessibility-container button, .footer__sub-info_button, .not-outlined), 
.color-changed .header__buttons_make-an-appointment,
.color-changed .brief__info_contacts,
.color-changed .specialists__about_info-block-background,
.color-changed .patient-care__cards-menu_link,
.color-changed .side-info__list-item_link,
.color-changed .general-info__stats,
.color-changed .category-desc p:not(:nth-child(2n)),
.color-changed .contact-category .specialist-card,
.color-changed .accessibility-container,
.color-changed .accessibility-container button:not(.contrast-selector button, .active, .not-outlined),
.color-changed .modal-container,
.color-changed .readmore,.color-changed a.readmore,.color-changed .btn-success {
    background-color: var(--background-color);
    color: var(--text-color);
    outline: var(--text-color) 2px solid;
}

.color-changed .font-size-selector button.active {
    background-color: var(--text-color);
    color: var(--background-color);
    outline: var(--background-color);
}

.color-changed .collapse-button svg {
    fill: var(--text-color);
}

.color-changed .patient-care__cards-menu_link:hover,
.color-changed .side-info__list-item_link:hover{
    transition-property: outline;
    transition-duration: 0.5s;
}

.color-changed .specialist-card {
    border-radius: 20px;
    padding: 5px;
}

.color-changed .patient-care__cards-menu_link:hover,
.color-changed .side-info__list-item_link:hover {
    outline: var(--background-color) 2px solid;
}

.color-changed .header__menu_list a,
.arrow-link-container_link-text,
.color-changed .hovering_text_accent:hover, 
.color-changed .hovering_link_accent:hover,
.color-changed .hovering_text_main:hover, 
.color-changed .hovering_link_main:hover,
.color-changed .accent-title,
.color-changed .departments__list-link:hover,
.color-changed .grid-underlined-menu-link:hover,
.color-changed .content-category h2,
.color-changed .page-header h1 {
    color: var(--text-color);
}

.color-changed .contact-category .specialist-card::after {
    background-color: transparent;
}

.color-changed .specialist-card::after {
    background-color: var(--text-color);
}

.color-changed svg,
.color-changed .pull-out__button .svg-menu,
.color-changed .pull-out__button[aria-pressed="true"] .svg-menu {
    stroke: var(--text-color);
}

.color-changed .arrow-link-container_icon {
    fill: var(--text-color);
}

.color-changed .accessibility__svg {
    fill: var(--text-color);
}

.color-changed * a::after,
.color-changed input[type="range"]::-webkit-slider-runnable-track{
    background-color: var(--text-color);
}

.color-changed input[type="range"]::-webkit-slider-thumb {
    background-color: var(--background-color);
    outline: var(--text-color) 2px solid;
}

.color-changed .side-info__list-heading,
.color-changed .side-info__news_list-item,
.color-changed .contacts__info_list-item,
.color-changed .departments__list-link,
.color-changed .grid-underlined-menu-link {
    border-bottom: var(--text-color) 2px solid;
}

.color-changed .about-block .mod-list {
    border-block-start: var(--text-color) 1px solid;
}

.color-changed .side-info__list-item_paragraph, .color-changed .side-info__list-item_date {
    opacity: 1;
}

.color-changed .card__banner {
    background-color: #ffffff;
}

.color-changed .footer__sub-info_button::before {
    filter: invert(1);
} */