.access-container {
  display: none;
}

.access-container-overlay {
  position: absolute;
  z-index: 9999;
  width: 100px;
  right: 100px;
}
@media (max-width: 576px){
  .mobile-nav .access-container-overlay{
    right: 0;
    /*width: 100% !important;*/
  }
  html.s-150 .mobile-nav .access-container-overlay,
  html.s-125 .mobile-nav .access-container-overlay{
    width: 100% !important;
  }
}

.access-container .access-container-overlay {
  width: 18.75rem;
  background-color: var(---__fefeff);
  /*background-color: var(---_eff0f6);*/
  box-shadow: 0 0 15px rgba(216, 218, 221, 0.5);
  color: var(---070a0c);
  border: var(---border);
  margin-bottom: 0.625rem;
}

.access-container .access-container-overlay .padding-wrap {
  padding: 1.25rem;
}

.access-container-overlay .accessibility-footer-btns,
.access-container-overlay .contrast-block .block-btns,
.access-container-overlay .font-size-block .block-btns {
  padding-left: 10px;
  padding-right: 10px;
}

.access-container-overlay .accessibility-footer-btns > div,
.access-container-overlay .contrast-block .block-btns > div,
.access-container-overlay .font-size-block .block-btns > div {
  padding-left: 5px;
  padding-right: 5px;
}

.access-container-overlay .accessibility-footer-btns a,
.placeholder-user-tools-settings .accessibility-footer-btns a {
  padding: 12px;
  margin: 1.25em 0 0;
  text-align: center;
  display: block;
  border-radius: 0.6875em;
  width: 100%;
  min-width: unset;
  text-decoration: none;
}

.access-container-overlay .btn-secondary,
a.btn-secondary {
  background: transparent;
  border: 1px solid var(---252265);
  box-sizing: border-box;
  color: var(---252265);
  min-width: 200px;
}

.access-container-overlay h4,
.placeholder-user-tools-settings h4 {
  padding-bottom: 0.9375em;
  padding-top: 0.9375em;
  margin: 0;
}

.access-container-overlay .font-size-block .block-btns .block-btn,
.placeholder-user-tools-settings .font-size-block .block-btns .block-btn {
  width: 100%;
  display: inline-block;
  padding: 0.6875em 0.75em;
  border: 1px solid var(---252265);
  color: var(---252265);
  text-align: center;
  border-radius: 0.675em;
  background-color: transparent;
  min-width: 4.375rem;
  font-weight: 600;
  font-size: 0.9375em;
}
.access-container-overlay .font-size-block .block-btns .block-btn:hover,
.placeholder-user-tools-settings .font-size-block .block-btns .block-btn:hover {
  background-color: var(---252265);
  color: var(---__fefeff);
}
.access-container-overlay .contrast-block .block-btns .block-btn#contrast-1,
.placeholder-user-tools-settings
  .contrast-block
  .block-btns
  .block-btn#contrast-1 {
  border: 1px solid #95989f;
  background: #fff;
  color: #95989f;
}
.access-container-overlay .contrast-block .block-btns .block-btn#contrast-3,
.placeholder-user-tools-settings
  .contrast-block
  .block-btns
  .block-btn#contrast-3 {
  border: 1px solid #f9f150;
  background: #f9f150;
  color: #1c1c1c;
}
.access-container-overlay .contrast-block .block-btns .block-btn#contrast-4,
.placeholder-user-tools-settings
  .contrast-block
  .block-btns
  .block-btn#contrast-4 {
  border: 1px solid #000;
  background: #000;
  color: #f9f150;
}
.access-container-overlay .contrast-block .block-btns .block-btn#contrast-2,
.placeholder-user-tools-settings
  .contrast-block
  .block-btns
  .block-btn#contrast-2 {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.access-container-overlay .contrast-block .block-btns .block-btn,
.placeholder-user-tools-settings .contrast-block .block-btns .block-btn {
  padding: 0.2272727273em 0.4545454545em;
  text-align: center;
  border-radius: 10px;
  font-size: 1.375rem;
  margin-bottom: 10px;
  width: 100%;
}

.access-container-overlay [class^="icon-"],
.access-container-overlay [class*=" icon-"] {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html.s-125 {
  font-size: 125%;
}
html.s-150 {
  font-size: 150%;
}

#contrast-1 .icon-eye {
  background: url("./assets/contrast-1.svg") no-repeat center center;
  background-size: cover;
}
#contrast-2 .icon-eye {
  background: url("./assets/contrast-2.svg") no-repeat center center;
  background-size: cover;
}
#contrast-3 .icon-eye {
  background: url("./assets/contrast-3.svg") no-repeat center center;
  background-size: cover;
}
#contrast-4 .icon-eye {
  background: url("./assets/contrast-4.svg") no-repeat center center;
  background-size: cover;
}
.contrast-block button {
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contrast-block button .icon-eye {
  height: 100%;
  aspect-ratio: 1.65;
}
@font-face {
  font-family: "Arimo";
  src: url("./assets/fonts/Arimo.ttf") format("truetype");
}
* {
  font-family: "Arimo", sans-serif;
}

:not(html.c1 a:hover) a:hover {
  text-decoration: underline;
}
:root {
  ---border: none;
  ---box-shadow: rgba(0, 0, 0, 0.1);
  ---linear-gradient: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 1)
  );
  ---ffcf99: #ffcf99;
  ---070a0c: #070a0c;
  ---fefeff: #fefeff;
  ---__fefeff: #fefeff;
  ---000: #000;
  ---fff: #fff;
  ---eff0f6: #eff0f6;
  ---252265: #252265;
  ---0e1036: #0e1036;
  ---_fefeff: #fefeff;
  ---_000: #000;
  ---_fff: #fff;
  ---_eff0f6: #eff0f6;
  ---_252265: #252265;
  ---_0e1036: #0e1036;

  ---__0e1036: #0e1036;

  ---opacity: 100%;
}
html.c2 {
  ---border: 1px solid #fff;
  ---box-shadow: rgba(255, 255, 255, 0.5);
  ---linear-gradient: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(0, 0, 0, 1)
  );
  ---ffcf99: #fff;
  ---070a0c: #fff;
  ---fefeff: #fff;
  ---__fefeff: #000;
  ---000: #000;
  ---fff: #fff;
  ---eff0f6: #fff;
  ---252265: #fff;
  ---0e1036: #000;
  ---041a3a: #fff;
  ---_fefeff: #fefeff;
  ---_000: #000;
  ---_fff: #fff;
  ---_eff0f6: #000;
  ---_252265: #252265;
  ---_0e1036: #0e1036;
  ---_041a3a: #041a3a;

  ---__0e1036: #fefeff;

  ---opacity: 80%;
}
html.c3 {
  ---border: 1px solid #000000;
  ---box-shadow: rgba(255, 255, 255, 0.5);
  ---linear-gradient: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(0, 0, 0, 1)
  );
  ---ffcf99: #000000;
  ---070a0c: #000000;
  ---fefeff: #000000;
  ---__fefeff: #f9f150;
  ---000: #f9f150;
  ---fff: #000000;
  ---eff0f6: #000000;
  ---252265: #000000;
  ---0e1036: #f9f150;
  ---041a3a: #000000;
  ---_0e076d: #5c5921;
  ---_06023a: #06023a;
  ---_fefeff: #fefeff;
  ---_000: #f9f150;
  ---_fff: #000000;
  ---_eff0f6: #f9f150;
  ---_252265: #252265;
  ---_0e1036: #0e1036;
  ---_041a3a: #041a3a;

  ---__0e1036: #000000;

  ---opacity: 80%;
}
html.c4 {
  ---border: 1px solid #f9f150;
  ---box-shadow: rgba(255, 255, 255, 0.5);
  ---linear-gradient: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(0, 0, 0, 1)
  );
  ---ffcf99: #f9f150;
  ---070a0c: #f9f150;
  ---fefeff: #f9f150;
  ---__fefeff: #000;
  ---000: #000;
  ---fff: #f9f150;
  ---eff0f6: #f9f150;
  ---252265: #f9f150;
  ---0e1036: #000;
  ---041a3a: #f9f150;
  ---_fefeff: #fefeff;
  ---_000: #000;
  ---_fff: #f9f150;
  ---_eff0f6: #000;
  ---_252265: #252265;
  ---_0e1036: #0e1036;
  ---_041a3a: #041a3a;

  ---__0e1036: #f9f150;

  ---opacity: 80%;
}