:root {
  --dsl-color-bg: #fff;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716;
  --dsl-submenu-bg: rgba(0, 0, 0, 0.8); }

.scheme-white {
  --dsl-color-bg: #fff;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-dark {
  --dsl-color-bg: #171716;
  --dsl-color-text: #fff;
  --dsl-color-link: #fff; }

.scheme-blue {
  --dsl-color-bg: #e2eaf2;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-green {
  --dsl-color-bg: #d5e1b5;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-yellow {
  --dsl-color-bg: #fbf59b;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-gray {
  --dsl-color-bg: #cacac8;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-pink {
  --dsl-color-bg: #ff8c91;
  --dsl-color-text: #fff;
  --dsl-color-link: #fff; }

.scheme-white-alpha {
  --dsl-color-bg: rgba(255, 255, 255, 0.95);
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-black-alpha {
  --dsl-color-bg: rgba(0, 0, 0, 0.95);
  --dsl-color-text: #fff;
  --dsl-color-link: #fff; }

:root {
  --dsl-font-size-h1: 2.5rem;
  --dsl-font-size-h1-big: 5rem;
  --dsl-font-size-h2: 2.5rem;
  --dsl-font-size-h2-big: 5rem;
  --dsl-font-size-h3: 2rem;
  --dsl-font-size-base: 1rem; }

@media (max-width: 991.98px) {
  :root {
    --dsl-font-size-h1: 1.125rem;
    --dsl-font-size-h1-big: 1.875rem;
    --dsl-font-size-h2: 1.125rem;
    --dsl-font-size-h2-big: 1.875rem;
    --dsl-font-size-h3: 1.375rem;
    --dsl-font-size-base: 1rem; } }

:root {
  --dsl-box-padding-x: 3.5vw;
  --dsl-box-padding-y: 1rem; }
  @media (min-width: 567px) {
    :root {
      --dsl-box-padding-x: 2.5vw;
      --dsl-box-padding-y: 2rem; } }
  @media (min-width: 1024px) {
    :root {
      --dsl-box-padding-y: 3rem; } }

.flyout {
  display: none;
  list-style: none;
  margin: 0;
  position: fixed;
  z-index: 50;
  bottom: 10%;
  right: 0;
  padding: 0 1rem 0 0;
  transform: translate(100%, 0%);
  transition: transform .2s ease; }
  .page-main .flyout {
    padding-left: 0; }
  @media screen and (min-width: 75em) {
    .flyout {
      display: block; } }
  .flyout.active {
    transform: translateY(-50%); }
  .flyout li {
    position: relative;
    margin-bottom: 1rem;
    text-align: right; }
    .flyout li a {
      display: flex;
      width: 2.75rem;
      height: 2.75rem;
      background: #fff;
      color: #171716;
      text-decoration: none; }
      .flyout li a i {
        margin: auto;
        font-size: 1.5rem; }
      .flyout li a:hover, .flyout li a:focus {
        background: #171716;
        color: #fff; }
    .flyout li.to-top a {
      color: #fff;
      background: #171716;
      cursor: pointer; }
      .flyout li.to-top a:hover, .flyout li.to-top a:focus {
        color: #d5e1b5; }