@font-face {
  font-family: "Roboto";
  src: url("../../../../fonts/roboto/Roboto-Regular.3e1af3ef.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Roboto";
  src: url("../../../../fonts/roboto/Roboto-Medium.d0884059.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
html body, html input, html button, html select, html textarea {
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  color: #33373c;
  line-height: 1.6;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  text-rendering: optimizeLegibility;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: none;
}
html body h1, html body h2, html body h3, html input h1, html input h2, html input h3, html button h1, html button h2, html button h3, html select h1, html select h2, html select h3, html textarea h1, html textarea h2, html textarea h3 {
  font-weight: 500;
  line-height: 1.1;
}
html body main p, html body main ul, html input main p, html input main ul, html button main p, html button main ul, html select main p, html select main ul, html textarea main p, html textarea main ul {
  color: #40444a;
}
html body h2:not(.custom-heading), html input h2:not(.custom-heading), html button h2:not(.custom-heading), html select h2:not(.custom-heading), html textarea h2:not(.custom-heading) {
  font-size: 26px;
}
@media only screen and (min-width: 760px) {
  html body h2:not(.custom-heading), html input h2:not(.custom-heading), html button h2:not(.custom-heading), html select h2:not(.custom-heading), html textarea h2:not(.custom-heading) {
    font-size: 34px;
  }
}
html body h3, html input h3, html button h3, html select h3, html textarea h3 {
  font-size: 18px;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

p, html, body, figure, h1, h2, h3, ul, ol {
  margin: 0;
}

ul, ol {
  padding: 0;
}

a {
  text-decoration: none;
  color: #33373c;
}

summary, ul, ol {
  list-style: none;
}

details > summary {
  list-style: none;
}

details > summary::marker,
details > summary::-webkit-details-marker {
  display: none;
}

#uii-theme-panel-wrapper {
  background: rgba(255, 255, 255, 0.98);
  position: sticky;
  top: 0;
  z-index: 1000;
  min-width: 230px;
}
#uii-theme-panel-wrapper #uii-theme-panel {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  padding: 0 clamp(20px, 6vw, 46px);
  overflow-y: auto;
  overflow-x: hidden;
}
#uii-theme-panel-wrapper #uii-theme-panel .header {
  z-index: 1001;
  min-height: clamp(54px, 10vw, 64px);
  display: flex;
  position: sticky;
  justify-content: space-between;
  align-items: center;
  top: 0;
  background: rgba(255, 255, 255, 0.93);
}
#uii-theme-panel-wrapper #uii-theme-panel .header .brand {
  display: flex;
  align-items: center;
  margin-right: 27px;
  font-size: 24px;
  font-weight: 500;
  position: relative;
}
#uii-theme-panel-wrapper #uii-theme-panel .header .brand span:nth-child(1) {
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  right: 21px;
  top: 4px;
}
#uii-theme-panel-wrapper #uii-theme-panel .header .brand span:nth-child(2) {
  width: 6px;
  height: 10px;
  background: #fff;
  position: absolute;
  right: 21px;
  top: 23px;
}
#uii-theme-panel-wrapper #uii-theme-panel .header .brand span:nth-child(3) {
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  right: 10px;
  top: 24px;
  rotate: 61deg;
}
#uii-theme-panel-wrapper #uii-theme-panel .header .brand span:nth-child(4) {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.5215686275);
  position: absolute;
  right: 0;
  top: 19px;
}
#uii-theme-panel-wrapper #uii-theme-panel .header .toggle {
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
  font-weight: 500;
}
#uii-theme-panel-wrapper #uii-theme-panel .header .toggle:hover {
  cursor: pointer;
  opacity: 0.5;
}
#uii-theme-panel-wrapper #uii-theme-panel nav li {
  display: flex;
}
#uii-theme-panel-wrapper #uii-theme-panel nav li + li {
  margin-top: 7px;
}
#uii-theme-panel-wrapper #uii-theme-panel nav li + li.divider {
  margin-top: 30px;
  padding-top: 30px;
  position: relative;
}
#uii-theme-panel-wrapper #uii-theme-panel nav li + li.divider:after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.09);
  height: 1px;
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
}
#uii-theme-panel-wrapper #uii-theme-panel nav li a {
  display: inline-block;
  max-width: 250px;
  overflow-x: hidden;
}
#uii-theme-panel-wrapper #uii-theme-panel nav li a::first-letter {
  text-transform: capitalize;
}
#uii-theme-panel-wrapper #uii-theme-panel nav li a:hover {
  opacity: 0.6;
}
#uii-theme-panel-wrapper #uii-theme-panel nav li.selected a {
  color: #006dce;
  text-decoration: underline;
}
#uii-theme-panel-wrapper #uii-theme-panel .details .summary {
  padding: unset;
  background: unset;
  border: unset;
  cursor: pointer;
}
#uii-theme-panel-wrapper #uii-theme-panel .details .summary::first-letter {
  text-transform: capitalize;
}
#uii-theme-panel-wrapper #uii-theme-panel .details ul li a:hover {
  opacity: 0.6;
}
#uii-theme-panel-wrapper #uii-theme-panel .details ul li + li {
  margin-top: 7px;
}
#uii-theme-panel-wrapper #uii-theme-panel .hotlink {
  display: none;
}
@media screen and (max-width: calc(800px - 1px)) {
  #uii-theme-panel-wrapper #uii-theme-panel.inflated {
    height: 100vh;
    background: rgba(255, 255, 255, 0.98);
    display: flex;
    flex-flow: column nowrap;
    align-content: flex-start;
    gap: 30px;
    padding-bottom: 30px;
  }
  #uii-theme-panel-wrapper #uii-theme-panel.inflated .toggle:after {
    content: "Close";
  }
  #uii-theme-panel-wrapper #uii-theme-panel.inflated .details {
    border-top: 1px solid #eee;
    padding-top: 30px;
  }
  #uii-theme-panel-wrapper #uii-theme-panel.inflated .details .summary {
    margin-bottom: 30px;
    opacity: 0.4;
  }
  #uii-theme-panel-wrapper #uii-theme-panel.inflated .details .summary:hover {
    cursor: auto;
  }
  #uii-theme-panel-wrapper #uii-theme-panel.inflated .details:last-of-type {
    padding-bottom: 30px;
  }
  #uii-theme-panel-wrapper #uii-theme-panel:not(.inflated) .toggle:after {
    content: "Menu";
  }
  #uii-theme-panel-wrapper #uii-theme-panel:not(.inflated) .details {
    display: none;
  }
  #uii-theme-panel-wrapper #uii-theme-panel:not(.inflated) nav {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  #uii-theme-panel-wrapper #uii-theme-panel {
    display: flex;
    overflow: unset;
    align-items: center;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .header {
    background: rgba(255, 255, 255, 0.93);
  }
  #uii-theme-panel-wrapper #uii-theme-panel .header .toggle {
    display: none;
  }
  #uii-theme-panel-wrapper #uii-theme-panel nav {
    align-items: center;
    display: flex;
    margin-right: auto;
  }
  #uii-theme-panel-wrapper #uii-theme-panel nav ul {
    display: flex;
    align-items: center;
    gap: 27px;
  }
  #uii-theme-panel-wrapper #uii-theme-panel nav ul li {
    margin: 0;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .hotlink {
    display: flex;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .hotlink:hover {
    cursor: pointer;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .hotlink:first-of-type {
    margin-left: 27px;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .hotlink:last-of-type {
    margin-left: 14px;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .details {
    position: relative;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .details .summary {
    max-width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ".";
  }
  #uii-theme-panel-wrapper #uii-theme-panel .details ul {
    display: none;
    background: #f7f7f7;
    padding: 20px 30px;
    white-space: nowrap;
    top: 100%;
    left: -30px;
    border-radius: 4px;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .details.inflated, #uii-theme-panel-wrapper #uii-theme-panel .details:hover {
    align-self: stretch;
    display: flex;
    align-items: center;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .details.inflated ul, #uii-theme-panel-wrapper #uii-theme-panel .details:hover ul {
    position: absolute;
    display: block;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .details.inflated .summary, #uii-theme-panel-wrapper #uii-theme-panel .details:hover .summary {
    color: #006dce;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .details:last-of-type {
    margin-left: 27px;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .details:last-of-type.inflated, #uii-theme-panel-wrapper #uii-theme-panel .details:last-of-type:hover {
    margin-left: 0;
    padding-left: 27px;
  }
  #uii-theme-panel-wrapper #uii-theme-panel .details:last-of-type ul {
    right: 0;
    left: unset;
  }
}

section, .section {
  padding: clamp(30px, 6vw, 50px) 0;
}
section:not(.borderless), .section:not(.borderless) {
  border-top: 1px solid #e4e4e4;
}
section.flex, .section.flex {
  display: flex;
  flex-flow: column nowrap;
  gap: clamp(20px, 4vw, 30px);
}

footer {
  border-top: 1px solid #e7e7e7;
}
footer ul {
  margin-bottom: clamp(30px, 3vw, 36px);
}
footer ul li {
  height: 32px;
}
footer ul li a:hover {
  opacity: 0.6;
}
footer .copyright {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 700px) {
  footer ul {
    column-gap: 20px;
    margin-bottom: unset;
    display: flex;
    flex-flow: row wrap;
  }
  footer ul li {
    height: unset;
  }
  footer .copyright {
    flex-flow: row;
    justify-content: space-between;
  }
}

body {
  display: flex;
  min-height: 100vh;
  flex-flow: column nowrap;
  flex: 1;
}
@media screen and (max-width: calc(800px - 1px)) {
  body.no-scroll {
    overflow: hidden;
  }
}
body .uii-theme-grid {
  display: grid;
  grid-template-columns: minmax(clamp(20px, 6vw, 46px), 1fr) minmax(0, 800px) minmax(clamp(20px, 6vw, 46px), 1fr);
}
body .uii-theme-grid .uii-theme-grid-center-content {
  grid-column: 2;
}
body #uii-theme-content-wrapper {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
}
body #uii-theme-content-wrapper main {
  flex: 1;
}
body #uii-theme-content-wrapper main a:not(.card-article-link):not(.text-article-link):not(.card-article-link-small):hover {
  opacity: 0.6;
}
body #uii-theme-content-wrapper main p a {
  color: #006dce;
  text-decoration: underline;
}
body #noscript {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 300px;
  max-height: 100px;
  margin: auto;
  z-index: 99999;
  background: #db3434;
  color: white;
  padding: 12px;
}