.a11y-toggle{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
font-size: 0.92em;
line-height: 1;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
white-space: nowrap;
vertical-align: middle;
}
header.desktop-header .a11y-toggle.header-meta__item{
display: inline-flex;
align-items: center;
line-height: 1;
opacity: 0.95;
}
.a11y-toggle:hover,
.a11y-toggle:focus-visible{
opacity: 0.85;
outline: 2px solid currentColor;
outline-offset: 2px;
}
.a11y-toggle__icon{
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 16px;
height: 16px;
line-height: 0;
}
.a11y-toggle__icon svg{
display: block;
width: 16px;
height: 16px;
}
.a11y-toggle__text{
display: inline-block;
line-height: 1.2;
}
.a11y-toggle--mobile{
display: block;
width: 100%;
margin: 10px 0 0;
padding: 10px 12px;
border: 1px solid rgba(0,0,0,.15);
border-radius: 8px;
text-align: left;
text-decoration: none;
background: #f4f8f9;
color: #001031;
}
.a11y-bar{
position: relative;
z-index: 10050;
background: #f2f4f6;
border-bottom: 2px solid #001031;
color: #001031;
}
html.a11y-on .a11y-bar{
position: fixed;
top: 0;
left: 0;
right: 0;
}
html.a11y-on body{
padding-top: var(--a11y-bar-height, 0px);
}
@media (min-width: 1200px) {
html.a11y-on body.has-fixed-desktop-header{
padding-top: calc(var(--desktop-header-offset, 120px) + var(--a11y-bar-height, 0px));
}
html.a11y-on header.desktop-header{
top: var(--a11y-bar-height, 0px);
}
}
.a11y-bar[hidden]{
display: none !important;
}
.a11y-bar__inner{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 14px 22px;
padding: 10px 0;
}
.a11y-group{
display: flex;
flex-direction: column;
gap: 6px;
}
.a11y-group__label{
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.a11y-group__controls{
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.a11y-btn,
.a11y-swatch{
min-width: 40px;
min-height: 36px;
padding: 6px 10px;
border: 2px solid #001031;
border-radius: 6px;
background: #fff;
color: #001031;
font-weight: 700;
line-height: 1;
cursor: pointer;
}
.a11y-btn--md{ font-size: 1.15em; }
.a11y-btn--lg{ font-size: 1.35em; }
.a11y-btn[aria-pressed="true"],
.a11y-swatch[aria-pressed="true"]{
outline: 3px solid #00A3B7;
outline-offset: 1px;
}
.a11y-btn--action{
min-width: 0;
background: #001031;
color: #fff;
}
.a11y-swatch--bw{ background: #fff; color: #000; }
.a11y-swatch--wb{ background: #000; color: #fff; border-color: #fff; box-shadow: inset 0 0 0 1px #000; }
.a11y-swatch--blue{ background: #9dd1ff; color: #063462; border-color: #063462; }
@media (max-width: 1199px){
.a11y-bar{
z-index: 10060;
}
html.a11y-on body{
padding-top: calc(var(--a11y-bar-height, 0px) + 70px);
}
} html.a11y-on{
scroll-behavior: auto;
}
html.a11y-on.a11y-font-md{ font-size: 112.5%; }
html.a11y-on.a11y-font-lg{ font-size: 125%; }
html.a11y-on.a11y-font-xl{ font-size: 150%; }
html.a11y-on body{
letter-spacing: 0.01em;
line-height: 1.55;
} html.a11y-on.a11y-theme-bw,
html.a11y-on.a11y-theme-bw body{
background: #fff !important;
color: #000 !important;
}
html.a11y-on.a11y-theme-bw *:not(svg):not(path):not(circle):not(line):not(polyline):not(polygon){
background-color: #fff !important;
color: #000 !important;
border-color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
html.a11y-on.a11y-theme-bw a{
color: #0000cc !important;
text-decoration: underline !important;
}
html.a11y-on.a11y-theme-bw .a11y-bar,
html.a11y-on.a11y-theme-bw .a11y-bar *{
background-color: #f2f4f6 !important;
color: #000 !important;
}
html.a11y-on.a11y-theme-bw .a11y-btn--action{
background: #000 !important;
color: #fff !important;
} html.a11y-on.a11y-theme-wb,
html.a11y-on.a11y-theme-wb body{
background: #000 !important;
color: #fff !important;
}
html.a11y-on.a11y-theme-wb *:not(svg):not(path):not(circle):not(line):not(polyline):not(polygon){
background-color: #000 !important;
color: #fff !important;
border-color: #fff !important;
box-shadow: none !important;
text-shadow: none !important;
}
html.a11y-on.a11y-theme-wb a{
color: #ffff00 !important;
text-decoration: underline !important;
}
html.a11y-on.a11y-theme-wb .a11y-bar,
html.a11y-on.a11y-theme-wb .a11y-bar *{
background-color: #111 !important;
color: #fff !important;
}
html.a11y-on.a11y-theme-wb .a11y-btn,
html.a11y-on.a11y-theme-wb .a11y-swatch{
background: #000 !important;
color: #fff !important;
border-color: #fff !important;
}
html.a11y-on.a11y-theme-wb .a11y-swatch--bw{
background: #fff !important;
color: #000 !important;
}
html.a11y-on.a11y-theme-wb .a11y-swatch--blue{
background: #9dd1ff !important;
color: #063462 !important;
} html.a11y-on.a11y-theme-blue,
html.a11y-on.a11y-theme-blue body{
background: #9dd1ff !important;
color: #063462 !important;
}
html.a11y-on.a11y-theme-blue *:not(svg):not(path):not(circle):not(line):not(polyline):not(polygon){
background-color: #9dd1ff !important;
color: #063462 !important;
border-color: #063462 !important;
box-shadow: none !important;
text-shadow: none !important;
}
html.a11y-on.a11y-theme-blue a{
color: #0000aa !important;
text-decoration: underline !important;
}
html.a11y-on.a11y-theme-blue .a11y-bar,
html.a11y-on.a11y-theme-blue .a11y-bar *{
background-color: #7fbfef !important;
color: #063462 !important;
} html.a11y-on.a11y-images-off img,
html.a11y-on.a11y-images-off picture,
html.a11y-on.a11y-images-off video,
html.a11y-on.a11y-images-off iframe,
html.a11y-on.a11y-images-off svg:not(.a11y-toggle__icon svg):not(.back-to-top svg):not(.footer-rospotreb__icon svg){
visibility: hidden !important;
}
html.a11y-on.a11y-images-off *{
background-image: none !important;
}
html.a11y-on.a11y-images-off .custom-logo-link,
html.a11y-on.a11y-images-off .logo-brand{
visibility: visible !important;
}
html.a11y-on.a11y-images-off .custom-logo-link::after{
content: "Гефест";
display: inline-block;
font-weight: 800;
visibility: visible;
}
html.a11y-on.a11y-images-off .custom-logo{
display: none !important;
} html.a11y-on :focus-visible{
outline: 3px solid #00A3B7 !important;
outline-offset: 3px !important;
}
html.a11y-on.a11y-theme-wb :focus-visible{
outline-color: #ffff00 !important;
}