/*
body.accessibility-contrast .contrast-belka {
  background: #151517 !important;
 
}

body .contrast-belka .material-icons {
  font-size: 2.2rem !important; 
}


body.accessibility-font .contrast-belka .material-icons {
  font-size: 2.6rem !important; 
}



.contrast-belka a {
  display: block;
}

*/

.contrast-belka a {
  display: block;
}

.contrast-belka a:focus,
.contrast-belka a:active {
  outline: 3px solid #4cd137 !important;
  border-radius: .3rem;
  background-color: #4cd137 !important;
  text-decoration: underline !important;
  fill: #4cd137 !important;
}

.accessibility-contrast .contrast-belka a:focus,
.accessibility-contrast .contrast-belka a:active {
  outline: 3px solid #4cd137 !important;
  border-radius: .3rem;
  background-color: #4cd137!important;
  text-decoration: underline !important;
  fill: #4cd137 !important;
}




/* contrast bleka and menu  */

.contrast-belka
{
  background-color: var(--background-color8);
    position: fixed;
    top: 0;
    right: 0;
    width: 55px;
    height: 100vh;
    padding: 40vh 5px 0;
    z-index: 999;
   
}


.contrast-belka a img 
{
  width: 35px;
  text-align: center;
  display: block;
  margin: 10px auto;
}


.center
{
  text-align: center;
}

/* contrast color btn */

.contrast-belka a svg
{


  border: none;
    display: block;
    font-size: 2.5em;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    fill: var(--color-inne2);
    background-color: var(--background-color4);
    padding: .1rem;
    border-radius: .3rem;
    transition: 0.30s ease-out;
    cursor: pointer;
    align-self: flex-start;
    display: block;
}

.contrast-belka .btn-color .material-icons:hover {
    color: #5352ed;
}
.contrast-belka .btn-color .material-icons:focus {
  outline: none;
  border: solid 2px #ff4757;
}
.accessibility-contrast .contrast-belka .btn-color .material-icons {
 
  color: #f7b128;
}
.accessibility-contrast .contrast-belka .btn-color .material-icons:hover {
 
  color: #076db5;
}

.accessibility-contrast .contrast-belka .btn-color .material-icons:focus {
  outline: none;
  border: solid 2px #ff4757;
}
.contrast-belka a
{
  text-decoration: none;
}

/* btn fb */

.contrast-belka .fb .material-icons
{
  border: none;
  display: block;
  font-size: 2.5em;

  margin: 10px auto;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  color: #076db5;

 
  transition: 0.30s ease-out;
  cursor: pointer;
}



.accessibility-contrast .fb .material-icons {
  color: #f7b128;
}



/* btn disabled */


.contrast-belka .disabled-btn .material-icons
{
  border: none;
  display: block;
  font-size: 2.5em;
  margin: 10px auto;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  color: #000;
  cursor: pointer;
}
.contrast-belka .disabled-btn .material-icons:hover
{
  color: #076db5;
}

.accessibility-contrast .disabled-btn .material-icons {
  color: #f7b128;
}




/* size btn */

.contrast-belka .btn-size .material-icons
{
  border: none;
  display: block;
  font-size: 2.5em;

  margin: 10px auto;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  color: #000;
  background: transparent;
  -webkit-transition: 0.15s ease-out;
  transition: 0.30s ease-out;
  cursor: pointer;
}

.contrast-belka .btn-size .material-icons:hover {
  color: #076db5;
  transition: 0.15s ease-out;
}
.contrast-belka .btn-size:focus {
  outline: none;
  border: solid 2px #ff4757;
}
.accessibility-contrast .contrast-belka .btn-size .material-icons {
  color:  #f7b128;
}
.accessibility-contrast .contrast-belka .btn-size .material-icons:hover {
  color: #076db5;
}

.accessibility-contrast .contrast-belka .btn-size .material-iconsfocus {
  outline: none;
  border: solid 2px #ff4757;
}

/*  contrast color btn */