@charset "UTF-8";
:root {
  --font-text: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: inherit;
  --font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --unit: 4px;
  --body-text-size: 16px;
  --body-text-line: 1.5;
  --font-weight-semibold: 600;
  --font-weight-heavy: 900;
}

:root {
  --font-text: "Exo", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  --font-heading: inherit;
  --font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
  --font-weight-semibold: 600;
  --font-weight-heavy: 900;
}

:root {
  --body-text-size: 18px;
  --body-text-line: 1.5;
}

:root {
  --radius-small: 2px;
  --radius-medium: 4px;
  --radius-base: 6px;
  --radius-large: 8px;
  --radius-huge: 12px;
  --level-over-page: 100;
  --level-over-content: 200;
  --level-over-all: 300;
  --type-space-h1-to-tag: 5rem;
  --type-space-h2-to-tag: 3rem;
  --type-space-h3-to-tag: 3rem;
  --type-space-h4-to-tag: 2rem;
  --type-space-h5-to-tag: 2rem;
  --type-space-h6-to-tag: 2rem;
  --type-space-tag-to-tag: 5rem;
  --type-space-tag-to-h2: 8rem;
  --type-space-tag-to-h3: 8rem;
  --type-space-tag-to-h4: 8rem;
  --type-space-tag-to-h5: 8rem;
  --type-space-tag-to-h6: 8rem;
  --type-space-figure-to-tag: 8rem;
  --type-space-form-item-to-item: 5rem;
  --palette-black: #000000;
  --palette-white: #ffffff;
  --palette-primary-darker: #004677;
  --palette-primary-dark: #00588B;
  --palette-primary-base: #0078AE;
  --palette-primary-mid: #0078AE;
  --palette-primary-light: #4CA0C6;
  --palette-primary-lighter: #B5D7E7;
  --palette-primary-lightest: #E9F1F9;
  --palette-primary-darkest: #00183B;
  --palette-neutral-darker: #151515;
  --palette-neutral-dark: #454545;
  --palette-neutral-base: #7C7C7C;
  --palette-neutral-mid: #CDCDCD;
  --palette-neutral-light: #E6E6E6;
  --palette-neutral-lighter: #EDEDED;
  --palette-neutral-lightest: #F5F5F5;
  --palette-negative-darker: #A30109;
  --palette-negative-dark: #E6000A;
  --palette-negative-base: #FF424D;
  --palette-negative-mid: #FFA0A6;
  --palette-negative-light: #FFC6C9;
  --palette-negative-lighter: #FFECED;
  --palette-negative-lightest: #FFF5F6;
  --palette-positive-darker: #106939;
  --palette-positive-dark: #1B9D56;
  --palette-positive-base: #1FC267;
  --palette-positive-mid: #84DEAC;
  --palette-positive-light: #B1EACA;
  --palette-positive-lighter: #E8F8EF;
  --palette-positive-lightest: #F4FCF7;
  --palette-active-darker: #8E4C1C;
  --palette-active-dark: #BC6525;
  --palette-active-base: #ED7F2F;
  --palette-active-mid: #8FA4FD;
  --palette-active-light: #F09857;
  --palette-active-lighter: #F4B283;
  --palette-active-lightest: #F9D5BB;
  --palette-red-darker: #A30109;
  --palette-red-dark: #E6000A;
  --palette-red-base: #FF424D;
  --palette-red-mid: #FFA0A6;
  --palette-red-light: #FFC6C9;
  --palette-red-lighter: #FFECED;
  --palette-red-lightest: #FFF5F6;
  --palette-orange-darker: #B84300;
  --palette-orange-dark: #FF6105;
  --palette-orange-base: #FF8943;
  --palette-orange-mid: #FFBE98;
  --palette-orange-light: #FFD6BD;
  --palette-orange-lighter: #FFF3EC;
  --palette-orange-lightest: #FFF9F5;
  --palette-yellow-darker: #9F7E04;
  --palette-yellow-dark: #ECC01E;
  --palette-yellow-base: #F9C918;
  --palette-yellow-mid: #FBDF74;
  --palette-yellow-light: #FDE9A3;
  --palette-yellow-lighter: #FEF7DD;
  --palette-yellow-lightest: #FEFCF3;
  --palette-green-darker: #106939;
  --palette-green-dark: #1B9D56;
  --palette-green-base: #1FC267;
  --palette-green-mid: #84DEAC;
  --palette-green-light: #B1EACA;
  --palette-green-lighter: #E8F8EF;
  --palette-green-lightest: #F4FCF7;
  --palette-blue-darker: #1022A0;
  --palette-blue-dark: #1027EA;
  --palette-blue-base: #1F4AFB;
  --palette-blue-mid: #8FA4FD;
  --palette-blue-light: #C7D2FE;
  --palette-blue-lighter: #E8ECFE;
  --palette-blue-lightest: #F4F6FF;
  --palette-purple-darker: #5622A5;
  --palette-purple-dark: #6E25D5;
  --palette-purple-base: #8C38FF;
  --palette-purple-mid: #C59BFF;
  --palette-purple-light: #E2CDFF;
  --palette-purple-lighter: #F6EFFF;
  --palette-purple-lightest: #F9F5FF;
  --palette-white-5: rgba(255, 255, 255, 0.05);
  --palette-white-7: rgba(255, 255, 255, 0.07);
  --palette-white-10: rgba(255, 255, 255, 0.1);
  --palette-white-15: rgba(255, 255, 255, 0.15);
  --palette-white-20: rgba(255, 255, 255, 0.2);
  --palette-white-25: rgba(255, 255, 255, 0.25);
  --palette-white-30: rgba(255, 255, 255, 0.3);
  --palette-white-40: rgba(255, 255, 255, 0.4);
  --palette-white-50: rgba(255, 255, 255, 0.5);
  --palette-white-60: rgba(255, 255, 255, 0.6);
  --palette-white-70: rgba(255, 255, 255, 0.7);
  --palette-white-80: rgba(255, 255, 255, 0.8);
  --palette-white-90: rgba(255, 255, 255, 0.9);
  --palette-white-95: rgba(255, 255, 255, 0.95);
  --palette-black-5: rgba(0, 0, 0, 0.05);
  --palette-black-7: rgba(0, 0, 0, 0.07);
  --palette-black-10: rgba(0, 0, 0, 0.1);
  --palette-black-15: rgba(0, 0, 0, 0.15);
  --palette-black-20: rgba(0, 0, 0, 0.2);
  --palette-black-25: rgba(0, 0, 0, 0.25);
  --palette-black-30: rgba(0, 0, 0, 0.3);
  --palette-black-40: rgba(0, 0, 0, 0.4);
  --palette-black-50: rgba(0, 0, 0, 0.5);
  --palette-black-60: rgba(0, 0, 0, 0.6);
  --palette-black-70: rgba(0, 0, 0, 0.7);
  --palette-black-80: rgba(0, 0, 0, 0.8);
  --palette-black-90: rgba(0, 0, 0, 0.9);
  --palette-black-95: rgba(0, 0, 0, 0.95);
  --background-light: var(--palette-white);
  --background-dark: var(--palette-black);
  --background-primary: var(--palette-primary-base);
  --background-aluminum: var(--palette-neutral-lightest);
  --background-silver: var(--palette-neutral-lighter);
  --background-platinum: var(--palette-neutral-light);
  --background-gradient: linear-gradient(to bottom, var(--palette-primary-dark) 0%, var(--palette-primary-darkest) 100%);
  --background-sapgradient: linear-gradient(to bottom, #004979 50%, var(--palette-primary-darkest) 100%);
  --body-default: var(--palette-white);
  --border-dark: var(--palette-black);
  --border-dark-low: var(--palette-black-7);
  --border-dark-medium: var(--palette-black-10);
  --border-light: var(--palette-white);
  --border-light-low: var(--palette-white-20);
  --border-light-medium: var(--palette-white-50);
  --border-primary: var(--palette-primary-base);
  --divider-default: var(--palette-black-10);
  --divider-dark-medium: var(--palette-black-25);
  --divider-dark: var(--palette-black);
  --divider-primary: var(--palette-primary-base);
  --divider-light: var(--palette-white);
  --divider-light-muted: var(--palette-white-30);
  --heading-default: var(--palette-white);
  --heading-dark-medium: var(--palette-black-70);
  --heading-muted: var(--palette-white-50);
  --heading-light: var(--palette-white-95);
  --heading-light-medium: var(--palette-white-70);
  --heading-primary: var(--palette-primary-base);
  --heading-moderated: var(--palette-white-70);
  --heading-light-moderated: var(--palette-white-80);
  --icon-dark: var(--palette-black);
  --icon-light: var(--palette-white);
  --icon-primary: var(--palette-primary-base);
  --inline-var-color: var(--palette-black-80);
  --inline-var-border-color: transparent;
  --inline-var-background-color: transparent;
  --inline-kbd-color: var(--palette-black-80);
  --inline-kbd-border-color: var(--palette-black-15);
  --inline-kbd-background-color: transparent;
  --inline-code-color: var(--palette-black-80);
  --inline-code-border-color: transparent;
  --inline-code-background-color: var(--palette-neutral-lightest);
  --inline-cite-color: var(--palette-black-70);
  --link-default-color: var(--palette-white);
  --link-default-hover-color: var(--palette-black);
  --link-dark-color: var(--palette-black);
  --link-dark-hover-color: var(--palette-black-60);
  --link-dark-medium-color: var(--palette-black-70);
  --link-dark-medium-hover-color: var(--palette-black);
  --link-muted-color: var(--palette-white-50);
  --link-muted-hover-color: var(--palette-white);
  --link-light-color: var(--palette-white-95);
  --link-light-hover-color: var(--palette-white-60);
  --link-light-medium-color: var(--palette-white-70);
  --link-light-medium-hover-color: var(--palette-white);
  --link-primary-color: var(--palette-primary-base);
  --link-primary-hover-color: var(--palette-black);
  --link-moderated-color: var(--palette-white-70);
  --link-moderated-hover-color: var(--palette-white);
  --overlay-light: var(--palette-white-50);
  --overlay-dark: var(--palette-black-50);
  --placeholder-default: var(--palette-black-30);
  --placeholder-light: var(--palette-white-40);
  --text-dark: var(--palette-black);
  --text-default: var(--palette-white);
  --text-dark-medium: var(--palette-black-70);
  --text-muted: var(--palette-white-50);
  --text-success: var(--palette-positive-dark);
  --text-error: var(--palette-negative-dark);
  --text-light: var(--palette-white-90);
  --text-light-medium: var(--palette-white-70);
  --text-light-muted: var(--palette-white-50);
  --text-primary: var(--palette-primary-base);
  --text-moderated: var(--palette-white-70);
  --button-active-background-color: var(--palette-active-base);
  --button-active-border-color: var(--palette-transparent);
  --button-active-color: var(--palette-black);
  --button-active-hover-background-color: var(--palette-active-dark);
  --button-active-hover-border-color: var(--palette-transparent);
  --button-active-hover-color: var(--palette-black);
  --button-active-disabled-background-color: var(--palette-black-70);
  --button-active-disabled-border-color: var(--palette-transparent);
  --button-active-disabled-color: var(--palette-white-70);
  --shadow-100: 0 1px 3px -1px var(--palette-black-10), 0 1px 2px -1px var(--palette-black-20);
  --shadow-150: 0 3px 5px -1px var(--palette-black-10), 0 1px 3px -1px var(--palette-black-20);
  --shadow-200: 0 6px 12px -2px var(--palette-black-10), 0 3px 7px -3px var(--palette-black-20);
  --shadow-250: 0 10px 25px -5px var(--palette-black-10), 0 8px 16px -8px var(--palette-black-20);
  --shadow-300: 0 30px 60px -12px var(--palette-black-10), 0 18px 36px -18px var(--palette-black-20);
  --shadow-350: 0 50px 100px -10px var(--palette-black-20), 0 30px 60px -30px var(--palette-black-30);
}

html {
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

* {
  margin: 0;
  padding: 0;
}

input, textarea, select {
  outline: none;
}

audio, canvas, video, progress, iframe {
  display: block;
  vertical-align: baseline;
}

fieldset, iframe, img {
  border: 0;
}

embed, object, img, video {
  max-width: 100%;
  height: auto;
}

button,
[type=submit] {
  -webkit-appearance: button;
}

[type=radio],
[type=checkbox] {
  vertical-align: middle;
  position: relative;
  bottom: 0.1em;
  margin-right: 2px;
}

input[type=search],
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

::-moz-focus-inner {
  border: none;
  padding: 0;
}

@media print {
  body {
    color: #000;
  }

  a, a:link, a:visited {
    color: #000;
    text-decoration: none;
  }

  .hidden-print {
    display: none;
  }
}
@media screen {
  .visible-print {
    display: none;
  }
}
@-webkit-keyframes slideUp {
  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@keyframes slideUp {
  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@-webkit-keyframes slideDown {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@keyframes slideDown {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
html {
  font-size: var(--unit);
}

body {
  --body-color: var(--text-default);
  --body-background-color: var(--body-default);
  font-family: var(--font-text);
  font-size: var(--body-text-size);
  line-height: var(--body-text-line);
  color: var(--body-color);
  background-color: var(--body-background-color);
}

*::-webkit-input-placeholder {
  color: var(--placeholder-default);
}

*::-moz-placeholder {
  color: var(--placeholder-default);
}

*:-ms-input-placeholder {
  color: var(--placeholder-default);
}

*::placeholder {
  color: var(--placeholder-default);
}

h1 + * {
  margin-top: var(--type-space-h1-to-tag);
}

h2 + * {
  margin-top: var(--type-space-h2-to-tag);
}

h3 + * {
  margin-top: var(--type-space-h3-to-tag);
}

h4 + * {
  margin-top: var(--type-space-h4-to-tag);
}

h5 + * {
  margin-top: var(--type-space-h5-to-tag);
}

h6 + * {
  margin-top: var(--type-space-h6-to-tag);
}

p + h2, ul + h2, ol + h2, blockquote + h2, pre + h2, dl + h2, address + h2 {
  margin-top: var(--type-space-tag-to-h2);
}
p + h3, ul + h3, ol + h3, blockquote + h3, pre + h3, dl + h3, address + h3 {
  margin-top: var(--type-space-tag-to-h3);
}
p + h4, ul + h4, ol + h4, blockquote + h4, pre + h4, dl + h4, address + h4 {
  margin-top: var(--type-space-tag-to-h4);
}
p + h5, ul + h5, ol + h5, blockquote + h5, pre + h5, dl + h5, address + h5 {
  margin-top: var(--type-space-tag-to-h5);
}
p + h6, ul + h6, ol + h6, blockquote + h6, pre + h6, dl + h6, address + h6 {
  margin-top: var(--type-space-tag-to-h6);
}
p + *, ul + *, ol + *, blockquote + *, pre + *, dl + *, address + * {
  margin-top: var(--type-space-tag-to-tag);
}

figure + h2, figure + h3, figure + h4, figure + h5, figure + h6, figure + p, figure + ul, figure + ol, figure + dl, figure + pre, figure + figure, figure + blockquote, figure + table,
table + h2,
table + h3,
table + h4,
table + h5,
table + h6,
table + p,
table + ul,
table + ol,
table + dl,
table + pre,
table + figure,
table + blockquote,
table + table {
  margin-top: var(--type-space-figure-to-tag);
}

h1 + h2 {
  margin-top: var(--type-space-tag-to-h2);
}

h2 + h3 {
  margin-top: var(--type-space-tag-to-h3);
}

h3 + h4 {
  margin-top: var(--type-space-tag-to-h4);
}

h4 + h5 {
  margin-top: var(--type-space-tag-to-h5);
}

h5 + h6 {
  margin-top: var(--type-space-tag-to-h6);
}

a {
  color: var(--link-default-color);
}

a:hover {
  transition: all 0.1s linear;
  color: var(--link-default-hover-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  --heading-font-size: inherit;
  --heading-line-height: inherit;
  font-family: var(--font-heading);
  font-style: normal;
  font-weight: bold;
  letter-spacing: -0.01em;
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  color: var(--heading-default);
  text-rendering: optimizeLegibility;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit !important;
  display: block;
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: inherit !important;
  opacity: 0.75;
  text-decoration: underline;
}

h1 {
  --heading-font-size: 56px;
  --heading-line-height: 1.15;
}

h2 {
  --heading-font-size: 28px;
  --heading-line-height: 1.35;
}

h3 {
  --heading-font-size: 20px;
  --heading-line-height: 1.4;
}

h4 {
  --heading-font-size: 16px;
  --heading-line-height: 1.5;
}

ul,
ol {
  margin-left: 20px;
}

li li {
  font-size: 1em;
}

nav ul,
nav ol {
  margin-left: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd + dt {
  margin-top: 0.25em;
}

address {
  font-style: normal;
}

figure > img, figure > iframe, figure > pre, figure > div {
  vertical-align: middle;
}

.alert {
  --alert-background-color: var(--palette-neutral-lighter);
  --alert-border-color: transparent;
  --alert-color: var(--palette-neutral-darker);
  --alert-padding: 4rem 5rem;
  --alert-font-size: 14px;
  --alert-font-weight: normal;
  --alert-line-height: var(--body-text-line);
  --alert-border-radius: var(--radius-base);
  --alert-border-width: 1px;
  --alert-border-style: solid;
  --alert-box-shadow: none;
  --alert-close-size: 14px;
  --alert-space: 0.5em;
  position: relative;
  font-weight: var(--alert-font-weight);
  font-size: var(--alert-font-size);
  line-height: var(--alert-line-height);
  padding: var(--alert-padding);
  border-radius: var(--alert-border-radius);
  border-style: var(--alert-border-style);
  border-width: var(--alert-border-width);
  box-shadow: var(--alert-box-shadow);
  margin-bottom: var(--type-space-tag-to-tag);
  background-color: var(--alert-background-color);
  border-color: var(--alert-border-color);
  color: var(--alert-color);
}
.alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert p, .alert a {
  color: inherit;
}
.alert * + p {
  margin-top: var(--alert-space);
}
.alert a:hover {
  opacity: 0.6;
}
.alert svg {
  fill: currentColor;
}
.alert .close {
  --close-size: var(--alert-close-size);
  position: absolute;
  right: 0.65em;
  top: 0.85em;
}

.alert-info {
  --alert-background-color: var(--palette-active-lightest);
  --alert-border-color: transparent;
  --alert-color: var(--palette-active-darker);
}

.alert-success {
  --alert-background-color: var(--palette-positive-lightest);
  --alert-border-color: transparent;
  --alert-color: var(--palette-positive-darker);
}

.alert-error {
  --alert-background-color: var(--palette-negative-lightest);
  --alert-border-color: transparent;
  --alert-color: var(--palette-negative-darker);
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-baseline {
  vertical-align: baseline;
}

.align-bottom {
  vertical-align: bottom;
}

@media only screen and (max-width: 767px) {
  .align-left-sm {
    text-align: left;
  }

  .align-center-sm {
    text-align: center;
  }

  .align-right-sm {
    text-align: right;
  }

  .align-top-sm {
    vertical-align: top;
  }

  .align-middle-sm {
    vertical-align: middle;
  }

  .align-baseline-sm {
    vertical-align: baseline;
  }

  .align-bottom-sm {
    vertical-align: bottom;
  }
}
[class^=bg-],
[class*=" bg-"] {
  --background-color: transparent;
  background-color: var(--background-color);
}

.bg-light {
  --background-color: var(--palette-white);
}

.bg-dark {
  --background-color: var(--palette-black);
}

.bg-primary {
  --background-color: var(--palette-primary-base);
}

.bg-aluminum {
  --background-color: var(--palette-neutral-lightest);
}

.bg-silver {
  --background-color: var(--palette-neutral-lighter);
}

.bg-platinum {
  --background-color: var(--palette-neutral-light);
}

.bg-gradient {
  --background-color: linear-gradient(to bottom, var(--palette-primary-dark) 0%, var(--palette-primary-darkest) 100%);
}

.bg-sapgradient {
  --background-color: linear-gradient(to bottom, #004979 50%, var(--palette-primary-darkest) 100%);
}

.badge {
  --badge-background-color: var(--palette-neutral-lighter);
  --badge-border-color: transparent;
  --badge-color: var(--palette-neutral-darker);
  --badge-font-size: 12px;
  --badge-font-weight: var(--font-weight-semibold);
  --badge-border-radius: 99px;
  --badge-padding: 1px 4px;
  --badge-border-width: 1px;
  --badge-border-style: solid;
  --badge-line-height: 16px;
  --badge-size: 20px;
  font-weight: var(--badge-font-weight);
  font-size: var(--badge-font-size);
  border-radius: var(--badge-border-radius);
  padding: var(--badge-padding);
  border-width: var(--badge-border-width);
  border-style: var(--badge-border-style);
  line-height: var(--badge-line-height);
  min-width: var(--badge-size);
  min-height: var(--badge-size);
  border-color: var(--badge-border-color);
  background-color: var(--badge-background-color);
  color: var(--badge-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  height: auto;
}
.badge a {
  color: inherit;
  text-decoration: none;
}
.badge a:hover {
  color: inherit;
  text-decoration: underline;
}

a.badge:hover {
  opacity: 1;
  color: var(--badge-color);
  text-decoration: underline;
}

.badge-dark {
  --badge-background-color: var(--palette-black);
  --badge-border-color: transparent;
  --badge-color: var(--palette-white);
}

.badge-light {
  --badge-background-color: var(--palette-white);
  --badge-border-color: transparent;
  --badge-color: var(--palette-black);
}

.badge-large {
  --badge-font-size: 14px;
  --badge-size: 26px;
}

.badge-huge {
  --badge-font-size: 16px;
  --badge-size: 36px;
}

.badge-mega {
  --badge-font-size: 20px;
  --badge-size: 48px;
}

[class^=border-],
[class*=" border-"] {
  --border-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border-color);
}

.border-top {
  border-style: none;
  border-top-style: solid;
}

.border-bottom {
  border-style: none;
  border-bottom-style: solid;
}

.border-left {
  border-style: none;
  border-left-style: solid;
}

.border-right {
  border-style: none;
  border-right-style: solid;
}

.border-off {
  border-color: transparent !important;
}

.border-dark {
  --border-color: var(--palette-black);
}

.border-dark-low {
  --border-color: var(--palette-black-7);
}

.border-dark-medium {
  --border-color: var(--palette-black-10);
}

.border-light {
  --border-color: var(--palette-white);
}

.border-light-low {
  --border-color: var(--palette-white-20);
}

.border-light-medium {
  --border-color: var(--palette-white-50);
}

.border-primary {
  --border-color: var(--palette-primary-base);
}

.border-1 {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

@media only screen and (max-width: 767px) {
  .border-off-sm {
    border-color: transparent !important;
  }

  .border-top-sm {
    border-style: none;
    border-top-style: solid;
  }

  .border-bottom-sm {
    border-style: none;
    border-bottom-style: solid;
  }

  .border-left-sm {
    border-style: none;
    border-left-style: solid;
  }

  .border-right-sm {
    border-style: none;
    border-right-style: solid;
  }

  .border-1-sm {
    border-width: 1px;
  }

  .border-2-sm {
    border-width: 2px;
  }
}
.brand {
  --brand-color: var(--palette-black);
  --brand-hover-color: var(--palette-black);
  --brand-font-size: 16px;
  --brand-font-weight: bold;
  --brand-text-transform: none;
  --brand-letter-spacing: 0;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  color: var(--brand-color);
  font-size: var(--brand-font-size);
  font-weight: var(--brand-font-weight);
  text-transform: var(--brand-text-transform);
  letter-spacing: var(--brand-letter-spacing);
}
.brand svg {
  fill: currentColor;
}

a.brand:hover {
  transition: all 0.1s linear;
  color: var(--brand-hover-color);
  text-decoration: underline;
}

.breadcrumb {
  --breadcrumb-link-color: var(--palette-black);
  --breadcrumb-link-hover-color: var(--palette-black-60);
  --breadcrumb-link-active-color: var(--palette-black-40);
  --breadcrumb-separator-color: var(--palette-black-25);
  --breadcrumb-font-size: 14px;
  --breadcrumb-line-height: var(--body-text-line);
  --breadcrumb-item-space: 2rem;
  --breadcrumb-separator: "/";
  font-size: var(--breadcrumb-font-size);
  line-height: var(--breadcrumb-line-height);
}
.breadcrumb .breadcrumb-list {
  display: flex;
  align-items: center;
}
.breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center;
}
.breadcrumb .breadcrumb-item:after {
  content: var(--breadcrumb-separator);
  color: var(--breadcrumb-separator-color);
  margin-left: var(--breadcrumb-item-space);
  margin-right: var(--breadcrumb-item-space);
}
.breadcrumb .breadcrumb-item:last-child:after {
  display: none;
}
.breadcrumb .breadcrumb-item.active .breadcrumb-link {
  color: var(--breadcrumb-link-active-color);
  text-decoration: none;
}
.breadcrumb .breadcrumb-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--breadcrumb-link-color);
}
.breadcrumb .breadcrumb-link:hover {
  text-decoration: underline;
  color: var(--breadcrumb-link-hover-color);
}

.breadcrumb-light {
  --breadcrumb-link-color: var(--palette-white-80);
  --breadcrumb-link-hover-color: var(--palette-white);
  --breadcrumb-link-active-color: var(--palette-white-50);
  --breadcrumb-separator-color: var(--palette-white-30);
}

.breadcrumb-bullet {
  --breadcrumb-separator: "∙";
}

.breadcrumb-path {
  --breadcrumb-separator: "≻";
}

.button {
  --button-background-color: transparent;
  --button-border-color: var(--palette-black-20);
  --button-color: var(--palette-neutral-darker);
  --button-hover-background-color: var(--palette-black-5);
  --button-hover-border-color: var(--palette-black-20);
  --button-hover-color: var(--palette-black);
  --button-disabled-background-color: transparent;
  --button-disabled-border-color: var(--palette-black-20);
  --button-disabled-color: var(--palette-black-80);
  --button-font-size: 15px;
  --button-font-weight: var(--font-weight-semibold);
  --button-border-radius: var(--radius-base);
  --button-line-height: 1;
  --button-letter-spacing: 0;
  --button-text-transform: none;
  --button-padding-y: 0;
  --button-padding-x: 20px;
  --button-border-width: 1px;
  --button-border-style: solid;
  --button-opacity: 1;
  --button-box-shadow: none;
  --button-height: 42px;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: baseline;
  text-align: center;
  font-family: inherit;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  height: var(--button-height);
  font-weight: var(--button-font-weight);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  letter-spacing: var(--button-letter-spacing);
  text-transform: var(--button-text-transform);
  border-radius: var(--button-border-radius);
  padding-top: calc(var(--button-padding-y) * 1px + 1px);
  padding-bottom: var(--button-padding-y);
  padding-left: var(--button-padding-x);
  padding-right: var(--button-padding-x);
  border-width: var(--button-border-width);
  border-style: var(--button-border-style);
  box-shadow: var(--button-box-shadow);
  opacity: var(--button-opacity);
  color: var(--button-color);
  border-color: var(--button-border-color);
  background-color: var(--button-background-color);
  background-image: var(--button-background-image);
}
.button:hover {
  outline: none;
}
.button:hover, .button:focus {
  background-image: none;
  text-decoration: none;
  color: var(--button-hover-color);
  border-color: var(--button-hover-border-color);
  background-color: var(--button-hover-background-color);
  background-image: var(--button-hover-background-image);
  box-shadow: var(--button-hover-box-shadow);
}
.button.disabled, .button:disabled {
  --button-opacity: 0.5;
  cursor: default;
  color: var(--button-disabled-color);
  border-color: var(--button-disabled-border-color);
  background-color: var(--button-disabled-background-color);
  background-image: var(--button-disabled-background-image);
  box-shadow: var(--button-disabled-box-shadow);
}
.button .button-icon + .button-label {
  margin-left: 6px;
}
.button .button-label + .button-icon {
  margin-left: 6px;
  margin-right: -3px;
}
.button .caret {
  --caret-thickness: 2px;
  margin-left: 4px;
  margin-right: -4px;
}

.button-primary {
  --button-background-color: var(--palette-primary-base);
  --button-border-color: transparent;
  --button-color: var(--palette-primary-lightest);
  --button-hover-background-color: var(--palette-primary-dark);
  --button-hover-border-color: transparent;
  --button-hover-color: var(--palette-primary-lightest);
  --button-disabled-background-color: var(--palette-black-70);
  --button-disabled-border-color: transparent;
  --button-disabled-color: var(--palette-white-70);
}

.button-dark {
  --button-background-color: var(--palette-black);
  --button-border-color: transparent;
  --button-color: var(--palette-neutral-lightest);
  --button-hover-background-color: var(--palette-neutral-darker);
  --button-hover-border-color: transparent;
  --button-hover-color: var(--palette-neutral-lightest);
  --button-disabled-background-color: var(--palette-black-70);
  --button-disabled-border-color: transparent;
  --button-disabled-color: var(--palette-white-70);
}

.button-light {
  --button-background-color: var(--palette-white-95);
  --button-border-color: transparent;
  --button-color: var(--palette-black);
  --button-hover-background-color: var(--palette-white-80);
  --button-hover-border-color: transparent;
  --button-hover-color: var(--palette-black);
  --button-disabled-background-color: var(--palette-white-95);
  --button-disabled-border-color: transparent;
  --button-disabled-color: var(--palette-black-80);
}

.button-light-outline {
  --button-background-color: transparent;
  --button-border-color: var(--palette-white-60);
  --button-color: var(--palette-white-90);
  --button-hover-background-color: var(--palette-white-7);
  --button-hover-border-color: var(--palette-white-80);
  --button-hover-color: var(--palette-white);
  --button-disabled-background-color: var(--palette-white-95);
  --button-disabled-border-color: transparent;
  --button-disabled-color: var(--palette-black-80);
}

.button-large {
  --button-font-size: 17px;
  --button-height: 52px;
  --button-padding-x: 28px;
}

.button-small {
  --button-font-size: 14px;
  --button-height: 32px;
  --button-padding-x: 16px;
  padding-top: 0;
}

.button-round {
  --button-border-radius: 99px;
}

.card {
  position: relative;
}

.caret {
  --caret-color: currentColor;
  --caret-size: 14px;
  --caret-thickness: 1px;
  display: inline-block;
  position: relative;
  width: var(--caret-size);
  height: var(--caret-size);
}
.caret:after {
  position: absolute;
  content: "";
  width: calc(var(--caret-size) / 2);
  height: calc(var(--caret-size) / 2);
  border-bottom: var(--caret-thickness) solid var(--caret-color);
  border-right: var(--caret-thickness) solid var(--caret-color);
  top: calc(var(--caret-size) / 4);
  left: calc(var(--caret-size) / 8);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.caret-left:after {
  top: calc(var(--caret-size) / 4);
  left: calc(var(--caret-size) / 3);
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.caret-up:after {
  top: calc(var(--caret-size) / 3);
  left: calc(var(--caret-size) / 4);
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.caret-down:after {
  top: calc(var(--caret-size) / 6);
  left: calc(var(--caret-size) / 4);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.caret-strong {
  --caret-thickness: 2px;
}

.caret-large {
  --caret-size: 18px;
}

.caret-huge {
  --caret-size: 22px;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .centered-sm {
    margin-left: auto;
    margin-right: auto;
  }

  .uncentered-sm {
    margin-left: initial;
    margin-right: initial;
  }
}
.checkbox,
.radio {
  --checkbox-radio-color: var(--text-default);
  --checkbox-radio-font-size: 15px;
  --checkbox-radio-font-weight: normal;
  --checkbox-radio-font-style: normal;
  --checkbox-radio-text-transform: none;
  --checkbox-radio-line-height: var(--body-text-line);
  --checkbox-radio-letter-spacing: 0;
  --checkbox-radio-space: 1rem;
  font-size: var(--checkbox-radio-font-size);
  font-weight: var(--checkbox-radio-font-weight);
  font-style: var(--checkbox-radio-font-style);
  line-height: var(--checkbox-radio-line-height);
  text-transform: var(--checkbox-radio-text-transform);
  letter-spacing: var(--checkbox-radio-letter-spacing);
  color: var(--checkbox-radio-color);
  cursor: pointer;
}
.checkbox.disabled,
.radio.disabled {
  opacity: 0.5;
  cursor: default;
}
.checkbox + .checkbox, .checkbox + .radio,
.radio + .checkbox,
.radio + .radio {
  margin-top: var(--checkbox-radio-space);
}

.checkbox-light,
.radio-light {
  --checkbox-radio-color: var(--text-light);
}

.checkbox-group,
.radio-group {
  --checkbox-radio-group-space: 1em;
}
.checkbox-group .checkbox,
.checkbox-group .radio,
.radio-group .checkbox,
.radio-group .radio {
  display: inline-block;
  margin-bottom: 0;
  margin-right: var(--checkbox-radio-group-space);
}

.close {
  --close-color: currentColor;
  --close-size: 14px;
  --close-thickness: 1px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: var(--close-size);
  height: var(--close-size);
  opacity: 0.65;
}
.close:before, .close:after {
  position: absolute;
  content: "";
  top: calc((var(--close-size) - var(--close-thickness)) / 2);
  left: 0;
  right: 0;
  height: var(--close-thickness);
  background: var(--close-color);
  border-radius: var(--close-thickness);
}
.close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.close:hover {
  opacity: 1;
}

.close-strong {
  --close-thickness: 2px;
}

.close-small {
  --close-size: 10px;
}

.close-medium {
  --close-size: 12px;
}

.close-large {
  --close-size: 16px;
}

.close-huge {
  --close-size: 20px;
}

pre,
.code {
  --code-background-color: var(--palette-neutral-lightest);
  --code-color: var(--text-default);
  --code-border-color: transparent;
  --code-font-size: 14px;
  --code-font-family: var(--font-mono);
  --code-line-height: 1.5;
  --code-padding: 4rem;
  --code-border-radius: var(--radius-base);
  --code-border-width: 1px;
  --code-border-style: solid;
  overflow: auto;
  white-space: pre;
  font-family: var(--code-font-family);
  font-size: var(--code-font-size);
  line-height: var(--code-line-height);
  padding: var(--code-padding);
  border-radius: var(--code-border-radius);
  border-width: var(--code-border-width);
  border-style: var(--code-border-style);
  border-color: var(--code-border-color);
  background-color: var(--code-background-color);
  color: var(--code-color);
}
pre code,
.code code {
  padding: 0;
  border: 0;
  font-size: 100%;
  display: block;
  line-height: inherit;
  background: none;
}

.code-light {
  --code-background-color: var(--palette-white-20);
  --code-color: var(--text-light);
  --code-border-color: transparent;
}

.container-small {
  max-width: 400px;
}

.container-content {
  max-width: 800px;
}

.container-medium {
  max-width: 1000px;
}

.container {
  max-width: 1112px;
}

.container-large {
  max-width: 1240px;
}

.container-full {
  max-width: 100%;
}

.container-huge {
  max-width: 1600px;
}

.container-1 {
  max-width: calc((100%/12*1) - 8rem/2);
}

.container-2 {
  max-width: calc((100%/12*2) - 8rem/2);
}

.container-3 {
  max-width: calc((100%/12*3) - 8rem/2);
}

.container-4 {
  max-width: calc((100%/12*4) - 8rem/2);
}

.container-5 {
  max-width: calc((100%/12*5) - 8rem/2);
}

.container-6 {
  max-width: calc((100%/12*6) - 8rem/2);
}

.container-7 {
  max-width: calc((100%/12*7) - 8rem/2);
}

.container-8 {
  max-width: calc((100%/12*8) - 8rem/2);
}

.container-9 {
  max-width: calc((100%/12*9) - 8rem/2);
}

.container-10 {
  max-width: calc((100%/12*10) - 8rem/2);
}

.container-11 {
  max-width: calc((100%/12*11) - 8rem/2);
}

.container-12 {
  max-width: calc((100%/12*12) - 8rem/2);
}

@media only screen and (max-width: 767px) {
  .container,
[class^=container-],
[class*=" container-"] {
    max-width: none;
  }
}
.container-crop {
  overflow: hidden;
}

.hidden {
  display: none !important;
}

.visible {
  display: block;
}

.visible-lg,
.visible-md,
.visible-sm {
  display: none;
}

@media only screen and (min-width: 1442px) {
  .visible-lg {
    display: block;
  }

  .hidden-lg {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .visible-md {
    display: block;
  }

  .hidden-md {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .visible-sm {
    display: block;
  }

  .hidden-sm {
    display: none;
  }
}
.visually-hidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

.divider,
hr {
  --divider-color: var(--divider-default);
  --divider-space: 1.5em;
  --divider-size: 1px;
  --divider-length: auto;
  --divider-style: solid;
  position: relative;
  line-height: 1;
  background: none;
  border: none;
  text-align: left;
  width: var(--divider-length);
  height: var(--divider-size);
  border-top-width: var(--divider-size);
  border-top-style: var(--divider-style);
  border-top-color: var(--divider-color);
}

hr {
  margin-top: var(--divider-space);
  margin-bottom: var(--divider-space);
}

.divider-vertical {
  border-top: none;
  width: var(--divider-size);
  height: var(--divider-length);
  border-left-width: var(--divider-size);
  border-left-style: var(--divider-style);
  border-left-color: var(--divider-color);
}

.divider-dashed {
  --divider-style: dashed;
}

.divider-dotted {
  --divider-style: dotted;
}

.divider-2 {
  --divider-size: 2px;
}

.divider-3 {
  --divider-size: 3px;
}

.divider-4 {
  --divider-size: 4px;
}

.divider-6 {
  --divider-size: 6px;
}

.divider-8 {
  --divider-size: 8px;
}

.divider-10 {
  --divider-size: 10px;
}

.divider-small {
  --divider-length: 60px;
}

.divider-medium {
  --divider-length: 80px;
}

.divider-large {
  --divider-length: 100px;
}

.divider-default {
  --divider-color: var(--palette-black-10);
}

.divider-dark-medium {
  --divider-color: var(--palette-black-25);
}

.divider-dark {
  --divider-color: var(--palette-black);
}

.divider-primary {
  --divider-color: var(--palette-primary-base);
}

.divider-light {
  --divider-color: var(--palette-white);
}

.divider-light-muted {
  --divider-color: var(--palette-white-30);
}

.edges {
  padding-left: 5rem;
  padding-right: 5rem;
}

@media only screen and (max-width: 767px) {
  .edges-sm {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.embed-responsive {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 56.25%;
  height: 0;
}
.embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

figcaption {
  --figcaption-color: var(--text-default);
  --figcaption-background-color: transparent;
  --figcaption-font-size: 12px;
  --figcaption-line-height: var(--body-text-line);
  --figcaption-font-style: normal;
  --figcaption-font-weight: normal;
  --figcaption-text-transform: none;
  --figcaption-letter-spacing: 0;
  --figcaption-space: 4px;
  --figcaption-padding: 0;
  --figcaption-border-radius: 0;
  display: block;
  margin-top: var(--figcaption-space);
  font-style: var(--figcaption-font-style);
  font-size: var(--figcaption-font-size);
  font-weight: var(--figcaption-font-weight);
  text-transform: var(--figcaption-text-transform);
  letter-spacing: var(--figcaption-letter-spacing);
  line-height: var(--figcaption-line-height);
  padding: var(--figcaption-padding);
  border-radius: var(--figcaption-border-radius);
  background-color: var(--figcaption-background-color);
  color: var(--figcaption-color);
}

.flex {
  display: flex;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-off {
  flex: 0 !important;
}

.flex-none {
  flex: 0 0 auto !important;
}

.flex-shrink-off {
  flex-shrink: 0;
}

.flex-top {
  align-items: flex-start !important;
}

.flex-baseline {
  align-items: baseline;
}

.flex-middle {
  align-items: center;
}

.flex-bottom {
  align-items: flex-end;
}

.flex-start {
  justify-content: flex-start !important;
}

.flex-end {
  justify-content: flex-end;
}

.flex-center {
  justify-content: center;
}

.flex-between {
  justify-content: space-between;
}

.flex-around {
  justify-content: space-around;
}

.flex-column {
  flex-direction: column;
}

.flex-overflow {
  display: flex;
  flex-wrap: nowrap !important;
  overflow-y: hidden;
  overflow-x: auto;
}

.flex-layout {
  display: flex;
}

.flex-content {
  flex-grow: 1;
  min-width: 0;
}

.flex-sidebar {
  --flex-sidebar-width: auto;
  flex: 0 0 var(--flex-sidebar-width);
}

.flex-sidebar {
  --flex-sidebar-width: 300px;
}

@media only screen and (max-width: 767px) {
  .flex-sidebar {
    --flex-sidebar-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .flex-row-sm {
    flex-direction: row;
  }

  .flex-layout,
.flex-column-sm {
    flex-direction: column;
  }

  .flex-off-sm {
    flex: 0 !important;
  }

  .flex-wrap-sm {
    flex-wrap: wrap;
  }

  .flex-top-sm {
    align-items: flex-start;
  }

  .flex-middle-sm {
    align-items: center;
  }

  .flex-baseline-sm {
    align-items: baseline;
  }

  .flex-bottom-sm {
    align-items: flex-end;
  }

  .flex-between-sm {
    justify-content: space-between;
  }

  .flex-around-sm {
    justify-content: space-around;
  }

  .flex-center-sm {
    justify-content: center;
  }

  .flex-start-sm {
    justify-content: flex-start;
  }

  .flex-end-sm {
    justify-content: flex-end;
  }
}
.form {
  --form-item-space: var(--type-space-form-item-to-item);
}
.form .form-item {
  margin-bottom: var(--form-item-space);
}
.form .form-item .form-item {
  margin-bottom: 0;
}

label {
  --form-label-color: var(--text-default);
  --form-background-color: transparent;
  --form-label-font-size: 15px;
  --form-label-line-height: var(--body-text-line);
  --form-label-font-weight: normal;
  --form-label-font-style: normal;
  --form-label-text-transform: none;
  --form-label-letter-spacing: 0;
  --form-label-space: 0.15em;
  --form-label-border-radius: 0;
  --form-label-padding: 0;
  display: block;
  font-size: var(--form-label-font-size);
  font-weight: var(--form-label-font-weight);
  font-style: var(--form-label-font-style);
  line-height: var(--form-label-line-height);
  text-transform: var(--form-label-text-transform);
  letter-spacing: var(--form-label-letter-spacing);
  margin-bottom: var(--form-label-space);
  border-radius: var(--form-label-border-radius);
  padding: var(--form-padding);
  color: var(--form-label-color);
  background-color: var(--form-label-background-color);
}

.form-label-light {
  --form-label-color: var(--text-light);
}

[class^=gr-],
[class*=" gr-"] {
  --gradient-color: transparent;
  background: var(--gradient-color);
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
}

.grid + .grid {
  margin-top: 8rem;
}

.grid-gutterless {
  grid-column-gap: 0;
}

.grid-gapless {
  grid-row-gap: 0;
}
.grid-gapless + .grid {
  margin-top: 0;
}

.grid-auto {
  grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
}

.grid-1 {
  grid-template-columns: repeat(1, 1fr);
}

.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid-7 {
  grid-template-columns: repeat(7, 1fr);
}

.grid-8 {
  grid-template-columns: repeat(8, 1fr);
}

.grid-9 {
  grid-template-columns: repeat(9, 1fr);
}

.grid-10 {
  grid-template-columns: repeat(10, 1fr);
}

.grid-11 {
  grid-template-columns: repeat(11, 1fr);
}

.grid-12 {
  grid-template-columns: repeat(12, 1fr);
}

.column-1 {
  grid-column-end: span 1;
}

.column-2 {
  grid-column-end: span 2;
}

.column-3 {
  grid-column-end: span 3;
}

.column-4 {
  grid-column-end: span 4;
}

.column-5 {
  grid-column-end: span 5;
}

.column-6 {
  grid-column-end: span 6;
}

.column-7 {
  grid-column-end: span 7;
}

.column-8 {
  grid-column-end: span 8;
}

.column-9 {
  grid-column-end: span 9;
}

.column-10 {
  grid-column-end: span 10;
}

.column-11 {
  grid-column-end: span 11;
}

.column-12 {
  grid-column-end: span 12;
}

@media only screen and (max-width: 1023px) {
  .column-1-md {
    grid-column-end: span 1;
  }

  .column-2-md {
    grid-column-end: span 2;
  }

  .column-3-md {
    grid-column-end: span 3;
  }

  .column-4-md {
    grid-column-end: span 4;
  }

  .column-5-md {
    grid-column-end: span 5;
  }

  .column-6-md {
    grid-column-end: span 6;
  }

  .column-7-md {
    grid-column-end: span 7;
  }

  .column-8-md {
    grid-column-end: span 8;
  }

  .column-9-md {
    grid-column-end: span 9;
  }

  .column-10-md {
    grid-column-end: span 10;
  }

  .column-11-md {
    grid-column-end: span 11;
  }

  .column-12-md {
    grid-column-end: span 12;
  }

  .grid-1-md {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-2-md {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-3-md {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-4-md {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-5-md {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-6-md {
    grid-template-columns: repeat(6, 1fr);
  }

  .grid-7-md {
    grid-template-columns: repeat(7, 1fr);
  }

  .grid-8-md {
    grid-template-columns: repeat(8, 1fr);
  }

  .grid-9-md {
    grid-template-columns: repeat(9, 1fr);
  }

  .grid-10-md {
    grid-template-columns: repeat(10, 1fr);
  }

  .grid-11-md {
    grid-template-columns: repeat(11, 1fr);
  }

  .grid-12-md {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .grid,
.grid-auto {
    grid-template-columns: repeat(1, 1fr);
  }

  .column {
    grid-column-end: span 1;
  }

  .column:empty {
    display: none;
  }

  .grid-1-sm {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-2-sm {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-3-sm {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-4-sm {
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-5-sm {
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-6-sm {
    grid-template-columns: repeat(6, 1fr);
  }

  .grid-7-sm {
    grid-template-columns: repeat(7, 1fr);
  }

  .grid-8-sm {
    grid-template-columns: repeat(8, 1fr);
  }

  .grid-9-sm {
    grid-template-columns: repeat(9, 1fr);
  }

  .grid-10-sm {
    grid-template-columns: repeat(10, 1fr);
  }

  .grid-11-sm {
    grid-template-columns: repeat(11, 1fr);
  }

  .grid-12-sm {
    grid-template-columns: repeat(12, 1fr);
  }
}
.gutter-1 {
  grid-column-gap: 4px;
}

.gutter-2 {
  grid-column-gap: 8px;
}

.gutter-3 {
  grid-column-gap: 12px;
}

.gutter-4 {
  grid-column-gap: 16px;
}

.gutter-5 {
  grid-column-gap: 20px;
}

.gutter-6 {
  grid-column-gap: 24px;
}

.gutter-7 {
  grid-column-gap: 28px;
}

.gutter-8 {
  grid-column-gap: 32px;
}

.gutter-9 {
  grid-column-gap: 36px;
}

.gutter-10 {
  grid-column-gap: 40px;
}

.gutter-11 {
  grid-column-gap: 44px;
}

.gutter-12 {
  grid-column-gap: 48px;
}

.gutter-13 {
  grid-column-gap: 52px;
}

.gutter-14 {
  grid-column-gap: 56px;
}

.gutter-15 {
  grid-column-gap: 60px;
}

.gutter-20 {
  grid-column-gap: 80px;
}

.gutter-25 {
  grid-column-gap: 100px;
}

.gutter-30 {
  grid-column-gap: 120px;
}

.gutter-16 {
  grid-column-gap: 64px;
}

.gutter-24 {
  grid-column-gap: 96px;
}

@media only screen and (max-width: 1023px) {
  .gutter-1-md {
    grid-column-gap: 4px;
  }

  .gutter-2-md {
    grid-column-gap: 8px;
  }

  .gutter-3-md {
    grid-column-gap: 12px;
  }

  .gutter-4-md {
    grid-column-gap: 16px;
  }

  .gutter-5-md {
    grid-column-gap: 20px;
  }

  .gutter-6-md {
    grid-column-gap: 24px;
  }

  .gutter-7-md {
    grid-column-gap: 28px;
  }

  .gutter-8-md {
    grid-column-gap: 32px;
  }

  .gutter-9-md {
    grid-column-gap: 36px;
  }

  .gutter-10-md {
    grid-column-gap: 40px;
  }

  .gutter-11-md {
    grid-column-gap: 44px;
  }

  .gutter-12-md {
    grid-column-gap: 48px;
  }

  .gutter-13-md {
    grid-column-gap: 52px;
  }

  .gutter-14-md {
    grid-column-gap: 56px;
  }

  .gutter-15-md {
    grid-column-gap: 60px;
  }

  .gutter-20-md {
    grid-column-gap: 80px;
  }

  .gutter-25-md {
    grid-column-gap: 100px;
  }

  .gutter-30-md {
    grid-column-gap: 120px;
  }

  .gutter-16-md {
    grid-column-gap: 64px;
  }

  .gutter-24-md {
    grid-column-gap: 96px;
  }
}
@media only screen and (max-width: 767px) {
  .gutter-1-sm {
    grid-column-gap: 4px;
  }

  .gutter-2-sm {
    grid-column-gap: 8px;
  }

  .gutter-3-sm {
    grid-column-gap: 12px;
  }

  .gutter-4-sm {
    grid-column-gap: 16px;
  }

  .gutter-5-sm {
    grid-column-gap: 20px;
  }

  .gutter-6-sm {
    grid-column-gap: 24px;
  }

  .gutter-7-sm {
    grid-column-gap: 28px;
  }

  .gutter-8-sm {
    grid-column-gap: 32px;
  }

  .gutter-9-sm {
    grid-column-gap: 36px;
  }

  .gutter-10-sm {
    grid-column-gap: 40px;
  }

  .gutter-11-sm {
    grid-column-gap: 44px;
  }

  .gutter-12-sm {
    grid-column-gap: 48px;
  }

  .gutter-13-sm {
    grid-column-gap: 52px;
  }

  .gutter-14-sm {
    grid-column-gap: 56px;
  }

  .gutter-15-sm {
    grid-column-gap: 60px;
  }

  .gutter-20-sm {
    grid-column-gap: 80px;
  }

  .gutter-25-sm {
    grid-column-gap: 100px;
  }

  .gutter-30-sm {
    grid-column-gap: 120px;
  }

  .gutter-16-sm {
    grid-column-gap: 64px;
  }

  .gutter-24-sm {
    grid-column-gap: 96px;
  }
}
.gap-1 {
  grid-row-gap: 4px;
}

.gap-1 + .gap-1 {
  margin-top: 4px;
}

.gap-2 {
  grid-row-gap: 8px;
}

.gap-2 + .gap-2 {
  margin-top: 8px;
}

.gap-3 {
  grid-row-gap: 12px;
}

.gap-3 + .gap-3 {
  margin-top: 12px;
}

.gap-4 {
  grid-row-gap: 16px;
}

.gap-4 + .gap-4 {
  margin-top: 16px;
}

.gap-5 {
  grid-row-gap: 20px;
}

.gap-5 + .gap-5 {
  margin-top: 20px;
}

.gap-6 {
  grid-row-gap: 24px;
}

.gap-6 + .gap-6 {
  margin-top: 24px;
}

.gap-7 {
  grid-row-gap: 28px;
}

.gap-7 + .gap-7 {
  margin-top: 28px;
}

.gap-8 {
  grid-row-gap: 32px;
}

.gap-8 + .gap-8 {
  margin-top: 32px;
}

.gap-9 {
  grid-row-gap: 36px;
}

.gap-9 + .gap-9 {
  margin-top: 36px;
}

.gap-10 {
  grid-row-gap: 40px;
}

.gap-10 + .gap-10 {
  margin-top: 40px;
}

.gap-11 {
  grid-row-gap: 44px;
}

.gap-11 + .gap-11 {
  margin-top: 44px;
}

.gap-12 {
  grid-row-gap: 48px;
}

.gap-12 + .gap-12 {
  margin-top: 48px;
}

.gap-13 {
  grid-row-gap: 52px;
}

.gap-13 + .gap-13 {
  margin-top: 52px;
}

.gap-14 {
  grid-row-gap: 56px;
}

.gap-14 + .gap-14 {
  margin-top: 56px;
}

.gap-15 {
  grid-row-gap: 60px;
}

.gap-15 + .gap-15 {
  margin-top: 60px;
}

.gap-20 {
  grid-row-gap: 80px;
}

.gap-20 + .gap-20 {
  margin-top: 80px;
}

.gap-25 {
  grid-row-gap: 100px;
}

.gap-25 + .gap-25 {
  margin-top: 100px;
}

.gap-30 {
  grid-row-gap: 120px;
}

.gap-30 + .gap-30 {
  margin-top: 120px;
}

.gap-16 {
  grid-row-gap: 64px;
}

.gap-16 + .gap-16 {
  margin-top: 64px;
}

.gap-24 {
  grid-row-gap: 96px;
}

.gap-24 + .gap-24 {
  margin-top: 96px;
}

@media only screen and (max-width: 1023px) {
  .gap-1-md {
    grid-row-gap: 4px;
  }

  .gap-1-md + .gap-1-md {
    margin-top: 4px;
  }

  .gap-2-md {
    grid-row-gap: 8px;
  }

  .gap-2-md + .gap-2-md {
    margin-top: 8px;
  }

  .gap-3-md {
    grid-row-gap: 12px;
  }

  .gap-3-md + .gap-3-md {
    margin-top: 12px;
  }

  .gap-4-md {
    grid-row-gap: 16px;
  }

  .gap-4-md + .gap-4-md {
    margin-top: 16px;
  }

  .gap-5-md {
    grid-row-gap: 20px;
  }

  .gap-5-md + .gap-5-md {
    margin-top: 20px;
  }

  .gap-6-md {
    grid-row-gap: 24px;
  }

  .gap-6-md + .gap-6-md {
    margin-top: 24px;
  }

  .gap-7-md {
    grid-row-gap: 28px;
  }

  .gap-7-md + .gap-7-md {
    margin-top: 28px;
  }

  .gap-8-md {
    grid-row-gap: 32px;
  }

  .gap-8-md + .gap-8-md {
    margin-top: 32px;
  }

  .gap-9-md {
    grid-row-gap: 36px;
  }

  .gap-9-md + .gap-9-md {
    margin-top: 36px;
  }

  .gap-10-md {
    grid-row-gap: 40px;
  }

  .gap-10-md + .gap-10-md {
    margin-top: 40px;
  }

  .gap-11-md {
    grid-row-gap: 44px;
  }

  .gap-11-md + .gap-11-md {
    margin-top: 44px;
  }

  .gap-12-md {
    grid-row-gap: 48px;
  }

  .gap-12-md + .gap-12-md {
    margin-top: 48px;
  }

  .gap-13-md {
    grid-row-gap: 52px;
  }

  .gap-13-md + .gap-13-md {
    margin-top: 52px;
  }

  .gap-14-md {
    grid-row-gap: 56px;
  }

  .gap-14-md + .gap-14-md {
    margin-top: 56px;
  }

  .gap-15-md {
    grid-row-gap: 60px;
  }

  .gap-15-md + .gap-15-md {
    margin-top: 60px;
  }

  .gap-20-md {
    grid-row-gap: 80px;
  }

  .gap-20-md + .gap-20-md {
    margin-top: 80px;
  }

  .gap-25-md {
    grid-row-gap: 100px;
  }

  .gap-25-md + .gap-25-md {
    margin-top: 100px;
  }

  .gap-30-md {
    grid-row-gap: 120px;
  }

  .gap-30-md + .gap-30-md {
    margin-top: 120px;
  }

  .gap-16-md {
    grid-row-gap: 64px;
  }

  .gap-16-md + .gap-16-md {
    margin-top: 64px;
  }

  .gap-24-md {
    grid-row-gap: 96px;
  }

  .gap-24-md + .gap-24-md {
    margin-top: 96px;
  }
}
@media only screen and (max-width: 767px) {
  .gap-1-sm {
    grid-row-gap: 4px;
  }

  .gap-1-sm + .gap-1-sm {
    margin-top: 4px;
  }

  .gap-2-sm {
    grid-row-gap: 8px;
  }

  .gap-2-sm + .gap-2-sm {
    margin-top: 8px;
  }

  .gap-3-sm {
    grid-row-gap: 12px;
  }

  .gap-3-sm + .gap-3-sm {
    margin-top: 12px;
  }

  .gap-4-sm {
    grid-row-gap: 16px;
  }

  .gap-4-sm + .gap-4-sm {
    margin-top: 16px;
  }

  .gap-5-sm {
    grid-row-gap: 20px;
  }

  .gap-5-sm + .gap-5-sm {
    margin-top: 20px;
  }

  .gap-6-sm {
    grid-row-gap: 24px;
  }

  .gap-6-sm + .gap-6-sm {
    margin-top: 24px;
  }

  .gap-7-sm {
    grid-row-gap: 28px;
  }

  .gap-7-sm + .gap-7-sm {
    margin-top: 28px;
  }

  .gap-8-sm {
    grid-row-gap: 32px;
  }

  .gap-8-sm + .gap-8-sm {
    margin-top: 32px;
  }

  .gap-9-sm {
    grid-row-gap: 36px;
  }

  .gap-9-sm + .gap-9-sm {
    margin-top: 36px;
  }

  .gap-10-sm {
    grid-row-gap: 40px;
  }

  .gap-10-sm + .gap-10-sm {
    margin-top: 40px;
  }

  .gap-11-sm {
    grid-row-gap: 44px;
  }

  .gap-11-sm + .gap-11-sm {
    margin-top: 44px;
  }

  .gap-12-sm {
    grid-row-gap: 48px;
  }

  .gap-12-sm + .gap-12-sm {
    margin-top: 48px;
  }

  .gap-13-sm {
    grid-row-gap: 52px;
  }

  .gap-13-sm + .gap-13-sm {
    margin-top: 52px;
  }

  .gap-14-sm {
    grid-row-gap: 56px;
  }

  .gap-14-sm + .gap-14-sm {
    margin-top: 56px;
  }

  .gap-15-sm {
    grid-row-gap: 60px;
  }

  .gap-15-sm + .gap-15-sm {
    margin-top: 60px;
  }

  .gap-20-sm {
    grid-row-gap: 80px;
  }

  .gap-20-sm + .gap-20-sm {
    margin-top: 80px;
  }

  .gap-25-sm {
    grid-row-gap: 100px;
  }

  .gap-25-sm + .gap-25-sm {
    margin-top: 100px;
  }

  .gap-30-sm {
    grid-row-gap: 120px;
  }

  .gap-30-sm + .gap-30-sm {
    margin-top: 120px;
  }

  .gap-16-sm {
    grid-row-gap: 64px;
  }

  .gap-16-sm + .gap-16-sm {
    margin-top: 64px;
  }

  .gap-24-sm {
    grid-row-gap: 96px;
  }

  .gap-24-sm + .gap-24-sm {
    margin-top: 96px;
  }
}
.column-offset-1 {
  grid-column-start: 2;
}

.column-offset-2 {
  grid-column-start: 3;
}

.column-offset-3 {
  grid-column-start: 4;
}

.column-offset-4 {
  grid-column-start: 5;
}

.column-offset-5 {
  grid-column-start: 6;
}

.column-offset-6 {
  grid-column-start: 7;
}

.column-offset-7 {
  grid-column-start: 8;
}

.column-offset-8 {
  grid-column-start: 9;
}

.column-offset-9 {
  grid-column-start: 10;
}

.column-offset-10 {
  grid-column-start: 11;
}

.column-offset-11 {
  grid-column-start: 12;
}

.column-offset-12 {
  grid-column-start: 13;
}

@media only screen and (max-width: 767px) {
  [class^=column-offset-],
[class*=" column-offset-"] {
    grid-column-start: unset;
  }
}
@media only screen and (max-width: 767px) {
  .order-first-sm {
    order: -1;
  }

  .order-last-sm {
    order: 6;
  }

  .order-1-sm {
    order: 1;
  }

  .order-2-sm {
    order: 2;
  }

  .order-3-sm {
    order: 3;
  }

  .order-4-sm {
    order: 4;
  }

  .order-5-sm {
    order: 5;
  }

  .order-6-sm {
    order: 6;
  }
}
.heading-tagline {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.heading-semibold {
  font-weight: var(--font-weight-semibold);
}

.heading-normal {
  font-weight: normal;
}

.heading-heavy {
  font-weight: var(--font-weight-heavy);
}

[class^=heading-],
[class*=" heading-"] {
  --heading-color: var(--heading-default);
  --heading-font-size: inherit;
  --heading-line-height: inherit;
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  color: var(--heading-color);
}

[class^=heading-gradient],
[class^=heading-gradient] a,
[class*=" heading-gradient"],
[class*=" heading-gradient"] a {
  display: inline-block;
  background-clip: text;
  background-color: #000;
  background-image: var(--heading-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[class^=heading-gradient] a,
[class^=heading-gradient] a:hover,
[class*=" heading-gradient"] a,
[class*=" heading-gradient"] a:hover {
  opacity: 1;
}

.heading-giga {
  --heading-font-size: 96px;
  --heading-line-height: 1.1;
}
.heading-xxmega {
  --heading-font-size: 80px;
  --heading-line-height: 1.15;
}
.heading-xmega {
  --heading-font-size: 72px;
  --heading-line-height: 1.15;
}
.heading-mega {
  --heading-font-size: 64px;
  --heading-line-height: 1.15;
}
.heading-xxhuge {
  --heading-font-size: 60px;
  --heading-line-height: 1.15;
}
.heading-xhuge {
  --heading-font-size: 56px;
  --heading-line-height: 1.15;
}
.heading-huge {
  --heading-font-size: 48px;
  --heading-line-height: 1.2;
}
.heading-xxlarge {
  --heading-font-size: 44px;
  --heading-line-height: 1.2;
}
.heading-xlarge {
  --heading-font-size: 40px;
  --heading-line-height: 1.2;
}
.heading-large {
  --heading-font-size: 36px;
  --heading-line-height: 1.2;
}
.heading-xxmedium {
  --heading-font-size: 32px;
  --heading-line-height: 1.3;
}
.heading-xmedium {
  --heading-font-size: 28px;
  --heading-line-height: 1.3;
}
.heading-medium {
  --heading-font-size: 24px;
  --heading-line-height: 1.3;
}
.heading-small {
  --heading-font-size: 20px;
  --heading-line-height: 1.4;
}
.heading-micro {
  --heading-font-size: 16px;
  --heading-line-height: 1.5;
}
.heading-tagline {
  --heading-font-size: 11px;
  --heading-line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .heading-giga {
    --heading-font-size: 60px;
    --heading-line-height: 1.15;
  }
  .heading-xxmega {
    --heading-font-size: 60px;
    --heading-line-height: 1.15;
  }
  .heading-xmega {
    --heading-font-size: 60px;
    --heading-line-height: 1.15;
  }
  .heading-mega {
    --heading-font-size: 60px;
    --heading-line-height: 1.15;
  }
}
.heading {
  --heading-color: var(--palette-white);
}

.heading-dark-medium {
  --heading-color: var(--palette-black-70);
}

.heading-muted {
  --heading-color: var(--palette-white-50);
}

.heading-light {
  --heading-color: var(--palette-white-95);
}

.heading-light-medium {
  --heading-color: var(--palette-white-70);
}

.heading-primary {
  --heading-color: var(--palette-primary-base);
}

.heading-moderated {
  --heading-color: var(--palette-white-70);
}

.heading-light-moderated {
  --heading-color: var(--palette-white-80);
}

.hint {
  --hint-color: var(--palette-black-50);
  --hint-font-size: 13px;
  --hint-font-weight: normal;
  --hint-font-style: normal;
  --hint-line-height: var(--body-text-line);
  font-size: var(--hint-font-size);
  font-weight: var(--hint-font-weight);
  font-style: var(--hint-font-style);
  line-height: var(--hint-line-height);
  color: var(--hint-color);
}

label .hint {
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
}

div.hint {
  margin-top: 2px;
}

.hint-light {
  --hint-color: var(--palette-white-70);
}

.hint-success {
  --hint-color: var(--palette-positive-dark);
}

.hint-success.hint-light {
  --hint-color: var(--palette-positive-mid);
}

.hint-error {
  --hint-color: var(--palette-negative-dark);
}

.hint-req {
  --hint-color: var(--palette-negative-base);
  --hint-font-weight: bold;
  font-size: 105%;
}

.hint-req.hint-light,
.hint-error.hint-light {
  --hint-color: var(--palette-negative-mid);
}

.icon {
  --icon-size: 1em;
  --icon-color: currentColor;
  display: inline-block;
}
.icon svg {
  display: inline-block;
  vertical-align: middle;
}

.icon-text {
  --icon-size: 1em;
  --icon-color: currentColor;
  display: inline-flex;
  align-self: center;
  position: relative;
  top: 0.125em;
}

.icon svg,
.icon-text svg {
  fill: var(--icon-color);
  height: var(--icon-size);
  width: var(--icon-size);
}

.icon-dark,
a.icon-dark {
  --icon-color: var(--palette-black);
}

.icon-light,
a.icon-light {
  --icon-color: var(--palette-white);
}

.icon-primary,
a.icon-primary {
  --icon-color: var(--palette-primary-base);
}

.icon-12 {
  --icon-size: 12px;
}

.icon-14 {
  --icon-size: 14px;
}

.icon-16 {
  --icon-size: 16px;
}

.icon-20 {
  --icon-size: 20px;
}

.icon-24 {
  --icon-size: 24px;
}

.icon-32 {
  --icon-size: 32px;
}

.icon-48 {
  --icon-size: 48px;
}

.icon-64 {
  --icon-size: 64px;
}

@media only screen and (max-width: 767px) {
  .icon-12-sm {
    --icon-size: 12px;
  }

  .icon-14-sm {
    --icon-size: 14px;
  }

  .icon-16-sm {
    --icon-size: 16px;
  }

  .icon-20-sm {
    --icon-size: 20px;
  }

  .icon-24-sm {
    --icon-size: 24px;
  }

  .icon-32-sm {
    --icon-size: 32px;
  }

  .icon-48-sm {
    --icon-size: 48px;
  }

  .icon-64-sm {
    --icon-size: 64px;
  }
}
.iconbox {
  --iconbox-space: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  line-height: 0;
  padding: var(--iconbox-space);
}

.iconbox-small {
  --iconbox-space: 4px;
}

.iconbox-medium {
  --iconbox-space: 6px;
}

.iconbox-large {
  --iconbox-space: 10px;
}

.iconbox-huge {
  --iconbox-space: 12px;
}

.image-cover {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.image-cover img {
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
}

.image-overlay {
  --image-overlay-color: transparent;
  --image-overlay-opacity: 1;
  position: relative;
}
.image-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--image-overlay-color);
  opacity: var(--image-overlay-opacity);
}

.image-overlay-light {
  --image-overlay-color: var(--palette-white-50);
}

.image-overlay-dark {
  --image-overlay-color: var(--palette-black-50);
}

.image-32 {
  width: 32px;
  height: 32px;
}

.image-48 {
  width: 48px;
  height: 48px;
}

.image-64 {
  width: 64px;
  height: 64px;
}

.image-96px {
  width: 96px;
  height: 96px;
}

.image-128 {
  width: 128px;
  height: 128px;
}

dfn,
abbr {
  font-size: 95%;
}

cite,
small,
var,
kbd,
code {
  font-size: 85%;
}

sup,
sub {
  font-size: 65%;
}

var,
code,
kbd {
  display: inline-block;
  font-family: var(--font-mono);
  font-style: normal;
  line-height: 1;
  vertical-align: baseline;
}

kbd,
code {
  border-radius: var(--radius-base);
}

kbd {
  color: var(--inline-kbd-color);
  background-color: var(--inline-kbd-background-color);
  border: 1px solid var(--inline-kbd-border-color);
  padding: 0.2em 0.4em;
}

var {
  color: var(--inline-var-color);
  background-color: var(--inline-var-background-color);
  border: 1px solid var(--inline-var-border-color);
}

code {
  position: relative;
  top: -1px;
  padding: 0.2em 0.4em 0.2em;
  color: var(--inline-code-color);
  background-color: var(--inline-code-background-color);
  border: 1px solid var(--inline-code-border-color);
}

mark {
  background-color: yellow;
  color: black;
}

b,
strong {
  font-weight: bold;
}

dfn,
abbr[title] {
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
  cursor: help;
}

cite {
  color: var(--inline-cite-color);
  font-style: italic;
}

sub,
sup {
  line-height: 1;
  margin-left: 2px;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

.input {
  --input-color: var(--palette-neutral-darker);
  --input-border-color: var(--palette-black-20);
  --input-background-color: var(--palette-white);
  --input-box-shadow: none;
  --input-focus-color: var(--palette-neutral-darker);
  --input-focus-border-color: transparent;
  --input-focus-outline-color: var(--palette-active-mid);
  --input-focus-background-color: var(--palette-white);
  --input-focus-box-shadow: none;
  --input-font-size: 15px;
  --input-line-height: var(--body-text-line);
  --input-border-radius: var(--radius-base);
  --input-padding: 0.3em 0.5em;
  --input-border-width: 1px;
  --input-border-style: solid;
  --input-outline-offset: -2px;
  --input-outline-width: 2px;
  --input-outline-style: solid;
  --input-box-shadow: none;
  --input-height: 42px;
  --input-select-toggle: url('data:image/svg+xml;utf8,<svg height="6" viewBox="0 0 10 6" width="10" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(0,0,0)" opacity=".6" d="m6.6168815 3-4.44908109-4.09883609c-.22373388-.20615371-.22373388-.54039492 0-.74654863s.58647818-.20615371.81021206 0l4.85418712 4.47211041c.22373388.20615371.22373388.54039491 0 .74654862l-4.85418712 4.47211041c-.22373388.20615371-.58647818.20615371-.81021206 0s-.22373388-.54039492 0-.74654863z" fill-rule="evenodd" transform="matrix(0 1 -1 0 8 -2)"/></svg>');
  display: block;
  width: 100%;
  font-family: inherit;
  vertical-align: middle;
  font-weight: normal;
  padding: var(--input-padding);
  font-size: var(--input-font-size);
  line-height: var(--input-line-height);
  border-radius: var(--input-border-radius);
  border-width: var(--input-border-width);
  border-style: var(--input-border-style);
  border-color: var(--input-border-color);
  color: var(--input-color);
  background-color: var(--input-background-color);
  box-shadow: var(--input-box-shadow);
  height: var(--input-height);
}
.input.disabled, .input:disabled {
  resize: none;
  opacity: 0.6;
  cursor: default;
}
.input:focus {
  color: var(--input-focus-color);
  border-color: var(--input-focus-border-color);
  background-color: var(--input-focus-background-color);
  box-shadow: var(--input-focus-box-shadow);
  outline-color: var(--input-focus-outline-color);
  outline-style: var(--input-outline-style);
  outline-width: var(--input-outline-width);
  outline-offset: var(--input-outline-offset);
}
.input[type=radio], .input[type=checkbox] {
  outline: 2px solid var(--input-outline-color);
}

.input-small {
  --input-height: 36px;
  --input-font-size: 14px;
}

.input-large {
  --input-height: 52px;
  --input-font-size: 18px;
  --input-padding: 0.3em 0.4em;
}

.input-round {
  --input-border-radius: 99px;
  --input-padding: 0.3em 1em;
}

.input-light {
  --input-color: var(--palette-white-90);
  --input-border-color: var(--palette-white-40);
  --input-background-color: var(--palette-white-15);
  --input-box-shadow: none;
  --input-focus-color: var(--palette-white-90);
  --input-focus-outline-color: var(--palette-white-60);
  --input-focus-border-color: transparent;
  --input-focus-background-color: var(--palette-white-20);
}
.input-light::-webkit-input-placeholder {
  color: var(--placeholder-light);
}
.input-light::-moz-placeholder {
  color: var(--placeholder-light);
}
.input-light:-ms-input-placeholder {
  color: var(--placeholder-light);
}
.input-light::placeholder {
  color: var(--placeholder-light);
}

.input-error {
  --input-color: var(--palette-negative-dark);
  --input-border-color: var(--palette-negative-base);
  --input-outline-color: var(--palette-negative-base);
  --input-focus-color: var(--palette-negative-base);
  --input-focus-box-shadow: none;
  --input-focus-border-color: transparent;
  --input-focus-outline-color: var(--palette-negative-base);
}

.input-success {
  --input-color: var(--palette-positive-dark);
  --input-border-color: var(--palette-positive-base);
  --input-outline-color: var(--palette-positive-base);
  --input-focus-color: var(--palette-positive-base);
  --input-focus-box-shadow: none;
  --input-focus-border-color: transparent;
  --input-focus-outline-color: var(--palette-positive-base);
}

textarea,
textarea.input {
  --input-height: auto !important;
  resize: vertical;
  vertical-align: top;
}

select.input {
  -webkit-appearance: none;
  background-image: var(--input-select-toggle);
  background-repeat: no-repeat;
  background-position: right 0.65em center;
  padding-right: 28px !important;
}

select[multiple].input {
  --input-height: auto !important;
  background-image: none !important;
  padding: var(--input-padding) !important;
}

input[type=file] {
  --input-height: auto !important;
  width: auto;
  border: none;
  padding: 0;
  font-size: 13px;
  background: none;
  box-shadow: none;
  display: inline-block;
}

input[type=radio],
input[type=checkbox] {
  --input-height: auto !important;
  display: inline-block;
  width: auto;
  box-shadow: none;
  padding: 0;
}

.input-addon {
  --input-addon-color: var(--palette-black-60);
  --input-addon-background-color: var(--palette-black-5);
  --input-addon-border-color: var(--palette-black-10);
  --input-addon-font-size: 14px;
  --input-addon-padding: 0 0.85em;
  --input-addon-border-radius: var(--radius-small);
  --input-addon-border-width: 1px;
  --input-addon-border-style: solid;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  font-size: var(--input-addon-font-size);
  padding: var(--input-addon-padding);
  border-radius: var(--input-addon-border-radius);
  color: var(--input-addon-color);
  background-color: var(--input-addon-background-color);
  border-width: var(--input-addon-border-width);
  border-style: var(--input-addon-border-style);
  border-color: var(--input-addon-border-color);
}

.input-group {
  display: flex;
}
.input-group .input {
  flex: 1;
  margin-left: -1px;
  margin-right: -1px;
}
.input-group > :not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.item {
  position: relative;
}

.label {
  --label-background-color: var(--palette-neutral-lighter);
  --label-border-color: transparent;
  --label-color: var(--palette-neutral-darker);
  --label-font-size: 12px;
  --label-font-weight: var(--font-weight-semibold);
  --label-border-radius: var(--radius-medium);
  --label-padding: 6px 10px;
  --label-border-width: 1px;
  --label-border-style: solid;
  --label-text-transform: none;
  --label-close-size: 10px;
  --label-close-space: 3px;
  font-weight: var(--label-font-weight);
  font-size: var(--label-font-size);
  border-radius: var(--label-border-radius);
  padding: var(--label-padding);
  border-width: var(--label-border-width);
  border-style: var(--label-border-style);
  text-transform: var(--label-text-transform);
  color: var(--label-color);
  border-color: var(--label-border-color);
  background-color: var(--label-background-color);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  vertical-align: baseline;
  text-decoration: none;
  line-height: 1;
}
.label a {
  color: inherit;
  text-decoration: none;
}
.label a:hover {
  color: inherit;
  text-decoration: underline;
}
.label .close {
  --close-size: var(--label-close-size);
  margin-left: var(--label-close-space);
  margin-right: -2px;
}

a.label:hover {
  opacity: 1;
  text-decoration: underline;
  color: var(--label-color);
}

.label-dark {
  --label-background-color: var(--palette-black);
  --label-border-color: transparent;
  --label-color: var(--palette-negative-lightest);
}

.label-light {
  --label-background-color: var(--palette-white);
  --label-border-color: transparent;
  --label-color: var(--palette-black);
}

.link-stretched:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.link-strong {
  font-weight: bold;
}

.link-semibold {
  font-weight: var(--font-weight-semibold);
}

.link-italic {
  font-style: italic;
}

.link-block {
  display: block;
}

.link-underline {
  text-decoration: underline;
}

.link-underline-off {
  text-decoration: none !important;
}

.link-ghost {
  text-decoration: none;
}

.link-ghost:hover {
  text-decoration: underline;
}

.link-icon,
.link-caret {
  display: flex;
  align-items: center;
}

.link-caret .caret {
  top: 1px;
}

.link-icon {
  --link-icon-space: 4px;
  gap: var(--link-icon-space);
}

[class^=link-],
[class*=" link-"] {
  --link-color: var(--link-default-color);
  --link-hover-color: var(--link-default-hover-color);
  --link-border-color: transparent;
  --link-hover-border-color: transparent;
  --link-background-color: transparent;
  --link-hover-background-color: transparent;
  --link-border-width: 1px;
  --link-border-style: solid;
  color: var(--link-color);
  background-color: var(--link-background-color);
  border-color: var(--link-border-color);
  border-style: var(--link-border-style);
  border-width: var(--link-border-width);
}
[class^=link-]:hover,
[class*=" link-"]:hover {
  color: var(--link-hover-color);
  background-color: var(--link-hover-background-color);
  border-color: var(--link-hover-border-color);
}

.link-giga {
  font-size: 32px;
}
.link-mega {
  font-size: 24px;
}
.link-huge {
  font-size: 20px;
}
.link-large {
  font-size: 18px;
}
.link-medium {
  font-size: 14px;
}
.link-small {
  font-size: 13px;
}
.link-tiny {
  font-size: 12px;
}
.link-atomic {
  font-size: 10px;
}

.link {
  --link-color: var(--palette-white);
  --link-hover-color: var(--palette-black);
}

.link-dark {
  --link-color: var(--palette-black);
  --link-hover-color: var(--palette-black-60);
}

.link-dark-medium {
  --link-color: var(--palette-black-70);
  --link-hover-color: var(--palette-black);
}

.link-muted {
  --link-color: var(--palette-white-50);
  --link-hover-color: var(--palette-white);
}

.link-light {
  --link-color: var(--palette-white-95);
  --link-hover-color: var(--palette-white-60);
}

.link-light-medium {
  --link-color: var(--palette-white-70);
  --link-hover-color: var(--palette-white);
}

.link-primary {
  --link-color: var(--palette-primary-base);
  --link-hover-color: var(--palette-black);
}

.link-moderated {
  --link-color: var(--palette-white-70);
  --link-hover-color: var(--palette-white);
}

.list-unstyled,
.list-inline,
.list-checkmark,
.list-dashed {
  list-style: none;
  margin-left: 0;
}

.list-inline li {
  display: inline;
  white-space: nowrap;
  margin-right: 0.25em;
}

.list-checkmark,
.list-dashed {
  position: relative;
}

.list-checkmark {
  --list-mark-color: var(--text-default);
  --list-mark: "✓";
  padding-left: 1.3em;
}

.list-dashed {
  --list-mark-color: var(--text-default);
  --list-mark: "—";
  padding-left: 1.35em;
}

.list-checkmark li:before,
.list-dashed li:before {
  position: absolute;
  left: 0;
  content: var(--list-mark);
  color: var(--list-mark-color);
}

.list-checkmark.list-light {
  --list-color: var(--palette-white-90);
  --list-mark-color: var(--palette-white-80);
}

.list-dashed.list-light {
  --list-color: var(--palette-white-90);
  --list-mark-color: var(--palette-white-80);
}

.list {
  --list-item-color: var(--text-default);
  --list-font-size: 15px;
  --list-line-height: 1.3;
  --list-item-space: 0;
  --list-item-padding-y: 6px;
  --list-item-padding-x: 0;
  --list-item-font-weight: normal;
  list-style: none;
  margin-left: 0;
  color: var(--list-color);
}
.list .list-item {
  font-size: var(--list-font-size);
  font-weight: var(--list-item-font-weight);
  line-height: var(--list-line-height);
  padding-top: var(--list-item-padding-y);
  padding-bottom: var(--list-item-padding-y);
  padding-left: var(--list-item-padding-x);
  padding-right: var(--list-item-padding-x);
  margin-bottom: var(--list-item-space);
  color: var(--list-item-color);
}
.list .list-item:last-child {
  margin-bottom: 0;
}
.list .list-item .list {
  width: 100%;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 5rem;
}
.list .list + h4,
.list .list + h5,
.list .list + h6 {
  margin-top: 5rem;
}
.list .label {
  margin-top: -2px;
}

.list-medium {
  --list-font-size: 14px;
}

.list-small {
  --list-font-size: 13px;
}

.list-light {
  --list-item-color: var(--palette-white-90);
}

.list-strong {
  --list-item-font-weight: bold;
}

.list-semibold {
  --list-item-font-weight: var(--font-weight-semibold);
}

.list-stacked {
  --list-item-border-color: var(--palette-black-7);
  --list-item-padding-y: 8px;
  --list-item-border-width: 1px;
  --list-item-border-style: solid;
}
.list-stacked .list-item {
  border-bottom-width: var(--list-item-border-width);
  border-bottom-style: var(--list-item-border-style);
  border-bottom-color: var(--list-item-border-color);
}
.list-stacked .list-item:last-child {
  border-bottom-color: transparent;
}

.list-stacked.list-light {
  --list-border-color: var(--palette-white-20);
}

.list-bordered {
  --list-border-color: var(--palette-black-7);
  --list-border-width: 1px;
  --list-border-style: solid;
  --list-border-radius: var(--radius-base);
  --list-item-padding-y: 6px;
  --list-item-padding-x: 12px;
  --list-item-space: 1px;
  border-width: var(--list-border-width);
  border-radius: var(--list-border-radius);
  border-style: var(--list-border-style);
  border-color: var(--list-border-color);
}
.list-bordered .list-item:last-child {
  margin-bottom: 0;
}

.list-bordered.list-light {
  --list-border-color: var(--palette-white-20);
}

.list-numbered {
  --list-number-color: var(--palette-black-60);
  --list-number-font-size: 80%;
  --list-number-width: 22px;
  counter-reset: numbers;
}
.list-numbered .list-item {
  display: flex;
  align-items: center;
  counter-increment: numbers;
}
.list-numbered .list-item:before {
  width: var(--list-number-width);
  font-size: var(--list-number-font-size);
  content: counter(numbers, decimal-leading-zero);
  color: var(--list-number-color);
}

.list-numbered.list-light {
  --list-number-color: var(--palette-white-60);
}

.list-numbered-right .list-item {
  position: relative;
  padding-right: calc(var(--list-number-width) + 4px);
}
.list-numbered-right .list-item:before {
  display: none;
}
.list-numbered-right .list-item:after {
  position: absolute;
  right: 0;
  width: var(--list-number-width);
  font-size: var(--list-number-font-size);
  content: counter(numbers, decimal-leading-zero);
  text-align: right;
  color: var(--list-number-color);
}

.menu {
  --menu-link-color: var(--palette-black);
  --menu-link-background-color: transparent;
  --menu-link-hover-color: var(--palette-black-60);
  --menu-link-hover-background-color: transparent;
  --menu-link-active-color: var(--palette-black-40);
  --menu-link-active-background-color: transparent;
  --menu-font-size: 15px;
  --menu-nested-margin: 5rem;
  --menu-line-height: 1.3;
  --menu-link-padding-x: 0;
  --menu-link-padding-y: 6px;
  --menu-link-font-weight: normal;
  --menu-link-active-font-weight: normal;
  --menu-item-space: 0;
  --menu-item-padding: 0;
  font-size: var(--menu-font-size);
  line-height: var(--menu-line-height);
}
.menu .menu-item {
  padding: var(--menu-item-padding);
  margin-bottom: var(--menu-item-space);
}
.menu .menu-item:last-child {
  margin-bottom: 0;
}
.menu .menu-item.active .menu-link {
  text-decoration: none;
  font-weight: var(--menu-link-active-font-weight);
  color: var(--menu-link-active-color);
  background-color: var(--menu-link-active-background-color);
}
.menu .menu-link {
  display: flex;
  align-items: center;
  flex: 1;
  text-decoration: none;
  font-weight: var(--menu-link-font-weight);
  padding-top: var(--menu-link-padding-y);
  padding-bottom: var(--menu-link-padding-y);
  padding-left: var(--menu-link-padding-x);
  padding-right: var(--menu-link-padding-x);
  color: var(--menu-link-color);
  background-color: var(--menu-link-background-color);
}
.menu .menu-link:hover {
  text-decoration: underline;
  color: var(--menu-link-hover-color);
  background-color: var(--menu-link-hover-background-color);
}
.menu .menu-link-box {
  display: flex;
  align-items: center;
}
.menu .menu {
  margin-left: var(--menu-nested-margin);
}
.menu .menu-flat {
  margin-left: 0;
}
.menu .menu-list + h4,
.menu .menu-list + h5,
.menu .menu-list + h6 {
  margin-top: 5rem;
}
.menu .label {
  margin-top: -2px;
}

.menu-medium {
  --menu-font-size: 14px;
}

.menu-small {
  --menu-font-size: 13px;
}

.menu-semibold .menu-link {
  --menu-link-font-weight: var(--font-weight-semibold);
  --menu-link-active-font-weight: var(--font-weight-semibold);
}
.menu-semibold .caret {
  --caret-thickness: 2px;
}

.menu-strong .menu-link {
  --menu-link-font-weight: bold;
  --menu-link-active-font-weight: bold;
}
.menu-strong .caret {
  --caret-thickness: 2px;
}

.menu-underline .menu-link {
  text-decoration: underline;
}

.menu-underline-off .menu-link:hover {
  text-decoration: none;
}

.menu-primary {
  --menu-link-color: var(--palette-primary-dark);
  --menu-link-hover-color: var(--palette-primary-darker);
  --menu-link-active-color: var(--palette-black-40);
}

.menu-muted {
  --menu-link-color: var(--palette-black-60);
  --menu-link-hover-color: var(--palette-black);
  --menu-link-active-color: var(--palette-black);
}

.menu-light {
  --menu-link-color: var(--palette-white-80);
  --menu-link-hover-color: var(--palette-white);
  --menu-link-active-color: var(--palette-white-50);
}

.menu-stacked {
  --menu-item-border-color: var(--palette-black-7);
  --menu-link-padding-y: 8px;
  --menu-item-border-width: 1px;
  --menu-item-border-style: solid;
}
.menu-stacked .menu-item {
  border-bottom-width: var(--menu-item-border-width);
  border-bottom-style: var(--menu-item-border-style);
  border-bottom-color: var(--menu-item-border-color);
}
.menu-stacked .menu-item:last-child {
  border-bottom-color: transparent;
}

.menu-stacked.menu-light {
  --menu-item-border-color: var(--palette-white-20);
}

.menu-pills {
  --menu-link-color: var(--palette-black);
  --menu-link-hover-background-color: var(--palette-black-10);
  --menu-link-active-color: var(--palette-neutral-lightest);
  --menu-link-active-background-color: var(--palette-black);
  --menu-link-padding-y: 6px;
  --menu-link-padding-x: 10px;
  --menu-link-border-radius: var(--radius-base);
  --menu-item-space: 1px;
}
.menu-pills .menu-link {
  border-radius: var(--menu-link-border-radius);
}
.menu-pills .menu-link:hover {
  text-decoration: none;
}

.menu-numbered {
  --menu-number-color: var(--palette-black-60);
  --menu-number-font-size: 80%;
  --menu-number-width: 22px;
}
.menu-numbered .menu-list {
  counter-reset: numbers;
}
.menu-numbered .menu-item {
  display: flex;
  align-items: center;
  counter-increment: numbers;
}
.menu-numbered .menu-item:before {
  width: var(--menu-number-width);
  font-size: var(--menu-number-font-size);
  content: counter(numbers, decimal-leading-zero);
  color: var(--menu-number-color);
}

.menu-numbered.menu-light {
  --menu-number-color: var(--palette-white-60);
}

.menu-numbered-right .menu-item:before {
  display: none;
}
.menu-numbered-right .menu-item:after {
  width: var(--menu-number-width);
  font-size: var(--menu-number-font-size);
  content: counter(numbers, decimal-leading-zero);
  text-align: right;
}

.nav {
  --nav-link-color: var(--palette-black);
  --nav-link-background-color: transparent;
  --nav-link-hover-color: var(--palette-black-60);
  --nav-link-hover-background-color: transparent;
  --nav-link-active-color: var(--palette-black-40);
  --nav-link-active-background-color: transparent;
  --nav-font-size: 14px;
  --nav-item-space: 6rem;
  --nav-link-padding: 0;
  --nav-link-border-radius: 0;
  --nav-link-font-weight: normal;
  --nav-link-active-font-weight: normal;
  font-size: var(--nav-font-size);
}
.nav .nav-list {
  display: flex;
  align-items: center;
}
.nav .nav-item {
  display: flex;
  align-items: center;
  margin-right: var(--nav-item-space);
}
.nav .nav-item.active .nav-link {
  text-decoration: none;
  font-weight: var(--nav-link-active-font-weight);
  color: var(--nav-link-active-color);
  background-color: var(--nav-link-active-background-color);
}
.nav .nav-link {
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  line-height: 1;
  font-weight: var(--nav-link-font-weight);
  padding: var(--nav-link-padding);
  border-radius: var(--nav-link-border-radius);
  color: var(--nav-link-color);
  background-color: var(--nav-link-background-color);
}
.nav .nav-link:hover {
  text-decoration: underline;
  color: var(--nav-link-hover-color);
  background-color: var(--nav-link-hover-background-color);
}
.nav .caret {
  margin-left: 2px;
}

.nav-small {
  --nav-font-size: 13px;
  --nav-item-space: 5rem;
}

.nav-semibold .nav-link {
  --nav-link-font-weight: var(--font-weight-semibold);
  --nav-link-active-font-weight: var(--font-weight-semibold);
}
.nav-semibold .caret {
  --caret-thickness: 2px;
}

.nav-strong .nav-link {
  --nav-link-font-weight: bold;
  --nav-link-active-font-weight: bold;
}
.nav-strong .caret {
  --caret-thickness: 2px;
}

.nav-underline .nav-link {
  text-decoration: underline;
}

.nav-underline-off .nav-link:hover {
  text-decoration: none;
}

.nav-primary {
  --nav-link-color: var(--palette-primary-dark);
  --nav-link-hover-color: var(--palette-primary-darker);
  --nav-link-active-color: var(--palette-black-40);
}

.nav-light {
  --nav-link-color: var(--palette-white-80);
  --nav-link-hover-color: var(--palette-white);
  --nav-link-active-color: var(--palette-white-50);
}

.nav-muted {
  --nav-link-color: var(--palette-black-60);
  --nav-link-hover-color: var(--palette-black);
  --nav-link-active-color: var(--palette-black);
}

.nav-pills {
  --nav-link-color: var(--palette-black);
  --nav-link-hover-background-color: var(--palette-black-10);
  --nav-link-active-color: var(--palette-neutral-lightest);
  --nav-link-active-background-color: var(--palette-black);
  --nav-item-space: 1rem;
  --nav-link-padding: 7px 16px;
  --nav-link-border-radius: 99px;
}
.nav-pills .nav-link:hover {
  text-decoration: none;
}

.nav-pills.nav-light {
  --nav-link-color: var(--palette-white-70);
  --nav-link-hover-background-color: var(--palette-white-30);
  --nav-link-active-color: var(--palette-black);
  --nav-link-active-background-color: var(--palette-white-95);
}

.nav-points {
  --nav-border-color: var(--palette-black-10);
  --nav-link-color: var(--palette-black-50);
  --nav-link-border-color: transparent;
  --nav-link-background-color: transparent;
  --nav-link-hover-color: var(--palette-black);
  --nav-link-hover-border-color: var(--palette-black);
  --nav-link-hover-background-color: var(--palette-neutral-lightest);
  --nav-link-active-color: var(--palette-black);
  --nav-link-active-border-color: var(--palette-black);
  --nav-link-active-background-color: transparent;
  --nav-border-width: 2px;
  --nav-item-space: 1px;
  --nav-link-padding: 12px 14px 10px 14px;
}
.nav-points .nav-list {
  border-bottom-width: var(--nav-border-width);
  border-bottom-style: solid;
  border-bottom-color: var(--nav-border-color);
}
.nav-points .nav-item.active .nav-link {
  border-bottom-color: var(--nav-link-active-border-color);
}
.nav-points .nav-link {
  border-bottom-width: var(--nav-border-width);
  margin-bottom: calc(var(--nav-border-width) * -1);
  border-bottom-style: solid;
  border-bottom-color: var(--nav-link-border-color);
}
.nav-points .nav-link:hover {
  text-decoration: none;
  border-bottom-color: var(--nav-link-hover-border-color);
}

.nav-points.nav-light {
  --nav-border-color: var(--palette-white-20);
  --nav-link-color: var(--palette-white-60);
  --nav-link-hover-color: var(--palette-white);
  --nav-link-hover-border-color: var(--palette-white);
  --nav-link-hover-background-color: var(--palette-white-30);
  --nav-link-active-color: var(--palette-white);
  --nav-link-active-border-color: var(--palette-white);
}

.nav-tabs {
  --nav-link-color: var(--palette-black-50);
  --nav-link-background-color: var(--palette-black-5);
  --nav-link-hover-color: var(--palette-black);
  --nav-link-hover-background-color: var(--palette-white);
  --nav-link-active-color: var(--palette-black);
  --nav-link-active-background-color: var(--palette-white);
  --nav-item-space: 1px;
  --nav-link-padding: 12px 16px 10px 16px;
}
.nav-tabs .nav-link:hover {
  text-decoration: none;
}

.nav-tabs.nav-light {
  --nav-link-color: var(--palette-white-70);
  --nav-link-background-color: var(--palette-white-20);
}

.nav-switcher {
  --nav-border-color: var(--palette-black-10);
  --nav-link-color: var(--palette-black-50);
  --nav-link-border-color: transparent;
  --nav-link-background-color: transparent;
  --nav-link-hover-color: var(--palette-black);
  --nav-link-hover-border-color: var(--palette-black);
  --nav-link-hover-background-color: transparent;
  --nav-link-active-color: var(--palette-black);
  --nav-link-active-border-color: var(--palette-black);
  --nav-link-active-background-color: transparent;
  --nav-border-width: 1px;
  --nav-item-space: 1px;
  --nav-link-padding: 8px 16px;
  --nav-link-border-radius: 99px;
  --nav-link-border-width: 2px;
}
.nav-switcher .nav-list {
  display: inline-flex;
  border-color: var(--nav-border-color);
  border-width: var(--nav-border-width);
  border-style: solid;
  border-radius: var(--nav-link-border-radius);
}
.nav-switcher .nav-item {
  margin-top: calc(var(--nav-border-width) * -1);
  margin-bottom: calc(var(--nav-border-width) * -1);
}
.nav-switcher .nav-item.active .nav-link {
  border-color: var(--nav-link-active-border-color);
}
.nav-switcher .nav-link {
  border-width: var(--nav-link-border-width);
  border-color: var(--nav-link-border-color);
  border-style: solid;
}
.nav-switcher .nav-link:hover {
  text-decoration: none;
  border-color: var(--nav-link-hover-border-color);
}

.nav-switcher.nav-light {
  --nav-border-color: var(--palette-white-30);
  --nav-link-color: var(--palette-white-60);
  --nav-link-hover-color: var(--palette-white);
  --nav-link-hover-border-color: var(--palette-white);
  --nav-link-active-color: var(--palette-white);
  --nav-link-active-border-color: var(--palette-white);
}

.nav-centered {
  --nav-item-space: 3rem;
  flex: 1 1 auto;
}
.nav-centered .nav-list {
  justify-content: center;
}
.nav-centered .nav-item {
  margin-left: var(--nav-item-space);
  margin-right: var(--nav-item-space);
}

.nav-centered.nav-pills {
  --nav-item-space: 0.5rem;
}

.nav-centered.nav-points,
.nav-centered.nav-tabs,
.nav-centered.nav-switcher {
  --nav-item-space: 1px;
}

.nav-centered.nav-switcher {
  flex: initial;
  margin-left: auto;
  margin-right: auto;
}

.nav-right .nav-item {
  margin-left: var(--nav-item-space);
  margin-right: 0;
}

.nav-right.nav-points,
.nav-right.nav-tabs {
  --nav-item-space: 1px;
}
.nav-right.nav-points .nav-item,
.nav-right.nav-tabs .nav-item {
  margin-left: 0;
  margin-right: var(--nav-item-space);
}
.nav-right.nav-points .nav-item:last-child,
.nav-right.nav-tabs .nav-item:last-child {
  margin-right: 0;
}

.nav-right.nav-pills {
  --nav-item-space: 1rem;
}
.nav-right.nav-pills .nav-item {
  margin-left: var(--nav-item-space);
  margin-right: 0;
}

.nav-full {
  flex: 1;
}
.nav-full .nav-item {
  flex: 1;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
}
.nav-full .nav-link {
  flex: 1;
  justify-content: center;
}

.nav-full.nav-tabs .nav-item {
  margin-right: var(--nav-item-space);
}
.nav-full.nav-tabs .nav-item:last-child {
  margin-right: 0;
}

.nav-full.nav-switcher .nav-list {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .nav-left-sm .nav-list {
    justify-content: start;
  }
  .nav-left-sm .nav-item {
    flex: none;
    justify-content: start;
    margin-left: 0;
    margin-right: var(--nav-item-space);
  }

  .nav-overflow-sm {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
  }
  .nav-overflow-sm .nav-list {
    display: inline-flex;
  }

  .nav-menu-sm {
    --nav-menu-item-space: 2rem;
  }
  .nav-menu-sm .nav-list {
    flex-direction: column;
    align-items: stretch;
  }
  .nav-menu-sm .nav-item {
    margin-left: 0;
    margin-right: 0;
    margin-top: var(--nav-menu-item-space);
    margin-bottom: var(--nav-menu-item-space);
  }
  .nav-menu-sm .nav-link {
    flex: 1;
    justify-content: flex-start;
  }

  .nav-menu-sm.nav-pills .nav-item {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .nav-menu-sm.nav-points .nav-list,
.nav-menu-sm.nav-points .nav-link,
.nav-menu-sm.nav-tabs .nav-list,
.nav-menu-sm.nav-tabs .nav-link,
.nav-menu-sm.nav-switcher .nav-list,
.nav-menu-sm.nav-switcher .nav-link {
    border: none;
  }
  .nav-menu-sm.nav-points .nav-item,
.nav-menu-sm.nav-tabs .nav-item,
.nav-menu-sm.nav-switcher .nav-item {
    margin-top: 0;
    margin-bottom: 1px;
  }

  .nav-uncentered-sm {
    flex: 0;
  }
  .nav-uncentered-sm .nav-list {
    justify-content: flex-start;
  }
}
.navbar {
  --navbar-height: 16rem;
}
.navbar .navbar-container {
  display: flex;
  height: var(--navbar-height);
}
.navbar .navbar-container > div {
  display: flex;
  align-items: center;
}
.navbar .brand,
.navbar .nav,
.navbar .nav-list,
.navbar .nav-item,
.navbar .nav-link {
  height: 100%;
}

[class^=offset-],
[class*=" offset-"] {
  position: relative;
}

.offset-left-1 {
  left: -4px;
}

.offset-right-1 {
  right: -4px;
}

.offset-top-1 {
  top: -4px;
}

.offset-bottom-1 {
  bottom: -4px;
}

.offset-left-2 {
  left: -8px;
}

.offset-right-2 {
  right: -8px;
}

.offset-top-2 {
  top: -8px;
}

.offset-bottom-2 {
  bottom: -8px;
}

.offset-left-3 {
  left: -12px;
}

.offset-right-3 {
  right: -12px;
}

.offset-top-3 {
  top: -12px;
}

.offset-bottom-3 {
  bottom: -12px;
}

.offset-left-4 {
  left: -16px;
}

.offset-right-4 {
  right: -16px;
}

.offset-top-4 {
  top: -16px;
}

.offset-bottom-4 {
  bottom: -16px;
}

.offset-left-5 {
  left: -20px;
}

.offset-right-5 {
  right: -20px;
}

.offset-top-5 {
  top: -20px;
}

.offset-bottom-5 {
  bottom: -20px;
}

.offset-left-6 {
  left: -24px;
}

.offset-right-6 {
  right: -24px;
}

.offset-top-6 {
  top: -24px;
}

.offset-bottom-6 {
  bottom: -24px;
}

.offset-left-7 {
  left: -28px;
}

.offset-right-7 {
  right: -28px;
}

.offset-top-7 {
  top: -28px;
}

.offset-bottom-7 {
  bottom: -28px;
}

.offset-left-8 {
  left: -32px;
}

.offset-right-8 {
  right: -32px;
}

.offset-top-8 {
  top: -32px;
}

.offset-bottom-8 {
  bottom: -32px;
}

.offset-left-9 {
  left: -36px;
}

.offset-right-9 {
  right: -36px;
}

.offset-top-9 {
  top: -36px;
}

.offset-bottom-9 {
  bottom: -36px;
}

.offset-left-10 {
  left: -40px;
}

.offset-right-10 {
  right: -40px;
}

.offset-top-10 {
  top: -40px;
}

.offset-bottom-10 {
  bottom: -40px;
}

.offset-left-11 {
  left: -44px;
}

.offset-right-11 {
  right: -44px;
}

.offset-top-11 {
  top: -44px;
}

.offset-bottom-11 {
  bottom: -44px;
}

.offset-left-12 {
  left: -48px;
}

.offset-right-12 {
  right: -48px;
}

.offset-top-12 {
  top: -48px;
}

.offset-bottom-12 {
  bottom: -48px;
}

.offset-left-13 {
  left: -52px;
}

.offset-right-13 {
  right: -52px;
}

.offset-top-13 {
  top: -52px;
}

.offset-bottom-13 {
  bottom: -52px;
}

.offset-left-14 {
  left: -56px;
}

.offset-right-14 {
  right: -56px;
}

.offset-top-14 {
  top: -56px;
}

.offset-bottom-14 {
  bottom: -56px;
}

.offset-left-15 {
  left: -60px;
}

.offset-right-15 {
  right: -60px;
}

.offset-top-15 {
  top: -60px;
}

.offset-bottom-15 {
  bottom: -60px;
}

.offset-left-20 {
  left: -80px;
}

.offset-right-20 {
  right: -80px;
}

.offset-top-20 {
  top: -80px;
}

.offset-bottom-20 {
  bottom: -80px;
}

.offset-left-25 {
  left: -100px;
}

.offset-right-25 {
  right: -100px;
}

.offset-top-25 {
  top: -100px;
}

.offset-bottom-25 {
  bottom: -100px;
}

.offset-left-30 {
  left: -120px;
}

.offset-right-30 {
  right: -120px;
}

.offset-top-30 {
  top: -120px;
}

.offset-bottom-30 {
  bottom: -120px;
}

.offset-left-16 {
  left: -64px;
}

.offset-right-16 {
  right: -64px;
}

.offset-top-16 {
  top: -64px;
}

.offset-bottom-16 {
  bottom: -64px;
}

.offset-left-24 {
  left: -96px;
}

.offset-right-24 {
  right: -96px;
}

.offset-top-24 {
  top: -96px;
}

.offset-bottom-24 {
  bottom: -96px;
}

@media only screen and (max-width: 767px) {
  .offset-off-sm {
    left: initial;
    right: initial;
    top: initial;
    bottom: initial;
  }

  .offset-left-off-sm {
    left: initial;
  }

  .offset-right-off-sm {
    right: initial;
  }

  .offset-top-off-sm {
    top: initial;
  }

  .offset-bottom-off-sm {
    bottom: initial;
  }

  .offset-left-1-sm {
    left: -4px;
  }

  .offset-right-1-sm {
    right: -4px;
  }

  .offset-top-1-sm {
    top: -4px;
  }

  .offset-bottom-1-sm {
    bottom: -4px;
  }

  .offset-left-2-sm {
    left: -8px;
  }

  .offset-right-2-sm {
    right: -8px;
  }

  .offset-top-2-sm {
    top: -8px;
  }

  .offset-bottom-2-sm {
    bottom: -8px;
  }

  .offset-left-3-sm {
    left: -12px;
  }

  .offset-right-3-sm {
    right: -12px;
  }

  .offset-top-3-sm {
    top: -12px;
  }

  .offset-bottom-3-sm {
    bottom: -12px;
  }

  .offset-left-4-sm {
    left: -16px;
  }

  .offset-right-4-sm {
    right: -16px;
  }

  .offset-top-4-sm {
    top: -16px;
  }

  .offset-bottom-4-sm {
    bottom: -16px;
  }

  .offset-left-5-sm {
    left: -20px;
  }

  .offset-right-5-sm {
    right: -20px;
  }

  .offset-top-5-sm {
    top: -20px;
  }

  .offset-bottom-5-sm {
    bottom: -20px;
  }

  .offset-left-6-sm {
    left: -24px;
  }

  .offset-right-6-sm {
    right: -24px;
  }

  .offset-top-6-sm {
    top: -24px;
  }

  .offset-bottom-6-sm {
    bottom: -24px;
  }

  .offset-left-7-sm {
    left: -28px;
  }

  .offset-right-7-sm {
    right: -28px;
  }

  .offset-top-7-sm {
    top: -28px;
  }

  .offset-bottom-7-sm {
    bottom: -28px;
  }

  .offset-left-8-sm {
    left: -32px;
  }

  .offset-right-8-sm {
    right: -32px;
  }

  .offset-top-8-sm {
    top: -32px;
  }

  .offset-bottom-8-sm {
    bottom: -32px;
  }

  .offset-left-9-sm {
    left: -36px;
  }

  .offset-right-9-sm {
    right: -36px;
  }

  .offset-top-9-sm {
    top: -36px;
  }

  .offset-bottom-9-sm {
    bottom: -36px;
  }

  .offset-left-10-sm {
    left: -40px;
  }

  .offset-right-10-sm {
    right: -40px;
  }

  .offset-top-10-sm {
    top: -40px;
  }

  .offset-bottom-10-sm {
    bottom: -40px;
  }

  .offset-left-11-sm {
    left: -44px;
  }

  .offset-right-11-sm {
    right: -44px;
  }

  .offset-top-11-sm {
    top: -44px;
  }

  .offset-bottom-11-sm {
    bottom: -44px;
  }

  .offset-left-12-sm {
    left: -48px;
  }

  .offset-right-12-sm {
    right: -48px;
  }

  .offset-top-12-sm {
    top: -48px;
  }

  .offset-bottom-12-sm {
    bottom: -48px;
  }

  .offset-left-13-sm {
    left: -52px;
  }

  .offset-right-13-sm {
    right: -52px;
  }

  .offset-top-13-sm {
    top: -52px;
  }

  .offset-bottom-13-sm {
    bottom: -52px;
  }

  .offset-left-14-sm {
    left: -56px;
  }

  .offset-right-14-sm {
    right: -56px;
  }

  .offset-top-14-sm {
    top: -56px;
  }

  .offset-bottom-14-sm {
    bottom: -56px;
  }

  .offset-left-15-sm {
    left: -60px;
  }

  .offset-right-15-sm {
    right: -60px;
  }

  .offset-top-15-sm {
    top: -60px;
  }

  .offset-bottom-15-sm {
    bottom: -60px;
  }

  .offset-left-20-sm {
    left: -80px;
  }

  .offset-right-20-sm {
    right: -80px;
  }

  .offset-top-20-sm {
    top: -80px;
  }

  .offset-bottom-20-sm {
    bottom: -80px;
  }

  .offset-left-25-sm {
    left: -100px;
  }

  .offset-right-25-sm {
    right: -100px;
  }

  .offset-top-25-sm {
    top: -100px;
  }

  .offset-bottom-25-sm {
    bottom: -100px;
  }

  .offset-left-30-sm {
    left: -120px;
  }

  .offset-right-30-sm {
    right: -120px;
  }

  .offset-top-30-sm {
    top: -120px;
  }

  .offset-bottom-30-sm {
    bottom: -120px;
  }

  .offset-left-16-sm {
    left: -64px;
  }

  .offset-right-16-sm {
    right: -64px;
  }

  .offset-top-16-sm {
    top: -64px;
  }

  .offset-bottom-16-sm {
    bottom: -64px;
  }

  .offset-left-24-sm {
    left: -96px;
  }

  .offset-right-24-sm {
    right: -96px;
  }

  .offset-top-24-sm {
    top: -96px;
  }

  .offset-bottom-24-sm {
    bottom: -96px;
  }
}
.position-relative,
.position-base {
  position: relative;
}

.position-under,
.position-over {
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.position-under > *,
.position-over > * {
  pointer-events: all;
}

.position-under {
  z-index: 1;
}

.position-base {
  z-index: 2;
}

.position-over {
  z-index: 3;
}

.push-bottom {
  margin-top: auto;
}

.push-top {
  margin-bottom: auto;
}

.push-right {
  margin-left: auto;
}

.push-left {
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .push-bottom-sm {
    margin-top: auto;
  }

  .push-top-sm {
    margin-bottom: auto;
  }

  .push-right-sm {
    margin-left: auto;
  }

  .push-left-sm {
    margin-right: auto;
  }

  .push-bottom-off-sm {
    margin-top: initial;
  }

  .push-top-off-sm {
    margin-bottom: initial;
  }

  .push-right-off-sm {
    margin-left: initial;
  }

  .push-left-off-sm {
    margin-right: initial;
  }
}
blockquote,
.quote {
  --quote-color: var(--text-default);
  --quote-background-color: transparent;
  --quote-font-size: 18px;
  --quote-font-style: italic;
  --quote-font-weight: normal;
  --quote-line-height: var(--body-text-line);
  --quote-padding-x: 0;
  --quote-padding-y: 0;
  --quote-space: 0.25em;
  --quote-border-radius: 0;
  padding-top: var(--quote-padding-y);
  padding-bottom: var(--quote-padding-y);
  padding-left: var(--quote-padding-x);
  padding-right: var(--quote-padding-x);
  border-radius: var(--quote-border-radius);
  background-color: var(--quote-background-color);
}
blockquote p,
.quote p {
  font-style: var(--quote-font-style);
  font-weight: var(--quote-font-weight);
  font-size: var(--quote-font-size);
  line-height: var(--quote-line-height);
  color: var(--quote-color);
}
blockquote p + p,
.quote p + p {
  margin-top: var(--quote-space);
}
blockquote .quote-caption,
.quote .quote-caption {
  --quote-caption-color: var(--text-default);
  --quote-caption-background-color: transparent;
  --quote-caption-font-size: 14px;
  --quote-caption-font-style: italic;
  --quote-caption-font-weight: normal;
  --quote-caption-line-height: var(--body-text-line);
  font-style: var(--quote-caption-font-style);
  font-weight: var(--quote-caption-font-weight);
  font-size: var(--quote-caption-font-size);
  line-height: var(--quote-caption-line-height);
  color: var(--quote-caption-color);
}

.quote-light {
  --quote-color: var(--text-light);
  --quote-background-color: transparent;
}
.quote-light .quote-caption {
  --quote-caption-color: var(--text-light);
  --quote-caption-background-color: transparent;
}

.radius-circle {
  border-radius: 9999px;
}

.radius-small {
  border-radius: 2px;
}

.radius-top-small {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.radius-bottom-small {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.radius-left-small {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.radius-right-small {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.radius-medium {
  border-radius: 4px;
}

.radius-top-medium {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.radius-bottom-medium {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.radius-left-medium {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.radius-right-medium {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.radius-base {
  border-radius: 6px;
}

.radius-top-base {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.radius-bottom-base {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.radius-left-base {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.radius-right-base {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.radius-large {
  border-radius: 8px;
}

.radius-top-large {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.radius-bottom-large {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.radius-left-large {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.radius-right-large {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.radius-huge {
  border-radius: 12px;
}

.radius-top-huge {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.radius-bottom-huge {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.radius-left-huge {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.radius-right-huge {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

@media only screen and (max-width: 767px) {
  .radius-off-sm {
    border-radius: 0;
  }

  .radius-circle-sm {
    border-radius: 9999px;
  }

  .radius-small-sm {
    border-radius: 2px;
  }

  .radius-top-small-sm {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }

  .radius-bottom-small-sm {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
  }

  .radius-left-small-sm {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  .radius-right-small-sm {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }

  .radius-medium-sm {
    border-radius: 4px;
  }

  .radius-top-medium-sm {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .radius-bottom-medium-sm {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .radius-left-medium-sm {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .radius-right-medium-sm {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .radius-base-sm {
    border-radius: 6px;
  }

  .radius-top-base-sm {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }

  .radius-bottom-base-sm {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .radius-left-base-sm {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .radius-right-base-sm {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .radius-large-sm {
    border-radius: 8px;
  }

  .radius-top-large-sm {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .radius-bottom-large-sm {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .radius-left-large-sm {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .radius-right-large-sm {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .radius-huge-sm {
    border-radius: 12px;
  }

  .radius-top-huge-sm {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

  .radius-bottom-huge-sm {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .radius-left-huge-sm {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
  }

  .radius-right-huge-sm {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
}
.row .input {
  width: auto;
  flex: 1 0 auto;
}
.row > * {
  margin-top: 0;
  margin-bottom: 0;
}

.row-1 {
  gap: 4px;
}

.row-2 {
  gap: 8px;
}

.row-3 {
  gap: 12px;
}

.row-4 {
  gap: 16px;
}

.row-5 {
  gap: 20px;
}

.row-6 {
  gap: 24px;
}

.row-7 {
  gap: 28px;
}

.row-8 {
  gap: 32px;
}

.row-9 {
  gap: 36px;
}

.row-10 {
  gap: 40px;
}

.row-11 {
  gap: 44px;
}

.row-12 {
  gap: 48px;
}

.row-13 {
  gap: 52px;
}

.row-14 {
  gap: 56px;
}

.row-15 {
  gap: 60px;
}

.row-20 {
  gap: 80px;
}

.row-25 {
  gap: 100px;
}

.row-30 {
  gap: 120px;
}

.row-16 {
  gap: 64px;
}

.row-24 {
  gap: 96px;
}

@media only screen and (max-width: 767px) {
  .row-column-sm {
    flex-direction: column;
  }

  .row-1-sm {
    gap: 4px;
  }

  .row-2-sm {
    gap: 8px;
  }

  .row-3-sm {
    gap: 12px;
  }

  .row-4-sm {
    gap: 16px;
  }

  .row-5-sm {
    gap: 20px;
  }

  .row-6-sm {
    gap: 24px;
  }

  .row-7-sm {
    gap: 28px;
  }

  .row-8-sm {
    gap: 32px;
  }

  .row-9-sm {
    gap: 36px;
  }

  .row-10-sm {
    gap: 40px;
  }

  .row-11-sm {
    gap: 44px;
  }

  .row-12-sm {
    gap: 48px;
  }

  .row-13-sm {
    gap: 52px;
  }

  .row-14-sm {
    gap: 56px;
  }

  .row-15-sm {
    gap: 60px;
  }

  .row-20-sm {
    gap: 80px;
  }

  .row-25-sm {
    gap: 100px;
  }

  .row-30-sm {
    gap: 120px;
  }

  .row-16-sm {
    gap: 64px;
  }

  .row-24-sm {
    gap: 96px;
  }
}
[class^=shadow-],
[class*=" shadow-"] {
  --shadow: none;
  box-shadow: var(--shadow);
}

.shadow-100 {
  --shadow: var(--shadow-100);
}

.shadow-150 {
  --shadow: var(--shadow-150);
}

.shadow-200 {
  --shadow: var(--shadow-200);
}

.shadow-250 {
  --shadow: var(--shadow-250);
}

.shadow-300 {
  --shadow: var(--shadow-300);
}

.shadow-350 {
  --shadow: var(--shadow-350);
}

.max-20 {
  width: 20%;
  min-width: 20%;
  max-width: 20%;
}

.h-20 {
  height: 20%;
}

.max-25 {
  width: 25%;
  min-width: 25%;
  max-width: 25%;
}

.h-25 {
  height: 25%;
}

.max-30 {
  width: 30%;
  min-width: 30%;
  max-width: 30%;
}

.h-30 {
  height: 30%;
}

.max-33 {
  width: 33%;
  min-width: 33%;
  max-width: 33%;
}

.h-33 {
  height: 33%;
}

.max-40 {
  width: 40%;
  min-width: 40%;
  max-width: 40%;
}

.h-40 {
  height: 40%;
}

.max-50 {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
}

.h-50 {
  height: 50%;
}

.max-60 {
  width: 60%;
  min-width: 60%;
  max-width: 60%;
}

.h-60 {
  height: 60%;
}

.max-67 {
  width: 67%;
  min-width: 67%;
  max-width: 67%;
}

.h-67 {
  height: 67%;
}

.max-70 {
  width: 70%;
  min-width: 70%;
  max-width: 70%;
}

.h-70 {
  height: 70%;
}

.max-75 {
  width: 75%;
  min-width: 75%;
  max-width: 75%;
}

.h-75 {
  height: 75%;
}

.max-80 {
  width: 80%;
  min-width: 80%;
  max-width: 80%;
}

.h-80 {
  height: 80%;
}

.max-100 {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.h-100 {
  height: 100%;
}

.max-off {
  max-width: none;
  min-width: none;
  width: auto;
}

.h-off {
  height: auto;
}

.vh-full {
  min-height: 100vh;
}

@media only screen and (max-width: 767px) {
  .max-auto-sm {
    max-width: none;
    min-width: none;
    width: auto;
  }

  .h-auto-sm {
    height: auto;
  }
}
.p-1 {
  padding: 4px;
}

.p-2 {
  padding: 8px;
}

.p-3 {
  padding: 12px;
}

.p-4 {
  padding: 16px;
}

.p-5 {
  padding: 20px;
}

.p-6 {
  padding: 24px;
}

.p-7 {
  padding: 28px;
}

.p-8 {
  padding: 32px;
}

.p-9 {
  padding: 36px;
}

.p-10 {
  padding: 40px;
}

.p-11 {
  padding: 44px;
}

.p-12 {
  padding: 48px;
}

.p-13 {
  padding: 52px;
}

.p-14 {
  padding: 56px;
}

.p-15 {
  padding: 60px;
}

.p-20 {
  padding: 80px;
}

.p-25 {
  padding: 100px;
}

.p-30 {
  padding: 120px;
}

.p-16 {
  padding: 64px;
}

.p-24 {
  padding: 96px;
}

.my-1 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.mx-1 {
  margin-left: 4px;
  margin-right: 4px;
}

.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.px-1 {
  padding-left: 4px;
  padding-right: 4px;
}

.my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mx-2 {
  margin-left: 8px;
  margin-right: 8px;
}

.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.px-2 {
  padding-left: 8px;
  padding-right: 8px;
}

.my-3 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.mx-3 {
  margin-left: 12px;
  margin-right: 12px;
}

.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.px-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.my-4 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mx-4 {
  margin-left: 16px;
  margin-right: 16px;
}

.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.px-4 {
  padding-left: 16px;
  padding-right: 16px;
}

.my-5 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mx-5 {
  margin-left: 20px;
  margin-right: 20px;
}

.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.px-5 {
  padding-left: 20px;
  padding-right: 20px;
}

.my-6 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mx-6 {
  margin-left: 24px;
  margin-right: 24px;
}

.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.px-6 {
  padding-left: 24px;
  padding-right: 24px;
}

.my-7 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.mx-7 {
  margin-left: 28px;
  margin-right: 28px;
}

.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.px-7 {
  padding-left: 28px;
  padding-right: 28px;
}

.my-8 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.mx-8 {
  margin-left: 32px;
  margin-right: 32px;
}

.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.px-8 {
  padding-left: 32px;
  padding-right: 32px;
}

.my-9 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.mx-9 {
  margin-left: 36px;
  margin-right: 36px;
}

.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.px-9 {
  padding-left: 36px;
  padding-right: 36px;
}

.my-10 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mx-10 {
  margin-left: 40px;
  margin-right: 40px;
}

.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.px-10 {
  padding-left: 40px;
  padding-right: 40px;
}

.my-11 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.mx-11 {
  margin-left: 44px;
  margin-right: 44px;
}

.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.px-11 {
  padding-left: 44px;
  padding-right: 44px;
}

.my-12 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.mx-12 {
  margin-left: 48px;
  margin-right: 48px;
}

.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.px-12 {
  padding-left: 48px;
  padding-right: 48px;
}

.my-13 {
  margin-top: 52px;
  margin-bottom: 52px;
}

.mx-13 {
  margin-left: 52px;
  margin-right: 52px;
}

.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}

.px-13 {
  padding-left: 52px;
  padding-right: 52px;
}

.my-14 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.mx-14 {
  margin-left: 56px;
  margin-right: 56px;
}

.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.px-14 {
  padding-left: 56px;
  padding-right: 56px;
}

.my-15 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mx-15 {
  margin-left: 60px;
  margin-right: 60px;
}

.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.px-15 {
  padding-left: 60px;
  padding-right: 60px;
}

.my-20 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mx-20 {
  margin-left: 80px;
  margin-right: 80px;
}

.py-20 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.px-20 {
  padding-left: 80px;
  padding-right: 80px;
}

.my-25 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mx-25 {
  margin-left: 100px;
  margin-right: 100px;
}

.py-25 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.px-25 {
  padding-left: 100px;
  padding-right: 100px;
}

.my-30 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mx-30 {
  margin-left: 120px;
  margin-right: 120px;
}

.py-30 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.px-30 {
  padding-left: 120px;
  padding-right: 120px;
}

.my-16 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.mx-16 {
  margin-left: 64px;
  margin-right: 64px;
}

.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.px-16 {
  padding-left: 64px;
  padding-right: 64px;
}

.my-24 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.mx-24 {
  margin-left: 96px;
  margin-right: 96px;
}

.py-24 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.px-24 {
  padding-left: 96px;
  padding-right: 96px;
}

.mb-1 {
  margin-bottom: 4px;
}

.mt-1 {
  margin-top: 4px;
}

.ml-1 {
  margin-left: 4px;
}

.mr-1 {
  margin-right: 4px;
}

.mb-n1 {
  margin-bottom: -4px;
}

.mt-n1 {
  margin-top: -4px;
}

.ml-n1 {
  margin-left: -4px;
}

.mr-n1 {
  margin-right: -4px;
}

.pt-1 {
  padding-top: 4px;
}

.pb-1 {
  padding-bottom: 4px;
}

.pl-1 {
  padding-left: 4px;
}

.pr-1 {
  padding-right: 4px;
}

.mb-2 {
  margin-bottom: 8px;
}

.mt-2 {
  margin-top: 8px;
}

.ml-2 {
  margin-left: 8px;
}

.mr-2 {
  margin-right: 8px;
}

.mb-n2 {
  margin-bottom: -8px;
}

.mt-n2 {
  margin-top: -8px;
}

.ml-n2 {
  margin-left: -8px;
}

.mr-n2 {
  margin-right: -8px;
}

.pt-2 {
  padding-top: 8px;
}

.pb-2 {
  padding-bottom: 8px;
}

.pl-2 {
  padding-left: 8px;
}

.pr-2 {
  padding-right: 8px;
}

.mb-3 {
  margin-bottom: 12px;
}

.mt-3 {
  margin-top: 12px;
}

.ml-3 {
  margin-left: 12px;
}

.mr-3 {
  margin-right: 12px;
}

.mb-n3 {
  margin-bottom: -12px;
}

.mt-n3 {
  margin-top: -12px;
}

.ml-n3 {
  margin-left: -12px;
}

.mr-n3 {
  margin-right: -12px;
}

.pt-3 {
  padding-top: 12px;
}

.pb-3 {
  padding-bottom: 12px;
}

.pl-3 {
  padding-left: 12px;
}

.pr-3 {
  padding-right: 12px;
}

.mb-4 {
  margin-bottom: 16px;
}

.mt-4 {
  margin-top: 16px;
}

.ml-4 {
  margin-left: 16px;
}

.mr-4 {
  margin-right: 16px;
}

.mb-n4 {
  margin-bottom: -16px;
}

.mt-n4 {
  margin-top: -16px;
}

.ml-n4 {
  margin-left: -16px;
}

.mr-n4 {
  margin-right: -16px;
}

.pt-4 {
  padding-top: 16px;
}

.pb-4 {
  padding-bottom: 16px;
}

.pl-4 {
  padding-left: 16px;
}

.pr-4 {
  padding-right: 16px;
}

.mb-5 {
  margin-bottom: 20px;
}

.mt-5 {
  margin-top: 20px;
}

.ml-5 {
  margin-left: 20px;
}

.mr-5 {
  margin-right: 20px;
}

.mb-n5 {
  margin-bottom: -20px;
}

.mt-n5 {
  margin-top: -20px;
}

.ml-n5 {
  margin-left: -20px;
}

.mr-n5 {
  margin-right: -20px;
}

.pt-5 {
  padding-top: 20px;
}

.pb-5 {
  padding-bottom: 20px;
}

.pl-5 {
  padding-left: 20px;
}

.pr-5 {
  padding-right: 20px;
}

.mb-6 {
  margin-bottom: 24px;
}

.mt-6 {
  margin-top: 24px;
}

.ml-6 {
  margin-left: 24px;
}

.mr-6 {
  margin-right: 24px;
}

.mb-n6 {
  margin-bottom: -24px;
}

.mt-n6 {
  margin-top: -24px;
}

.ml-n6 {
  margin-left: -24px;
}

.mr-n6 {
  margin-right: -24px;
}

.pt-6 {
  padding-top: 24px;
}

.pb-6 {
  padding-bottom: 24px;
}

.pl-6 {
  padding-left: 24px;
}

.pr-6 {
  padding-right: 24px;
}

.mb-7 {
  margin-bottom: 28px;
}

.mt-7 {
  margin-top: 28px;
}

.ml-7 {
  margin-left: 28px;
}

.mr-7 {
  margin-right: 28px;
}

.mb-n7 {
  margin-bottom: -28px;
}

.mt-n7 {
  margin-top: -28px;
}

.ml-n7 {
  margin-left: -28px;
}

.mr-n7 {
  margin-right: -28px;
}

.pt-7 {
  padding-top: 28px;
}

.pb-7 {
  padding-bottom: 28px;
}

.pl-7 {
  padding-left: 28px;
}

.pr-7 {
  padding-right: 28px;
}

.mb-8 {
  margin-bottom: 32px;
}

.mt-8 {
  margin-top: 32px;
}

.ml-8 {
  margin-left: 32px;
}

.mr-8 {
  margin-right: 32px;
}

.mb-n8 {
  margin-bottom: -32px;
}

.mt-n8 {
  margin-top: -32px;
}

.ml-n8 {
  margin-left: -32px;
}

.mr-n8 {
  margin-right: -32px;
}

.pt-8 {
  padding-top: 32px;
}

.pb-8 {
  padding-bottom: 32px;
}

.pl-8 {
  padding-left: 32px;
}

.pr-8 {
  padding-right: 32px;
}

.mb-9 {
  margin-bottom: 36px;
}

.mt-9 {
  margin-top: 36px;
}

.ml-9 {
  margin-left: 36px;
}

.mr-9 {
  margin-right: 36px;
}

.mb-n9 {
  margin-bottom: -36px;
}

.mt-n9 {
  margin-top: -36px;
}

.ml-n9 {
  margin-left: -36px;
}

.mr-n9 {
  margin-right: -36px;
}

.pt-9 {
  padding-top: 36px;
}

.pb-9 {
  padding-bottom: 36px;
}

.pl-9 {
  padding-left: 36px;
}

.pr-9 {
  padding-right: 36px;
}

.mb-10 {
  margin-bottom: 40px;
}

.mt-10 {
  margin-top: 40px;
}

.ml-10 {
  margin-left: 40px;
}

.mr-10 {
  margin-right: 40px;
}

.mb-n10 {
  margin-bottom: -40px;
}

.mt-n10 {
  margin-top: -40px;
}

.ml-n10 {
  margin-left: -40px;
}

.mr-n10 {
  margin-right: -40px;
}

.pt-10 {
  padding-top: 40px;
}

.pb-10 {
  padding-bottom: 40px;
}

.pl-10 {
  padding-left: 40px;
}

.pr-10 {
  padding-right: 40px;
}

.mb-11 {
  margin-bottom: 44px;
}

.mt-11 {
  margin-top: 44px;
}

.ml-11 {
  margin-left: 44px;
}

.mr-11 {
  margin-right: 44px;
}

.mb-n11 {
  margin-bottom: -44px;
}

.mt-n11 {
  margin-top: -44px;
}

.ml-n11 {
  margin-left: -44px;
}

.mr-n11 {
  margin-right: -44px;
}

.pt-11 {
  padding-top: 44px;
}

.pb-11 {
  padding-bottom: 44px;
}

.pl-11 {
  padding-left: 44px;
}

.pr-11 {
  padding-right: 44px;
}

.mb-12 {
  margin-bottom: 48px;
}

.mt-12 {
  margin-top: 48px;
}

.ml-12 {
  margin-left: 48px;
}

.mr-12 {
  margin-right: 48px;
}

.mb-n12 {
  margin-bottom: -48px;
}

.mt-n12 {
  margin-top: -48px;
}

.ml-n12 {
  margin-left: -48px;
}

.mr-n12 {
  margin-right: -48px;
}

.pt-12 {
  padding-top: 48px;
}

.pb-12 {
  padding-bottom: 48px;
}

.pl-12 {
  padding-left: 48px;
}

.pr-12 {
  padding-right: 48px;
}

.mb-13 {
  margin-bottom: 52px;
}

.mt-13 {
  margin-top: 52px;
}

.ml-13 {
  margin-left: 52px;
}

.mr-13 {
  margin-right: 52px;
}

.mb-n13 {
  margin-bottom: -52px;
}

.mt-n13 {
  margin-top: -52px;
}

.ml-n13 {
  margin-left: -52px;
}

.mr-n13 {
  margin-right: -52px;
}

.pt-13 {
  padding-top: 52px;
}

.pb-13 {
  padding-bottom: 52px;
}

.pl-13 {
  padding-left: 52px;
}

.pr-13 {
  padding-right: 52px;
}

.mb-14 {
  margin-bottom: 56px;
}

.mt-14 {
  margin-top: 56px;
}

.ml-14 {
  margin-left: 56px;
}

.mr-14 {
  margin-right: 56px;
}

.mb-n14 {
  margin-bottom: -56px;
}

.mt-n14 {
  margin-top: -56px;
}

.ml-n14 {
  margin-left: -56px;
}

.mr-n14 {
  margin-right: -56px;
}

.pt-14 {
  padding-top: 56px;
}

.pb-14 {
  padding-bottom: 56px;
}

.pl-14 {
  padding-left: 56px;
}

.pr-14 {
  padding-right: 56px;
}

.mb-15 {
  margin-bottom: 60px;
}

.mt-15 {
  margin-top: 60px;
}

.ml-15 {
  margin-left: 60px;
}

.mr-15 {
  margin-right: 60px;
}

.mb-n15 {
  margin-bottom: -60px;
}

.mt-n15 {
  margin-top: -60px;
}

.ml-n15 {
  margin-left: -60px;
}

.mr-n15 {
  margin-right: -60px;
}

.pt-15 {
  padding-top: 60px;
}

.pb-15 {
  padding-bottom: 60px;
}

.pl-15 {
  padding-left: 60px;
}

.pr-15 {
  padding-right: 60px;
}

.mb-20 {
  margin-bottom: 80px;
}

.mt-20 {
  margin-top: 80px;
}

.ml-20 {
  margin-left: 80px;
}

.mr-20 {
  margin-right: 80px;
}

.mb-n20 {
  margin-bottom: -80px;
}

.mt-n20 {
  margin-top: -80px;
}

.ml-n20 {
  margin-left: -80px;
}

.mr-n20 {
  margin-right: -80px;
}

.pt-20 {
  padding-top: 80px;
}

.pb-20 {
  padding-bottom: 80px;
}

.pl-20 {
  padding-left: 80px;
}

.pr-20 {
  padding-right: 80px;
}

.mb-25 {
  margin-bottom: 100px;
}

.mt-25 {
  margin-top: 100px;
}

.ml-25 {
  margin-left: 100px;
}

.mr-25 {
  margin-right: 100px;
}

.mb-n25 {
  margin-bottom: -100px;
}

.mt-n25 {
  margin-top: -100px;
}

.ml-n25 {
  margin-left: -100px;
}

.mr-n25 {
  margin-right: -100px;
}

.pt-25 {
  padding-top: 100px;
}

.pb-25 {
  padding-bottom: 100px;
}

.pl-25 {
  padding-left: 100px;
}

.pr-25 {
  padding-right: 100px;
}

.mb-30 {
  margin-bottom: 120px;
}

.mt-30 {
  margin-top: 120px;
}

.ml-30 {
  margin-left: 120px;
}

.mr-30 {
  margin-right: 120px;
}

.mb-n30 {
  margin-bottom: -120px;
}

.mt-n30 {
  margin-top: -120px;
}

.ml-n30 {
  margin-left: -120px;
}

.mr-n30 {
  margin-right: -120px;
}

.pt-30 {
  padding-top: 120px;
}

.pb-30 {
  padding-bottom: 120px;
}

.pl-30 {
  padding-left: 120px;
}

.pr-30 {
  padding-right: 120px;
}

.mb-16 {
  margin-bottom: 64px;
}

.mt-16 {
  margin-top: 64px;
}

.ml-16 {
  margin-left: 64px;
}

.mr-16 {
  margin-right: 64px;
}

.mb-n16 {
  margin-bottom: -64px;
}

.mt-n16 {
  margin-top: -64px;
}

.ml-n16 {
  margin-left: -64px;
}

.mr-n16 {
  margin-right: -64px;
}

.pt-16 {
  padding-top: 64px;
}

.pb-16 {
  padding-bottom: 64px;
}

.pl-16 {
  padding-left: 64px;
}

.pr-16 {
  padding-right: 64px;
}

.mb-24 {
  margin-bottom: 96px;
}

.mt-24 {
  margin-top: 96px;
}

.ml-24 {
  margin-left: 96px;
}

.mr-24 {
  margin-right: 96px;
}

.mb-n24 {
  margin-bottom: -96px;
}

.mt-n24 {
  margin-top: -96px;
}

.ml-n24 {
  margin-left: -96px;
}

.mr-n24 {
  margin-right: -96px;
}

.pt-24 {
  padding-top: 96px;
}

.pb-24 {
  padding-bottom: 96px;
}

.pl-24 {
  padding-left: 96px;
}

.pr-24 {
  padding-right: 96px;
}

@media only screen and (max-width: 767px) {
  .mt-off-sm {
    margin-top: 0;
  }

  .mb-off-sm {
    margin-bottom: 0;
  }

  .ml-off-sm {
    margin-left: 0;
  }

  .mr-off-sm {
    margin-right: 0;
  }

  .my-off-sm {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mx-off-sm {
    margin-left: 0;
    margin-right: 0;
  }

  .p-off-sm {
    padding: 0;
  }

  .pt-off-sm {
    padding-top: 0;
  }

  .pb-off-sm {
    padding-bottom: 0;
  }

  .pl-off-sm {
    padding-left: 0;
  }

  .pr-off-sm {
    padding-right: 0;
  }

  .py-off-sm {
    padding-top: 0;
    padding-bottom: 0;
  }

  .px-off-sm {
    padding-left: 0;
    padding-right: 0;
  }

  .p-1-sm {
    padding: 4px;
  }

  .p-2-sm {
    padding: 8px;
  }

  .p-3-sm {
    padding: 12px;
  }

  .p-4-sm {
    padding: 16px;
  }

  .p-5-sm {
    padding: 20px;
  }

  .p-6-sm {
    padding: 24px;
  }

  .p-7-sm {
    padding: 28px;
  }

  .p-8-sm {
    padding: 32px;
  }

  .p-9-sm {
    padding: 36px;
  }

  .p-10-sm {
    padding: 40px;
  }

  .p-11-sm {
    padding: 44px;
  }

  .p-12-sm {
    padding: 48px;
  }

  .p-13-sm {
    padding: 52px;
  }

  .p-14-sm {
    padding: 56px;
  }

  .p-15-sm {
    padding: 60px;
  }

  .p-20-sm {
    padding: 80px;
  }

  .p-25-sm {
    padding: 100px;
  }

  .p-30-sm {
    padding: 120px;
  }

  .p-16-sm {
    padding: 64px;
  }

  .p-24-sm {
    padding: 96px;
  }

  .my-1-sm {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .mx-1-sm {
    margin-left: 4px;
    margin-right: 4px;
  }

  .py-1-sm {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .px-1-sm {
    padding-left: 4px;
    padding-right: 4px;
  }

  .my-2-sm {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .mx-2-sm {
    margin-left: 8px;
    margin-right: 8px;
  }

  .py-2-sm {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .px-2-sm {
    padding-left: 8px;
    padding-right: 8px;
  }

  .my-3-sm {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .mx-3-sm {
    margin-left: 12px;
    margin-right: 12px;
  }

  .py-3-sm {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .px-3-sm {
    padding-left: 12px;
    padding-right: 12px;
  }

  .my-4-sm {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .mx-4-sm {
    margin-left: 16px;
    margin-right: 16px;
  }

  .py-4-sm {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .px-4-sm {
    padding-left: 16px;
    padding-right: 16px;
  }

  .my-5-sm {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mx-5-sm {
    margin-left: 20px;
    margin-right: 20px;
  }

  .py-5-sm {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .px-5-sm {
    padding-left: 20px;
    padding-right: 20px;
  }

  .my-6-sm {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .mx-6-sm {
    margin-left: 24px;
    margin-right: 24px;
  }

  .py-6-sm {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .px-6-sm {
    padding-left: 24px;
    padding-right: 24px;
  }

  .my-7-sm {
    margin-top: 28px;
    margin-bottom: 28px;
  }

  .mx-7-sm {
    margin-left: 28px;
    margin-right: 28px;
  }

  .py-7-sm {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .px-7-sm {
    padding-left: 28px;
    padding-right: 28px;
  }

  .my-8-sm {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .mx-8-sm {
    margin-left: 32px;
    margin-right: 32px;
  }

  .py-8-sm {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .px-8-sm {
    padding-left: 32px;
    padding-right: 32px;
  }

  .my-9-sm {
    margin-top: 36px;
    margin-bottom: 36px;
  }

  .mx-9-sm {
    margin-left: 36px;
    margin-right: 36px;
  }

  .py-9-sm {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .px-9-sm {
    padding-left: 36px;
    padding-right: 36px;
  }

  .my-10-sm {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mx-10-sm {
    margin-left: 40px;
    margin-right: 40px;
  }

  .py-10-sm {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .px-10-sm {
    padding-left: 40px;
    padding-right: 40px;
  }

  .my-11-sm {
    margin-top: 44px;
    margin-bottom: 44px;
  }

  .mx-11-sm {
    margin-left: 44px;
    margin-right: 44px;
  }

  .py-11-sm {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .px-11-sm {
    padding-left: 44px;
    padding-right: 44px;
  }

  .my-12-sm {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .mx-12-sm {
    margin-left: 48px;
    margin-right: 48px;
  }

  .py-12-sm {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .px-12-sm {
    padding-left: 48px;
    padding-right: 48px;
  }

  .my-13-sm {
    margin-top: 52px;
    margin-bottom: 52px;
  }

  .mx-13-sm {
    margin-left: 52px;
    margin-right: 52px;
  }

  .py-13-sm {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .px-13-sm {
    padding-left: 52px;
    padding-right: 52px;
  }

  .my-14-sm {
    margin-top: 56px;
    margin-bottom: 56px;
  }

  .mx-14-sm {
    margin-left: 56px;
    margin-right: 56px;
  }

  .py-14-sm {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .px-14-sm {
    padding-left: 56px;
    padding-right: 56px;
  }

  .my-15-sm {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .mx-15-sm {
    margin-left: 60px;
    margin-right: 60px;
  }

  .py-15-sm {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .px-15-sm {
    padding-left: 60px;
    padding-right: 60px;
  }

  .my-20-sm {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .mx-20-sm {
    margin-left: 80px;
    margin-right: 80px;
  }

  .py-20-sm {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .px-20-sm {
    padding-left: 80px;
    padding-right: 80px;
  }

  .my-25-sm {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .mx-25-sm {
    margin-left: 100px;
    margin-right: 100px;
  }

  .py-25-sm {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .px-25-sm {
    padding-left: 100px;
    padding-right: 100px;
  }

  .my-30-sm {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .mx-30-sm {
    margin-left: 120px;
    margin-right: 120px;
  }

  .py-30-sm {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .px-30-sm {
    padding-left: 120px;
    padding-right: 120px;
  }

  .my-16-sm {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .mx-16-sm {
    margin-left: 64px;
    margin-right: 64px;
  }

  .py-16-sm {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .px-16-sm {
    padding-left: 64px;
    padding-right: 64px;
  }

  .my-24-sm {
    margin-top: 96px;
    margin-bottom: 96px;
  }

  .mx-24-sm {
    margin-left: 96px;
    margin-right: 96px;
  }

  .py-24-sm {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .px-24-sm {
    padding-left: 96px;
    padding-right: 96px;
  }

  .mb-1-sm {
    margin-bottom: 4px;
  }

  .mt-1-sm {
    margin-top: 4px;
  }

  .ml-1-sm {
    margin-left: 4px;
  }

  .mr-1-sm {
    margin-right: 4px;
  }

  .mb-n1-sm {
    margin-bottom: -4px;
  }

  .mt-n1-sm {
    margin-top: -4px;
  }

  .ml-n1-sm {
    margin-left: -4px;
  }

  .mr-n1-sm {
    margin-right: -4px;
  }

  .pt-1-sm {
    padding-top: 4px;
  }

  .pb-1-sm {
    padding-bottom: 4px;
  }

  .pl-1-sm {
    padding-left: 4px;
  }

  .pr-1-sm {
    padding-right: 4px;
  }

  .mb-2-sm {
    margin-bottom: 8px;
  }

  .mt-2-sm {
    margin-top: 8px;
  }

  .ml-2-sm {
    margin-left: 8px;
  }

  .mr-2-sm {
    margin-right: 8px;
  }

  .mb-n2-sm {
    margin-bottom: -8px;
  }

  .mt-n2-sm {
    margin-top: -8px;
  }

  .ml-n2-sm {
    margin-left: -8px;
  }

  .mr-n2-sm {
    margin-right: -8px;
  }

  .pt-2-sm {
    padding-top: 8px;
  }

  .pb-2-sm {
    padding-bottom: 8px;
  }

  .pl-2-sm {
    padding-left: 8px;
  }

  .pr-2-sm {
    padding-right: 8px;
  }

  .mb-3-sm {
    margin-bottom: 12px;
  }

  .mt-3-sm {
    margin-top: 12px;
  }

  .ml-3-sm {
    margin-left: 12px;
  }

  .mr-3-sm {
    margin-right: 12px;
  }

  .mb-n3-sm {
    margin-bottom: -12px;
  }

  .mt-n3-sm {
    margin-top: -12px;
  }

  .ml-n3-sm {
    margin-left: -12px;
  }

  .mr-n3-sm {
    margin-right: -12px;
  }

  .pt-3-sm {
    padding-top: 12px;
  }

  .pb-3-sm {
    padding-bottom: 12px;
  }

  .pl-3-sm {
    padding-left: 12px;
  }

  .pr-3-sm {
    padding-right: 12px;
  }

  .mb-4-sm {
    margin-bottom: 16px;
  }

  .mt-4-sm {
    margin-top: 16px;
  }

  .ml-4-sm {
    margin-left: 16px;
  }

  .mr-4-sm {
    margin-right: 16px;
  }

  .mb-n4-sm {
    margin-bottom: -16px;
  }

  .mt-n4-sm {
    margin-top: -16px;
  }

  .ml-n4-sm {
    margin-left: -16px;
  }

  .mr-n4-sm {
    margin-right: -16px;
  }

  .pt-4-sm {
    padding-top: 16px;
  }

  .pb-4-sm {
    padding-bottom: 16px;
  }

  .pl-4-sm {
    padding-left: 16px;
  }

  .pr-4-sm {
    padding-right: 16px;
  }

  .mb-5-sm {
    margin-bottom: 20px;
  }

  .mt-5-sm {
    margin-top: 20px;
  }

  .ml-5-sm {
    margin-left: 20px;
  }

  .mr-5-sm {
    margin-right: 20px;
  }

  .mb-n5-sm {
    margin-bottom: -20px;
  }

  .mt-n5-sm {
    margin-top: -20px;
  }

  .ml-n5-sm {
    margin-left: -20px;
  }

  .mr-n5-sm {
    margin-right: -20px;
  }

  .pt-5-sm {
    padding-top: 20px;
  }

  .pb-5-sm {
    padding-bottom: 20px;
  }

  .pl-5-sm {
    padding-left: 20px;
  }

  .pr-5-sm {
    padding-right: 20px;
  }

  .mb-6-sm {
    margin-bottom: 24px;
  }

  .mt-6-sm {
    margin-top: 24px;
  }

  .ml-6-sm {
    margin-left: 24px;
  }

  .mr-6-sm {
    margin-right: 24px;
  }

  .mb-n6-sm {
    margin-bottom: -24px;
  }

  .mt-n6-sm {
    margin-top: -24px;
  }

  .ml-n6-sm {
    margin-left: -24px;
  }

  .mr-n6-sm {
    margin-right: -24px;
  }

  .pt-6-sm {
    padding-top: 24px;
  }

  .pb-6-sm {
    padding-bottom: 24px;
  }

  .pl-6-sm {
    padding-left: 24px;
  }

  .pr-6-sm {
    padding-right: 24px;
  }

  .mb-7-sm {
    margin-bottom: 28px;
  }

  .mt-7-sm {
    margin-top: 28px;
  }

  .ml-7-sm {
    margin-left: 28px;
  }

  .mr-7-sm {
    margin-right: 28px;
  }

  .mb-n7-sm {
    margin-bottom: -28px;
  }

  .mt-n7-sm {
    margin-top: -28px;
  }

  .ml-n7-sm {
    margin-left: -28px;
  }

  .mr-n7-sm {
    margin-right: -28px;
  }

  .pt-7-sm {
    padding-top: 28px;
  }

  .pb-7-sm {
    padding-bottom: 28px;
  }

  .pl-7-sm {
    padding-left: 28px;
  }

  .pr-7-sm {
    padding-right: 28px;
  }

  .mb-8-sm {
    margin-bottom: 32px;
  }

  .mt-8-sm {
    margin-top: 32px;
  }

  .ml-8-sm {
    margin-left: 32px;
  }

  .mr-8-sm {
    margin-right: 32px;
  }

  .mb-n8-sm {
    margin-bottom: -32px;
  }

  .mt-n8-sm {
    margin-top: -32px;
  }

  .ml-n8-sm {
    margin-left: -32px;
  }

  .mr-n8-sm {
    margin-right: -32px;
  }

  .pt-8-sm {
    padding-top: 32px;
  }

  .pb-8-sm {
    padding-bottom: 32px;
  }

  .pl-8-sm {
    padding-left: 32px;
  }

  .pr-8-sm {
    padding-right: 32px;
  }

  .mb-9-sm {
    margin-bottom: 36px;
  }

  .mt-9-sm {
    margin-top: 36px;
  }

  .ml-9-sm {
    margin-left: 36px;
  }

  .mr-9-sm {
    margin-right: 36px;
  }

  .mb-n9-sm {
    margin-bottom: -36px;
  }

  .mt-n9-sm {
    margin-top: -36px;
  }

  .ml-n9-sm {
    margin-left: -36px;
  }

  .mr-n9-sm {
    margin-right: -36px;
  }

  .pt-9-sm {
    padding-top: 36px;
  }

  .pb-9-sm {
    padding-bottom: 36px;
  }

  .pl-9-sm {
    padding-left: 36px;
  }

  .pr-9-sm {
    padding-right: 36px;
  }

  .mb-10-sm {
    margin-bottom: 40px;
  }

  .mt-10-sm {
    margin-top: 40px;
  }

  .ml-10-sm {
    margin-left: 40px;
  }

  .mr-10-sm {
    margin-right: 40px;
  }

  .mb-n10-sm {
    margin-bottom: -40px;
  }

  .mt-n10-sm {
    margin-top: -40px;
  }

  .ml-n10-sm {
    margin-left: -40px;
  }

  .mr-n10-sm {
    margin-right: -40px;
  }

  .pt-10-sm {
    padding-top: 40px;
  }

  .pb-10-sm {
    padding-bottom: 40px;
  }

  .pl-10-sm {
    padding-left: 40px;
  }

  .pr-10-sm {
    padding-right: 40px;
  }

  .mb-11-sm {
    margin-bottom: 44px;
  }

  .mt-11-sm {
    margin-top: 44px;
  }

  .ml-11-sm {
    margin-left: 44px;
  }

  .mr-11-sm {
    margin-right: 44px;
  }

  .mb-n11-sm {
    margin-bottom: -44px;
  }

  .mt-n11-sm {
    margin-top: -44px;
  }

  .ml-n11-sm {
    margin-left: -44px;
  }

  .mr-n11-sm {
    margin-right: -44px;
  }

  .pt-11-sm {
    padding-top: 44px;
  }

  .pb-11-sm {
    padding-bottom: 44px;
  }

  .pl-11-sm {
    padding-left: 44px;
  }

  .pr-11-sm {
    padding-right: 44px;
  }

  .mb-12-sm {
    margin-bottom: 48px;
  }

  .mt-12-sm {
    margin-top: 48px;
  }

  .ml-12-sm {
    margin-left: 48px;
  }

  .mr-12-sm {
    margin-right: 48px;
  }

  .mb-n12-sm {
    margin-bottom: -48px;
  }

  .mt-n12-sm {
    margin-top: -48px;
  }

  .ml-n12-sm {
    margin-left: -48px;
  }

  .mr-n12-sm {
    margin-right: -48px;
  }

  .pt-12-sm {
    padding-top: 48px;
  }

  .pb-12-sm {
    padding-bottom: 48px;
  }

  .pl-12-sm {
    padding-left: 48px;
  }

  .pr-12-sm {
    padding-right: 48px;
  }

  .mb-13-sm {
    margin-bottom: 52px;
  }

  .mt-13-sm {
    margin-top: 52px;
  }

  .ml-13-sm {
    margin-left: 52px;
  }

  .mr-13-sm {
    margin-right: 52px;
  }

  .mb-n13-sm {
    margin-bottom: -52px;
  }

  .mt-n13-sm {
    margin-top: -52px;
  }

  .ml-n13-sm {
    margin-left: -52px;
  }

  .mr-n13-sm {
    margin-right: -52px;
  }

  .pt-13-sm {
    padding-top: 52px;
  }

  .pb-13-sm {
    padding-bottom: 52px;
  }

  .pl-13-sm {
    padding-left: 52px;
  }

  .pr-13-sm {
    padding-right: 52px;
  }

  .mb-14-sm {
    margin-bottom: 56px;
  }

  .mt-14-sm {
    margin-top: 56px;
  }

  .ml-14-sm {
    margin-left: 56px;
  }

  .mr-14-sm {
    margin-right: 56px;
  }

  .mb-n14-sm {
    margin-bottom: -56px;
  }

  .mt-n14-sm {
    margin-top: -56px;
  }

  .ml-n14-sm {
    margin-left: -56px;
  }

  .mr-n14-sm {
    margin-right: -56px;
  }

  .pt-14-sm {
    padding-top: 56px;
  }

  .pb-14-sm {
    padding-bottom: 56px;
  }

  .pl-14-sm {
    padding-left: 56px;
  }

  .pr-14-sm {
    padding-right: 56px;
  }

  .mb-15-sm {
    margin-bottom: 60px;
  }

  .mt-15-sm {
    margin-top: 60px;
  }

  .ml-15-sm {
    margin-left: 60px;
  }

  .mr-15-sm {
    margin-right: 60px;
  }

  .mb-n15-sm {
    margin-bottom: -60px;
  }

  .mt-n15-sm {
    margin-top: -60px;
  }

  .ml-n15-sm {
    margin-left: -60px;
  }

  .mr-n15-sm {
    margin-right: -60px;
  }

  .pt-15-sm {
    padding-top: 60px;
  }

  .pb-15-sm {
    padding-bottom: 60px;
  }

  .pl-15-sm {
    padding-left: 60px;
  }

  .pr-15-sm {
    padding-right: 60px;
  }

  .mb-20-sm {
    margin-bottom: 80px;
  }

  .mt-20-sm {
    margin-top: 80px;
  }

  .ml-20-sm {
    margin-left: 80px;
  }

  .mr-20-sm {
    margin-right: 80px;
  }

  .mb-n20-sm {
    margin-bottom: -80px;
  }

  .mt-n20-sm {
    margin-top: -80px;
  }

  .ml-n20-sm {
    margin-left: -80px;
  }

  .mr-n20-sm {
    margin-right: -80px;
  }

  .pt-20-sm {
    padding-top: 80px;
  }

  .pb-20-sm {
    padding-bottom: 80px;
  }

  .pl-20-sm {
    padding-left: 80px;
  }

  .pr-20-sm {
    padding-right: 80px;
  }

  .mb-25-sm {
    margin-bottom: 100px;
  }

  .mt-25-sm {
    margin-top: 100px;
  }

  .ml-25-sm {
    margin-left: 100px;
  }

  .mr-25-sm {
    margin-right: 100px;
  }

  .mb-n25-sm {
    margin-bottom: -100px;
  }

  .mt-n25-sm {
    margin-top: -100px;
  }

  .ml-n25-sm {
    margin-left: -100px;
  }

  .mr-n25-sm {
    margin-right: -100px;
  }

  .pt-25-sm {
    padding-top: 100px;
  }

  .pb-25-sm {
    padding-bottom: 100px;
  }

  .pl-25-sm {
    padding-left: 100px;
  }

  .pr-25-sm {
    padding-right: 100px;
  }

  .mb-30-sm {
    margin-bottom: 120px;
  }

  .mt-30-sm {
    margin-top: 120px;
  }

  .ml-30-sm {
    margin-left: 120px;
  }

  .mr-30-sm {
    margin-right: 120px;
  }

  .mb-n30-sm {
    margin-bottom: -120px;
  }

  .mt-n30-sm {
    margin-top: -120px;
  }

  .ml-n30-sm {
    margin-left: -120px;
  }

  .mr-n30-sm {
    margin-right: -120px;
  }

  .pt-30-sm {
    padding-top: 120px;
  }

  .pb-30-sm {
    padding-bottom: 120px;
  }

  .pl-30-sm {
    padding-left: 120px;
  }

  .pr-30-sm {
    padding-right: 120px;
  }

  .mb-16-sm {
    margin-bottom: 64px;
  }

  .mt-16-sm {
    margin-top: 64px;
  }

  .ml-16-sm {
    margin-left: 64px;
  }

  .mr-16-sm {
    margin-right: 64px;
  }

  .mb-n16-sm {
    margin-bottom: -64px;
  }

  .mt-n16-sm {
    margin-top: -64px;
  }

  .ml-n16-sm {
    margin-left: -64px;
  }

  .mr-n16-sm {
    margin-right: -64px;
  }

  .pt-16-sm {
    padding-top: 64px;
  }

  .pb-16-sm {
    padding-bottom: 64px;
  }

  .pl-16-sm {
    padding-left: 64px;
  }

  .pr-16-sm {
    padding-right: 64px;
  }

  .mb-24-sm {
    margin-bottom: 96px;
  }

  .mt-24-sm {
    margin-top: 96px;
  }

  .ml-24-sm {
    margin-left: 96px;
  }

  .mr-24-sm {
    margin-right: 96px;
  }

  .mb-n24-sm {
    margin-bottom: -96px;
  }

  .mt-n24-sm {
    margin-top: -96px;
  }

  .ml-n24-sm {
    margin-left: -96px;
  }

  .mr-n24-sm {
    margin-right: -96px;
  }

  .pt-24-sm {
    padding-top: 96px;
  }

  .pb-24-sm {
    padding-bottom: 96px;
  }

  .pl-24-sm {
    padding-left: 96px;
  }

  .pr-24-sm {
    padding-right: 96px;
  }
}
.stack {
  --stack-divider-color: transparent;
  --stack-divider-style: solid;
  --stack-divider-size: 1px;
}
.stack > * {
  position: relative;
}
.stack > *:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--stack-divider-size);
  border-bottom-color: var(--stack-divider-color);
  border-bottom-style: var(--stack-divider-style);
  border-bottom-width: var(--stack-divider-size);
}
.stack > *:last-child {
  margin-bottom: 0;
}
.stack > *:last-child:after {
  display: none;
}

.stack-dashed {
  --stack-divider-style: dashed;
}

.stack-dotted {
  --stack-divider-style: dotted;
}

.stack-1 > * {
  margin-bottom: 4px;
}
.stack-1 > *:after {
  bottom: -2px;
}

.stack-2 > * {
  margin-bottom: 8px;
}
.stack-2 > *:after {
  bottom: -4px;
}

.stack-3 > * {
  margin-bottom: 12px;
}
.stack-3 > *:after {
  bottom: -6px;
}

.stack-4 > * {
  margin-bottom: 16px;
}
.stack-4 > *:after {
  bottom: -8px;
}

.stack-5 > * {
  margin-bottom: 20px;
}
.stack-5 > *:after {
  bottom: -10px;
}

.stack-6 > * {
  margin-bottom: 24px;
}
.stack-6 > *:after {
  bottom: -12px;
}

.stack-7 > * {
  margin-bottom: 28px;
}
.stack-7 > *:after {
  bottom: -14px;
}

.stack-8 > * {
  margin-bottom: 32px;
}
.stack-8 > *:after {
  bottom: -16px;
}

.stack-9 > * {
  margin-bottom: 36px;
}
.stack-9 > *:after {
  bottom: -18px;
}

.stack-10 > * {
  margin-bottom: 40px;
}
.stack-10 > *:after {
  bottom: -20px;
}

.stack-11 > * {
  margin-bottom: 44px;
}
.stack-11 > *:after {
  bottom: -22px;
}

.stack-12 > * {
  margin-bottom: 48px;
}
.stack-12 > *:after {
  bottom: -24px;
}

.stack-13 > * {
  margin-bottom: 52px;
}
.stack-13 > *:after {
  bottom: -26px;
}

.stack-14 > * {
  margin-bottom: 56px;
}
.stack-14 > *:after {
  bottom: -28px;
}

.stack-15 > * {
  margin-bottom: 60px;
}
.stack-15 > *:after {
  bottom: -30px;
}

.stack-20 > * {
  margin-bottom: 80px;
}
.stack-20 > *:after {
  bottom: -40px;
}

.stack-25 > * {
  margin-bottom: 100px;
}
.stack-25 > *:after {
  bottom: -50px;
}

.stack-30 > * {
  margin-bottom: 120px;
}
.stack-30 > *:after {
  bottom: -60px;
}

.stack-16 > * {
  margin-bottom: 64px;
}
.stack-16 > *:after {
  bottom: -32px;
}

.stack-24 > * {
  margin-bottom: 96px;
}
.stack-24 > *:after {
  bottom: -48px;
}

.stack-dark {
  --stack-divider-color: var(--palette-black);
}

.stack-dark-low {
  --stack-divider-color: var(--palette-black-7);
}

.stack-dark-medium {
  --stack-divider-color: var(--palette-black-10);
}

.stack-light {
  --stack-divider-color: var(--palette-white);
}

.stack-light-low {
  --stack-divider-color: var(--palette-white-20);
}

.stack-light-medium {
  --stack-divider-color: var(--palette-white-50);
}

.stack-primary {
  --stack-divider-color: var(--palette-primary-base);
}

table,
.table {
  --table-border-color: var(--palette-black-7);
  --table-head-border-color: var(--palette-black-7);
  --table-color: var(--text-default);
  --table-font-size: 15px;
  --table-line-height: var(--body-text-line);
  --table-border-style: solid;
  --table-border-width: 1px;
  --table-head-border-style: solid;
  --table-head-border-width: 1px;
  --table-padding: 0.75em 6rem 0.75em 2rem;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  empty-cells: show;
  font-size: var(--table-font-size);
  line-height: var(--table-line-height);
  color: var(--table-color);
}
table th,
table td,
.table th,
.table td {
  padding: var(--table-padding);
}
table th,
.table th {
  border-bottom-style: var(--table-head-border-style);
  border-bottom-width: var(--table-head-border-width);
  border-bottom-color: var(--table-head-border-color);
}
table td,
.table td {
  border-bottom-style: var(--table-border-style);
  border-bottom-width: var(--table-border-width);
  border-bottom-color: var(--table-border-color);
}

td,
th {
  text-align: left;
  vertical-align: top;
}
td:first-child,
th:first-child {
  padding-left: 0;
}

th {
  font-weight: normal;
}

thead th {
  font-weight: bold;
}

caption {
  text-align: left;
  font-style: normal;
}

.table-scrollable {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.table-striped {
  --table-background-color: var(--palette-neutral-lightest);
}
.table-striped tr:nth-child(odd) td {
  background-color: var(--table-background-color);
}

.table-striped td:first-child,
.table-striped th:first-child,
.table-bordered td:first-child,
.table-bordered th:first-child {
  padding-left: 2rem;
}

.table-bordered td,
.table-bordered th {
  border: 1px solid var(--table-border-color);
}

.table-light {
  --table-color: var(--text-light);
  --table-border-color: var(--palette-white-15);
  --table-head-border-color: var(--palette-white-15);
}

.table-striped.table-light {
  --table-background-color: var(--palette-white-10);
}

.text-semibold {
  font-weight: var(--font-weight-semibold);
}

.text-strong {
  font-weight: bold;
}

.text-italic {
  font-style: italic;
}

.text-mono {
  font-family: var(--font-mono);
}

.text-caps {
  text-transform: uppercase;
  letter-spacing: 0.035em;
}

.text-nowrap, .text-nowrap td, .text-nowrap th {
  white-space: nowrap;
}

[class^=text-],
[class*=" text-"] {
  --text-color: var(--text-default);
  --text-font-size: inherit;
  --text-line-height: inherit;
  font-size: var(--text-font-size);
  line-height: var(--text-line-height);
  color: var(--text-color);
}

[class^=text-gradient],
[class*=" text-gradient"] {
  display: inline-block;
  background-clip: text;
  background-color: #000;
  background-image: var(--text-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[class^=text-gradient] a,
[class^=text-gradient] a:hover,
[class*=" text-gradient"] a,
[class*=" text-gradient"] a:hover {
  opacity: 1;
}

.text-giga {
  --text-font-size: 32px;
  --text-line-height: 1.5;
}
.text-mega {
  --text-font-size: 24px;
  --text-line-height: 1.5;
}
.text-huge {
  --text-font-size: 20px;
  --text-line-height: 1.5;
}
.text-large {
  --text-font-size: 18px;
  --text-line-height: 1.5;
}
.text-default {
  --text-font-size: 16px;
  --text-line-height: 1.5;
}
.text-medium {
  --text-font-size: 14px;
  --text-line-height: 1.5;
}
.text-small {
  --text-font-size: 13px;
  --text-line-height: 1.5;
}
.text-tiny {
  --text-font-size: 12px;
  --text-line-height: 1.5;
}
.text-atomic {
  --text-font-size: 10px;
  --text-line-height: 1.5;
}

.text-dark {
  --text-color: var(--palette-black);
}

.text {
  --text-color: var(--palette-white);
}

.text-dark-medium {
  --text-color: var(--palette-black-70);
}

.text-muted {
  --text-color: var(--palette-white-50);
}

.text-success {
  --text-color: var(--palette-positive-dark);
}

.text-error {
  --text-color: var(--palette-negative-dark);
}

.text-light {
  --text-color: var(--palette-white-90);
}

.text-light-medium {
  --text-color: var(--palette-white-70);
}

.text-light-muted {
  --text-color: var(--palette-white-50);
}

.text-primary {
  --text-color: var(--palette-primary-base);
}

.text-moderated {
  --text-color: var(--palette-white-70);
}

.dropdown {
  --dropdown-background-color: var(--palette-white);
  --dropdown-box-shadow: var(--shadow-300);
  --dropdown-item-divider-color: var(--palette-black-10);
  --dropdown-link-color: var(--palette-black);
  --dropdown-link-background-color: var(--palette-white);
  --dropdown-link-hover-color: var(--palette-black);
  --dropdown-link-hover-background-color: var(--palette-neutral-light);
  --dropdown-link-active-color: var(--palette-white-90);
  --dropdown-link-active-background-color: var(--palette-active-dark);
  --dropdown-link-disabled-color: var(--palette-black-40);
  --dropdown-link-disabled-background-color: var(--palette-white);
  --dropdown-font-size: 15px;
  --dropdown-line-height: var(--body-text-line);
  --dropdown-border-radius: var(--radius-base);
  --dropdown-level: var(--level-over-page);
  --dropdown-padding: 8px;
  --dropdown-width: 240px;
  --dropdown-item-padding: 0;
  --dropdown-item-space: 0;
  --dropdown-item-divider-width: 1px;
  --dropdown-item-divider-style: solid;
  --dropdown-item-divider-space: 1rem;
  --dropdown-link-padding: 6px 8px;
  --dropdown-link-border-radius: var(--radius-base);
  position: absolute;
  margin: 0;
  overflow: auto;
  border-radius: var(--dropdown-border-radius);
  z-index: var(--dropdown-level);
  padding: var(--dropdown-padding);
  min-width: var(--dropdown-width);
  box-shadow: var(--dropdown-box-shadow);
  font-size: var(--dropdown-font-size);
  line-height: var(--dropdown-line-height);
  background-color: var(--dropdown-background-color);
}
.dropdown .dropdown-list {
  margin: 0;
  list-style: none;
}
.dropdown .dropdown-item {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  padding: var(--dropdown-item-padding);
  margin-bottom: var(--dropdown-item-space);
}
.dropdown .dropdown-item:last-child {
  margin-bottom: 0;
}
.dropdown .dropdown-item-divider {
  border-top-width: var(--dropdown-item-divider-width);
  border-top-style: var(--dropdown-item-divider-style);
  border-top-color: var(--dropdown-item-divider-color);
  padding-top: var(--dropdown-item-divider-space);
  margin-top: var(--dropdown-item-divider-space);
}
.dropdown .dropdown-link {
  display: flex;
  align-items: center;
  flex: 1;
  text-decoration: none;
  padding: var(--dropdown-link-padding);
  border-radius: var(--dropdown-link-border-radius);
  color: var(--dropdown-link-color);
  background-color: var(--dropdown-link-background-color);
}
.dropdown .dropdown-link:hover {
  color: var(--dropdown-link-hover-color);
  background-color: var(--dropdown-link-hover-background-color);
}
.dropdown .dropdown-item.active .dropdown-link {
  color: var(--dropdown-link-active-color);
  background-color: var(--dropdown-link-active-background-color) !important;
}
.dropdown .dropdown-item.disabled .dropdown-link {
  color: var(--dropdown-link-disabled-color);
  background-color: var(--dropdown-link-disabled-background-color);
}
.dropdown .dropdown-item.active .dropdown-link,
.dropdown .dropdown-item.disabled .dropdown-link {
  cursor: text;
}

.dropdown-dark {
  --dropdown-background-color: var(--palette-black);
  --dropdown-box-shadow: var(--shadow-300);
  --dropdown-item-divider-color: var(--palette-white-20);
  --dropdown-link-color: var(--palette-white-90);
  --dropdown-link-background-color: var(--palette-black);
  --dropdown-link-hover-color: var(--palette-white-90);
  --dropdown-link-hover-background-color: var(--palette-neutral-dark);
  --dropdown-link-active-color: var(--palette-white-90);
  --dropdown-link-active-background-color: var(--palette-active-base);
  --dropdown-link-disabled-color: var(--palette-white-50);
  --dropdown-link-disabled-background-color: var(--palette-black);
}

.input-number {
  --input-number-space: 40px;
  --input-number-size: 16px;
  --input-number-border-radius: var(--radius-base);
  position: relative;
  display: inline-flex;
}
.input-number input[type=number]::-webkit-inner-spin-button, .input-number input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-number input[type=number] {
  -moz-appearance: textfield;
  width: auto;
  text-align: center;
}
.input-number input {
  padding-left: var(--input-number-space);
  padding-right: var(--input-number-space);
}

.input-number-down,
.input-number-up {
  position: absolute;
  height: 100%;
  top: 0;
  width: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  font-size: var(--input-number-size);
}

.input-number-up {
  right: 0;
}

.input-number-light {
  color: var(--text-light);
}

.message {
  --message-background-color: var(--palette-black);
  --message-color: var(--palette-neutral-lightest);
  --message-box-shadow: 0 20px 50px -12px var(--palette-black-40);
  --message-font-size: 14px;
  --message-line-height: var(--body-text-line);
  --message-border-radius: var(--radius-base);
  --message-level: var(--level-over-all);
  --message-padding: 4rem 5rem;
  position: fixed;
  top: 3rem;
  right: 3rem;
  width: 360px;
  display: flex;
  border-radius: var(--message-border-radius);
  z-index: var(--message-level);
  padding: var(--message-padding);
  box-shadow: var(--message-box-shadow);
  font-size: var(--message-font-size);
  line-height: var(--message-line-height);
  color: var(--message-color);
  background-color: var(--message-background-color);
}

.message-success {
  --message-background-color: var(--palette-positive-base);
  --message-color: var(--palette-positive-lightest);
}

.message-error {
  --message-background-color: var(--palette-negative-base);
  --message-color: var(--palette-negative-lightest);
}

.modal {
  --modal-body-background-color: var(--palette-white);
  --modal-box-shadow: var(--shadow-350);
  --modal-level: var(--level-over-content);
  --modal-border-radius: var(--radius-base);
  --modal-close-size: 20px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 50%;
  margin-left: -50%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: var(--modal-level);
}
.modal .close {
  --close-size: var(--modal-close-size);
  position: absolute;
  right: 24px;
  top: 20px;
}
.modal .modal-box {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  background-color: var(--modal-body-background-color);
  box-shadow: var(--modal-box-shadow);
  border-radius: var(--modal-border-radius);
}
.modal .modal-body {
  padding: 20px 24px;
}
.modal .modal-head {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 24px 0 24px;
}
.modal .modal-head:empty {
  display: none;
}
.modal .modal-foot {
  margin-top: 8px;
  padding: 0 24px 20px 24px;
}
.modal .modal-foot:empty {
  display: none;
}

.modal-overlay {
  position: fixed;
  z-index: level(content);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--palette-black-20);
}

.pagination {
  --pagination-link-color: var(--palette-black);
  --pagination-link-border-color: var(--palette-black-15);
  --pagination-link-background-color: transparent;
  --pagination-link-hover-color: var(--palette-black);
  --pagination-link-hover-border-color: transparent;
  --pagination-link-hover-background-color: var(--palette-black-15);
  --pagination-link-active-color: var(--palette-active-lightest);
  --pagination-link-active-border-color: var(--palette-active-base);
  --pagination-link-active-background-color: var(--palette-active-base);
  --pagination-font-size: 14px;
  --pagination-item-space: 1rem;
  --pagination-link-min-width: 32px;
  --pagination-link-border-width: 1px;
  --pagination-link-padding: 6px 8px;
  --pagination-link-border-radius: var(--radius-base);
  font-size: var(--pagination-font-size);
}
.pagination .pagination-list {
  display: flex;
  align-items: center;
}
.pagination .pagination-item {
  display: flex;
  align-items: center;
  margin-right: var(--pagination-item-space);
}
.pagination .pagination-item.active .pagination-link {
  text-decoration: none;
  color: var(--pagination-link-active-color);
  border-color: var(--pagination-link-active-border-color);
  background-color: var(--pagination-link-active-background-color);
}
.pagination .pagination-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  line-height: 1;
  border-style: solid;
  min-width: var(--pagination-link-min-width);
  border-width: var(--pagination-link-border-width);
  padding: var(--pagination-link-padding);
  border-radius: var(--pagination-link-border-radius);
  color: var(--pagination-link-color);
  border-color: var(--pagination-link-border-color);
  background-color: var(--pagination-link-background-color);
}
.pagination .pagination-link:hover {
  text-decoration: none;
  color: var(--pagination-link-hover-color);
  border-color: var(--pagination-link-hover-border-color);
  background-color: var(--pagination-link-hover-background-color);
}
.pagination .pagination-ellipsis {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pagination .pagination-prev,
.pagination .pagination-next {
  white-space: nowrap;
}

.popover {
  --popover-background-color: var(--palette-white);
  --popover-box-shadow: var(--shadow-300);
  --popover-font-size: 16px;
  --popover-line-height: var(--body-text-line);
  --popover-border-radius: var(--radius-base);
  --popover-level: var(--level-over-page);
  --popover-width: 240px;
  position: absolute;
  margin: 0;
  overflow: auto;
  border-radius: var(--popover-border-radius);
  z-index: var(--popover-level);
  min-width: var(--popover-width);
  box-shadow: var(--popover-box-shadow);
  font-size: var(--popover-font-size);
  line-height: var(--popover-line-height);
  background-color: var(--popover-background-color);
}

.popover-dark {
  --popover-background-color: var(--palette-black);
  --popover-box-shadow: 0 8px 20px var(--palette-black-50), 0 1px 2px var(--palette-black-15);
}

.slider {
  --slider-disabled-background-color: var(--palette-black-20);
  --slider-track-background-color: var(--palette-black-10);
  --slider-fill-background-color: var(--palette-active-base);
  --slider-handle-background-color: var(--palette-white);
  --slider-tick-border-color: var(--palette-black-30);
  --slider-tick-color: var(--palette-black-50);
  --slider-font-size: 11px;
  --slider-line-height: 1.3;
  --slider-height: 6px;
  --slider-border-radius: var(--radius-base);
  --slider-handle-size: 16px;
  --slider-handle-box-shadow: 0 1px 3px var(--palette-black-50);
}
.slider:disabled, .slider.disabled {
  opacity: 0.6;
}
.slider:disabled .slider-track, .slider:disabled .slider-handle, .slider:disabled .slider-ticks, .slider.disabled .slider-track, .slider.disabled .slider-handle, .slider.disabled .slider-ticks {
  cursor: default;
}
.slider:disabled .slider-fill, .slider.disabled .slider-fill {
  background-color: var(--slider-disabled-background-color);
}
.slider .slider-track {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: var(--slider-height);
  border-radius: var(--slider-border-radius);
  background-color: var(--slider-track-background-color);
}
.slider .slider-fill {
  position: absolute;
  height: var(--slider-height);
  border-radius: var(--slider-border-radius);
  background-color: var(--slider-fill-background-color);
}
.slider .slider-handle {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  border-radius: 50%;
  width: var(--slider-handle-size);
  height: var(--slider-handle-size);
  margin-top: calc(var(--slider-height) * -1);
  box-shadow: var(--slider-handle-box-shadow);
  background-color: var(--slider-handle-background-color);
}
.slider .slider-ticks {
  cursor: pointer;
  position: relative;
  z-index: 1;
  min-height: 24px;
  height: var(--slider-height);
}
.slider .slider-tick {
  position: absolute;
  text-align: center;
  margin-top: 4px;
  font-size: var(--slider-font-size);
  line-height: var(--slider-line-height);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--slider-tick-border-color);
  height: var(--slider-height);
  padding-top: var(--slider-height);
  color: var(--slider-tick-color);
}

.toggle {
  --toggle-background-color: var(--palette-neutral-mid);
  --toggle-active-background-color: var(--palette-active-base);
  --toggle-handle-background-color: var(--palette-white);
  --toggle-label-font-size: 15px;
  --toggle-label-font-weight: normal;
  --toggle-label-line-height: var(--body-text-line);
  --toggle-label-text-transform: none;
  --toggle-label-top: 2px;
  --toggle-label-margin-left: 2px;
  --toggle-width: 36px;
  --toggle-height: 22px;
  --toggle-border-radius: calc(var(--toggle-height)/2);
  --toggle-size: 18px;
  --toggle-space: 2px;
  cursor: pointer;
  display: inline-block;
}
.toggle .toggle-checkbox {
  position: absolute;
  visibility: hidden;
}
.toggle .toggle-checkbox:checked + .toggle-toggle {
  background-color: var(--toggle-active-background-color);
}
.toggle .toggle-checkbox:checked + .toggle-toggle:before {
  left: 50%;
}
.toggle .toggle-label {
  position: relative;
  font-weight: var(--toggle-label-font-weight);
  font-size: var(--toggle-label-font-size);
  line-height: var(--toggle-label-line-height);
  text-transform: var(--toggle-label-text-transform);
  top: var(--toggle-label-top);
  margin-left: var(--toggle-label-margin-left);
}
.toggle .toggle-toggle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  transition: background-color 0.25s;
  border-radius: var(--toggle-border-radius);
  width: var(--toggle-width);
  height: var(--toggle-height);
  background-color: var(--toggle-background-color);
}
.toggle .toggle-toggle:before,
.toggle .toggle-toggle:after {
  content: "";
}
.toggle .toggle-toggle:before {
  position: absolute;
  display: block;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  transition: left 0.25s;
  width: var(--toggle-size);
  height: var(--toggle-size);
  top: var(--toggle-space);
  left: var(--toggle-space);
  background-color: var(--toggle-handle-background-color);
}
.toggle:hover .toggle-toggle:before {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

.site-header {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 11;
  transition: box-shadow 0.3s linear, background-color 0.3s linear;
}
.site-header .container-full {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: flex-end;
  padding: 44px 20px 44px 44px;
  transition: 0.3s linear;
}
.site-header .site-branding {
  position: relative;
}
.site-header .custom-logo, .site-header .secondary-logo {
  width: 315px;
  display: block;
  opacity: 1;
  transition: opacity 0.3s linear, width 0.3s linear;
}
@media screen and (max-width: 1360px) {
  .site-header .custom-logo, .site-header .secondary-logo {
    width: 200px;
  }
}
.site-header .secondary-logo {
  position: absolute;
  top: 0px;
  left: 0px;
}
.site-header .donate-button {
  position: absolute;
  right: 30px;
  font-size: 18px;
  text-transform: uppercase;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  transition: 0.3s linear;
}
.site-header form.search-form {
  position: absolute;
  right: 200px;
  top: 0px;
  display: flex;
  transition: 0.3s linear;
}
.site-header form.search-form input.search-field {
  border: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  background-color: var(--palette-primary-lighter);
}
.site-header form.search-form button.search-submit {
  background-color: var(--palette-primary-lighter);
  border: none;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  padding-left: 2px;
  padding-right: 15px;
  margin-left: -1px;
}
.site-header form.search-form button.search-submit span {
  display: inline-block;
  background-color: var(--palette-primary-base);
  color: white;
  text-transform: uppercase;
  padding: 3px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  line-height: 26px;
  transition: 0.3s ease-in-out;
}
.site-header form.search-form button.search-submit:hover span {
  background-color: var(--palette-primary-darker);
}

.site-header.is-fixed {
  position: fixed;
  width: 100%;
  top: 0px !important;
  left: 0px !important;
  right: 0px !important;
  background-color: var(--palette-primary-dark);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.27);
}
.site-header.is-fixed .container-full {
  padding: 20px 20px 20px 20px;
}
.site-header.is-fixed .custom-logo {
  width: 170px;
  opacity: 0;
}
.site-header.is-fixed .secondary-logo {
  width: 170px;
}
.site-header.is-fixed .donate-button {
  height: 84px;
  right: 0px;
  border-radius: 0px;
}
.site-header.is-fixed form.search-form {
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}

.site-header nav.main-navigation {
  flex: 1 1 auto;
  text-align: right;
  transition: 0.3s linear;
}

.site-header.is-fixed nav.main-navigation {
  transition: 0.15s linear;
  -webkit-transform: translateX(-150px);
          transform: translateX(-150px);
}

.main-navigation {
  height: 44px;
  position: relative;
  z-index: 20;
}
@media (max-width: 1200px) {
  .main-navigation ul.menu {
    display: none;
  }
}
.main-navigation ul.menu > li {
  display: inline-block;
  position: relative;
}
.main-navigation ul.menu > li > a {
  display: block;
  position: relative;
  padding: 10px 10px;
  text-decoration: none;
  color: white;
  transition: color 0.2s, ease-in-out;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1240px) {
  .main-navigation ul.menu > li > a {
    padding: 10px 5px;
  }
}
.main-navigation ul.menu > li ul {
  max-height: 0px;
  overflow: hidden;
  position: absolute;
  left: 0px;
  background-color: #00183B;
  width: 200px;
  padding: 0px;
  margin: 0px;
  opacity: 0;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}
.main-navigation ul.menu > li ul li {
  display: block;
  text-align: left;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.main-navigation ul.menu > li ul li a {
  color: white;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
}
.main-navigation ul.menu > li ul li a:hover {
  background-color: #004677;
}
.main-navigation ul.menu > li ul > li.current-menu-item a {
  background-color: #004677;
}
.main-navigation ul.menu > li:hover:after {
  opacity: 1;
}
.main-navigation ul.menu > li.menu-item-has-children:hover:after {
  color: grey;
  opacity: 1;
}
.main-navigation ul.menu > li:hover ul {
  max-height: 2000px;
  opacity: 1;
}
.main-navigation ul.menu > li.current-menu-item:after, .main-navigation ul.menu li.current-menu-parent:after {
  opacity: 1;
}
.main-navigation ul.menu > .menu-item-has-children > a:after {
  content: " \f107";
  font-family: "FontAwesome";
}

#switcher__nav {
  max-width: 200px;
  position: absolute;
  right: 30px;
  top: 20px;
}
@media (max-width: 512px) {
  #switcher__nav {
    right: 80px;
  }
}
#switcher__nav li {
  display: inline-block;
  position: relative;
}
#switcher__nav li a {
  display: block;
  padding: 0px 8px;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 24, 59, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 12;
}

.has-overlay .overlay {
  opacity: 1;
  visibility: visible;
}

a.mobile-nav-icon {
  width: 60px;
  height: 45px;
  position: fixed;
  top: 50px;
  right: 23px;
  -webkit-transform: rotate(0deg) scale3d(0.5, 0.5, 0.5);
          transform: rotate(0deg) scale3d(0.5, 0.5, 0.5);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  display: none;
  z-index: 9999;
}
@media (max-width: 1200px) {
  a.mobile-nav-icon {
    display: block;
  }
}
a.mobile-nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: white;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  background-color: white;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
a.mobile-nav-icon span:nth-child(1) {
  top: 0;
}
a.mobile-nav-icon span:nth-child(2), a.mobile-nav-icon span:nth-child(3) {
  top: 18px;
}
a.mobile-nav-icon span:nth-child(4) {
  top: 36px;
}

a.mobile-nav-icon.is-active {
  position: fixed;
}
a.mobile-nav-icon.is-active span {
  background-color: white;
}
a.mobile-nav-icon.is-active span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
a.mobile-nav-icon.is-active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
a.mobile-nav-icon.is-active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
a.mobile-nav-icon.is-active span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

a.mobile-nav-icon:hover {
  opacity: 0.8;
}

nav#mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  padding-top: 40px;
  background: var(--palette-primary-dark);
  z-index: 8888;
  font-size: 1.4rem;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: all 0.3s ease-in-out;
}
nav#mobile-nav ul.menu {
  padding: 30px 40px;
}
nav#mobile-nav ul.menu li {
  padding: 0px 0px;
}
nav#mobile-nav ul.menu li a {
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  text-decoration: none;
  display: block;
  padding: 3px 5px;
}
nav#mobile-nav ul.menu li ul.sub-menu {
  max-height: 0px;
  overflow: hidden;
  transition: 0.26s ease-in-out;
}
nav#mobile-nav ul.menu li ul.sub-menu.active {
  max-height: 9999px;
}

.has-overlay nav#mobile-nav {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.banner {
  background-size: cover;
  background-position: center center;
}
.banner h1 {
  color: white;
}

html {
  min-height: 100vh;
}

body {
  background: var(--background-gradient);
}

main p > a, main p > strong > a, footer p > a {
  text-decoration: none;
  background-image: linear-gradient(120deg, var(--palette-active-base) 0%, var(--palette-active-base) 100%);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom;
  transition: background-size 0.1s linear;
}
main p > a:hover, main p > strong > a:hover, footer p > a:hover {
  background-size: 100% 100%;
}

.button {
  text-transform: uppercase;
}

.site-content {
  padding-top: 158px;
}
@media screen and (max-width: 1440px) {
  .site-content {
    padding-top: 160px;
  }
}

.alignfull {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.entry-content .alignwide {
  margin-left: -30px;
  margin-right: -30px;
}
@media (min-width: 1200px) {
  .entry-content .alignwide {
    margin-left: -80px;
    margin-right: -80px;
  }
}

.o-hidden {
  overflow: hidden;
}

.has-primary-base-color {
  color: var(--palette-primary-base);
}

.has-primary-dark-color {
  color: var(--palette-primary-dark);
}

.has-active-base-color {
  color: var(--palette-active-base);
}

.has-bg-white {
  color: var(--palette-neutral-darker);
}
.has-bg-white a {
  color: var(--palette-neutral-darker);
}

.social-media a {
  display: inline-block;
  margin-right: 10px;
  font-size: 36px;
  color: var(--palette-active-base);
}
.social-media a:hover {
  color: var(--palette-active-dark);
}

.button.is-orange.is-big {
  background-color: var(--palette-active-base);
  border: none;
  color: black;
}

.wp-block-separator {
  border-bottom: none;
}

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1;
  /* Firefox */
  font-weight: 600;
  text-transform: uppercase;
}

::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1;
  /* Firefox */
  font-weight: 600;
  text-transform: uppercase;
}

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1;
  /* Firefox */
  font-weight: 600;
  text-transform: uppercase;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1;
  /* Firefox */
  font-weight: 600;
  text-transform: uppercase;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: black;
  font-weight: 600;
  text-transform: uppercase;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: black;
  font-weight: 600;
  text-transform: uppercase;
}

.is-lang {
  direction: rtl;
  unicode-bidi: bidi-override;
}

#nf-form-2-cont label {
  color: black;
}
#nf-form-2-cont input, #nf-form-2-cont select, #nf-form-2-cont textarea {
  border-radius: 6px;
}

.dropdown {
  overflow: hidden;
  max-height: 0px;
  opacity: 0;
  transition: 0.3s ease-in-out;
  --dropdown-link-hover-background-color: var(--palette-active-base);
}
.dropdown.active {
  max-height: 100vh;
  opacity: 1;
}

.page-header, .entry-header {
  padding-top: 50px;
  padding-bottom: 50px;
}
.page-header h1, .entry-header h1 {
  font-size: 65px;
  line-height: 0.9;
  letter-spacing: 0.01em;
  color: var(--palette-primary-lighter);
  text-transform: uppercase;
}
.page-header h1 span, .entry-header h1 span {
  display: block;
  font-size: 80%;
  line-height: 0.9;
  color: white;
}

.archive-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 40px 40px;
  grid-template-areas: ". . .";
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 50px 0px 88px;
}
.archive-wrapper .archive-item {
  position: relative;
  background-color: white;
  border-radius: 36px;
  padding: 26px 26px 80px;
  display: block;
  color: var(--palette-neutral-darker);
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.archive-wrapper .archive-item h2 {
  color: var(--palette-primary-dark);
  margin: 5px 0px 15px;
  line-height: 1.2;
}
.archive-wrapper .archive-item .category {
  text-transform: uppercase;
  color: var(--palette-primary-light);
  font-weight: 600;
}
.archive-wrapper .archive-item .date {
  font-style: italic;
  font-size: 16px;
}
.archive-wrapper .archive-item .post-thumbnail {
  margin-bottom: 15px;
}
.archive-wrapper .archive-item .post-thumbnail img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
}
.archive-wrapper .archive-item i {
  font-size: 30px;
  color: var(--palette-primary-dark);
  position: absolute;
  bottom: 20px;
  right: 20px;
  transition: 0.3s ease-in-out;
}
.archive-wrapper .archive-item p.cta {
  color: var(--palette-primary-dark);
  position: absolute;
  font-weight: 600;
  left: 26px;
  bottom: 20px;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
.archive-wrapper .archive-item:hover {
  -webkit-transform: scale3d(1.02, 1.02, 1.02);
          transform: scale3d(1.02, 1.02, 1.02);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.archive-wrapper .archive-item:hover i {
  color: var(--palette-active-base);
}
.archive-wrapper .archive-item:hover p.cta {
  color: var(--palette-active-base);
}
.archive-wrapper .archive-item.client-testimonial p.quote {
  font-size: 22px;
  font-style: italic;
  color: var(--palette-primary-dark);
}
.archive-wrapper .archive-item.client-testimonial h2 {
  text-transform: uppercase;
}

.site .wp-pagenavi span, .site .wp-pagenavi a {
  font-size: 18px;
  background-color: var(--palette-active-base);
  color: var(--palette-neutral-darker);
  border: transparent;
  padding: 30px 25px;
}

.site .wp-pagenavi a:hover {
  background-color: var(--palette-active-dark);
}

.site .wp-pagenavi span {
  background-color: var(--palette-primary-lighter);
}

.site .wp-pagenavi span.current {
  background-color: var(--palette-primary-lightest);
  color: var(--palette-neutral-darker);
}

.site .wp-pagenavi span:first-child {
  border-radius: 32.5px 0px 0px 32.5px;
}

.site .wp-pagenavi span:last-child, .site .wp-pagenavi a:last-child {
  border-radius: 0px 32.5px 32.5px 0px;
}

.client-testimonial .client-p {
  background-color: white;
  border-radius: 36px;
  color: black;
  padding: 50px;
}
.client-testimonial .client-p table tr td {
  border-bottom-color: var(--palette-primary-light);
}
.client-testimonial .client-p table tr:last-child td {
  border-bottom: none;
}
.client-testimonial .client-col img {
  border-radius: 36px;
  overflow: hidden;
}
.client-testimonial .gb-inside-container > .gb-container:nth-child(1) > .gb-inside-container .gb-grid-wrapper .gb-grid-column:last-child .gb-inside-container {
  background-color: white;
  color: var(--palette-neutral-darker);
  border-radius: 36px;
  padding: 50px;
}
.client-testimonial blockquote.cp-quote p {
  font-size: 48px;
  line-height: 54px;
  font-style: italic;
  font-weight: 700;
  color: white;
}
.client-testimonial blockquote {
  position: relative;
}
.client-testimonial blockquote:before {
  display: block;
  width: 120px;
  height: 120px;
  content: " ";
  position: absolute;
  top: -100px;
  left: 0px;
  background-image: url(/wp-content/themes/cypher_theme/images/quote.svg);
  background-repeat: no-repeat;
}

article {
  padding: 0px 30px;
}

.single.single-post .entry-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: flex-start;
  align-items: flex-start;
}
.single.single-post .post-categories {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.single.single-post .post-categories li {
  margin: 0px;
  padding: 0px;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
}
.single.single-post .post-categories li a {
  text-decoration: none;
  background-image: linear-gradient(120deg, var(--palette-active-base) 0%, var(--palette-active-base) 100%);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom;
  transition: background-size 0.1s linear;
}
.single.single-post .post-categories li a:hover {
  background-size: 100% 100%;
}
.single.single-post .date {
  font-style: italic;
}
.single.single-post .post-thumbnail img {
  min-height: 500px;
  max-height: 600px;
  min-width: 600px;
  max-width: 800px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 36px;
  position: absolute;
  right: calc(50vw + 35px);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1440px) {
  .single.single-post .post-thumbnail img {
    right: auto;
    left: 0px;
    border-radius: 0px 36px 36px 0px;
    max-height: 500px;
  }
}
@media screen and (max-width: 1160px) {
  .single.single-post .post-thumbnail img {
    width: calc(100% - 110px);
    min-width: 0px;
  }
}
.single.single-post .posttext-area {
  margin-top: 80px;
  width: calc(50% + 110px);
  padding: 55px 55px 55px 140px;
  background-color: white;
  color: var(--palette-neutral-dark);
  border-radius: 36px;
  min-height: 300px;
  margin-bottom: 80px;
}
.single.single-post .posttext-area a {
  color: var(--palette-neutral-darker);
}
@media screen and (max-width: 1440px) {
  .single.single-post .posttext-area {
    margin-top: 400px;
    min-height: 0px;
    width: 80%;
    padding: 140px 55px 55px 55px;
  }
}
@media screen and (max-width: 1160px) {
  .single.single-post .posttext-area {
    width: 100%;
  }
}

.postnav {
  margin-top: 80px;
  margin-bottom: 65px;
}
@media (max-width: 1260px) {
  .postnav {
    padding: 0px 30px;
  }
}
.postnav .nav-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: flex-start;
}
.postnav .nav-previous, .postnav .nav-next {
  margin-bottom: 15px;
}
.postnav .nav-previous {
  margin-right: 30px;
}
.postnav .nav-next {
  margin-left: auto;
  text-align: right;
}
.postnav .nav-previous a, .postnav .nav-next a {
  background-color: var(--palette-active-base);
  color: black;
  display: inline-block;
  padding: 30px 25px;
  border-radius: 47px;
  text-decoration: none;
  min-width: 200px;
}
.postnav .nav-previous a:hover, .postnav .nav-next a:hover {
  background-color: var(--palette-active-dark);
}

.nav-previous a:before {
  font: var(--fa-font-regular);
  content: "\f177";
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 10px;
}

.nav-next a:after {
  font: var(--fa-font-regular);
  content: "\f061";
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-left: 10px;
}

.scrolldown-wrapper {
  position: absolute;
  left: 0px;
  bottom: 150px;
  text-align: center;
}

.scrolldown {
  border: 1px solid #FFFFFF;
  border-radius: 30px;
  height: 36px;
  margin: 0 auto 8px;
  text-align: center;
  width: 20px;
}
.scrolldown svg {
  display: block;
  margin: 0px auto;
}

.scrolldown-p1,
.scrolldown-p2 {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-name: scrolldown;
          animation-name: scrolldown;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  fill: #FFFFFF;
}

.scrolldown-p2 {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}

@-webkit-keyframes scrolldown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -8px);
            transform: translate(0, -8px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 8px);
            transform: translate(0, 8px);
  }
}

@keyframes scrolldown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -8px);
            transform: translate(0, -8px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 8px);
            transform: translate(0, 8px);
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .sponsoredpuppy-header {
    position: absolute;
    top: 0px;
    left: 60px;
    height: calc(50% - 50px);
    width: 30vw;
    z-index: 3;
  }
  body.single-sponsorpuppy .sponsoredpuppy-header h1.entry-title {
    font-size: 75px;
    font-family: "Permanent Marker", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    position: absolute;
    color: var(--palette-primary-lighter);
    bottom: 0px;
    left: 0px;
  }
  body.single-sponsorpuppy .sponsoredpuppy-header h1.entry-title span {
    font-size: 20px;
    font-family: "Exo", sans-serif;
    display: block;
    color: white;
    letter-spacing: 0.02em;
    max-width: 300px;
  }
  body.single-sponsorpuppy .quote-block p {
    font-size: 24px;
    font-family: "Permanent Marker", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.04em;
    color: var(--palette-active-base);
    line-height: 1.1;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 897px) and (max-width: 1406px) {
  body.single-sponsorpuppy .quote-block p {
    font-size: 20px;
  }
}
@media screen and (min-width: 897px) and (max-height: 800px) {
  body.single-sponsorpuppy .quote-block p {
    font-size: 20px;
  }
}
@media screen and (min-width: 897px) and (max-height: 680px) {
  body.single-sponsorpuppy .quote-block p {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .text-block {
    position: absolute;
    width: 33vw;
    max-width: 600px;
    font-size: 20px;
    font-weight: 600;
  }
  body.single-sponsorpuppy .text-block p, body.single-sponsorpuppy .text-block blockquote p {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translateX(80px);
            transform: scale3d(1.1, 1.1, 1.1) translateX(80px);
    transition: 0.3s ease-in-out;
  }
  body.single-sponsorpuppy .text-block.is-inview p, body.single-sponsorpuppy .text-block.is-inview blockquote p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateX(0px);
            transform: scale3d(1, 1, 1) translateX(0px);
  }
  body.single-sponsorpuppy .text-block.bottom {
    top: calc(50% + 70px);
  }
}
@media screen and (min-width: 897px) and (max-height: 980px) {
  body.single-sponsorpuppy .text-block.bottom {
    top: calc(50% + 40px);
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .text-block.top {
    bottom: calc(50% + 70px);
    top: auto;
  }
}
@media screen and (min-width: 897px) and (max-height: 980px) {
  body.single-sponsorpuppy .text-block.top {
    bottom: calc(50% + 40px);
  }
}
@media screen and (min-width: 897px) and (max-width: 1406px) {
  body.single-sponsorpuppy .text-block {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) and (max-height: 800px) {
  body.single-sponsorpuppy .text-block {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) and (max-height: 680px) {
  body.single-sponsorpuppy .text-block {
    font-size: 16px;
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .text-block.initial {
    left: 60px;
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .landscape-bg {
    background-color: #004979;
    background-image: url(/wp-content/themes/cypher_theme/images/backgroundimg_seamless.webp);
    background-size: contain;
    background-repeat: repeat-x;
    background-blend-mode: screen;
    height: 25vh;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0.3;
    z-index: 2;
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .comp-people {
    background-color: #004979;
    background-image: url(/wp-content/themes/cypher_theme/images/composite_people_two.webp);
    background-size: contain;
    background-blend-mode: screen;
    background-repeat: repeat-x;
    width: 100%;
    height: 10vh;
    position: absolute;
    left: 0px;
    top: 25vh;
    opacity: 0.3;
    z-index: 2;
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .image-block {
    position: absolute;
    z-index: 3;
  }
  body.single-sponsorpuppy .image-block > img, body.single-sponsorpuppy .image-block > div.pup {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translateX(80px);
            transform: scale3d(1.1, 1.1, 1.1) translateX(80px);
    transition: 0.3s ease-in-out;
  }
  body.single-sponsorpuppy .image-block.is-inview > img, body.single-sponsorpuppy .image-block.is-inview > div.pup {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateX(0px);
            transform: scale3d(1, 1, 1) translateX(0px);
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .image-block {
    width: 350px;
  }
  body.single-sponsorpuppy .image-block img {
    max-height: 350px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    border: 5px solid white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.32);
  }
  body.single-sponsorpuppy .image-block.tiltright {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  body.single-sponsorpuppy .image-block.tiltleft {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  body.single-sponsorpuppy .image-block.top {
    top: auto;
    bottom: calc(50% + 110px);
  }
}
@media screen and (min-width: 897px) and (max-height: 980px) {
  body.single-sponsorpuppy .image-block.top {
    bottom: calc(50% + 50px);
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .image-block.bottom {
    top: calc(50% + 110px);
  }
}
@media screen and (min-width: 897px) and (max-height: 980px) {
  body.single-sponsorpuppy .image-block.bottom {
    top: calc(50% + 60px);
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .image-block.second {
    left: 56vw;
  }
    body.single-sponsorpuppy .image-block.third {
    left: 67vw;
  }
      body.single-sponsorpuppy .image-block.fourth {
    left: 78vw;
  }
	body.single-sponsorpuppy .image-block.fifth {
    left: 89vw;
  }
  	body.single-sponsorpuppy .image-block.sixth {
    left: 96vw;
  }
}
@media screen and (min-width: 897px) and (max-width: 1000px) {
  body.single-sponsorpuppy .image-block.second {
    left: calc(66vw + 60px);
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .image-block.cert-image {
    max-width: 300px;
    left: calc(33vw + 250px);
  }
  body.single-sponsorpuppy .image-block.cert-image img {
    border: none;
    box-shadow: none;
    -o-object-fit: contain;
       object-fit: contain;
  }
  body.single-sponsorpuppy .image-block.cert-image .dlicon {
    position: absolute;
    bottom: 0px;
    right: 20px;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background-color: var(--palette-active-base);
    color: black;
    text-align: center;
  }
  body.single-sponsorpuppy .image-block.cert-image:hover .dlicon {
    background-color: var(--palette-active-dark);
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .image-block.initial {
    left: calc(33vw + 80px);
  }
}
@media screen and (min-width: 897px) and (max-width: 1000px) {
  body.single-sponsorpuppy .image-block.initial {
    left: calc(33vw + 120px);
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .image-block.mascot-image img {
    border: none;
    box-shadow: none;
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .image-block.mascot-image.initial {
    left: calc(66vw + 80px);
	z-index:0;
  }
}
@media screen and (min-width: 897px) and (min-height: 1200px) {
  body.single-sponsorpuppy .image-block {
    width: 400px;
  }
  body.single-sponsorpuppy .image-block img {
    max-height: 400px;
  }
  body.single-sponsorpuppy .image-block.top {
    top: calc(50% - 560px);
  }
}
@media screen and (min-width: 897px) and (max-height: 1130px) {
  body.single-sponsorpuppy .image-block {
    width: 300px;
  }
  body.single-sponsorpuppy .image-block img {
    max-height: 300px;
  }
}
@media screen and (min-width: 897px) and (max-height: 1080px) {
  body.single-sponsorpuppy .image-block {
    width: 250px;
  }
  body.single-sponsorpuppy .image-block img {
    max-height: 250px;
  }
}
@media screen and (min-width: 897px) and (max-height: 980px) {
  body.single-sponsorpuppy .image-block {
    width: 200px;
  }
  body.single-sponsorpuppy .image-block img {
    max-height: 200px;
  }
}
@media screen and (min-width: 897px) and (max-width: 1000px) {
  body.single-sponsorpuppy .image-block {
    width: 150px;
  }
  body.single-sponsorpuppy .image-block img {
    max-height: 150px;
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .update-title {
    position: absolute;
    width: 33vw;
    max-width: 610px;
    height: calc(50% - 50px);
    z-index: 2;
    left: 250px;
  }
  body.single-sponsorpuppy .update-title h2 {
    font-size: 60px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 0.02em;
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translateX(80px);
            transform: scale3d(1.1, 1.1, 1.1) translateX(80px);
    transition: 0.3s ease-in-out;
  }
  body.single-sponsorpuppy .update-title h2 span {
    font-family: "Permanent Marker", sans-serif;
    display: block;
    font-size: 65px;
    color: var(--palette-primary-lighter);
  }
}
@media screen and (min-width: 897px) and (max-width: 1406px) {
  body.single-sponsorpuppy .update-title h2 {
    font-size: 50px;
  }
  body.single-sponsorpuppy .update-title h2 span {
    font-size: 55px;
  }
}
@media screen and (min-width: 897px) and (max-width: 1200px) {
  body.single-sponsorpuppy .update-title h2 {
    font-size: 37px;
  }
  body.single-sponsorpuppy .update-title h2 span {
    font-size: 42px;
  }
}
@media screen and (min-width: 897px) and (max-height: 800px) {
  body.single-sponsorpuppy .update-title h2 {
    font-size: 50px;
  }
  body.single-sponsorpuppy .update-title h2 span {
    font-size: 55px;
  }
}
@media screen and (min-width: 897px) and (max-height: 680px) {
  body.single-sponsorpuppy .update-title h2 {
    font-size: 37px;
  }
  body.single-sponsorpuppy .update-title h2 span {
    font-size: 42px;
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .update-title.bottom {
    top: calc(50% + 110px);
  }
  body.single-sponsorpuppy .update-title.bottom h2 {
    bottom: auto;
    top: 0px;
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .update-title.is-inview h2 {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateX(0px);
            transform: scale3d(1, 1, 1) translateX(0px);
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .update-one {
    position: absolute;
    top: 0px;
    left: 100vw;
    height: 100%;
    width: 100vw;
    z-index: 2;
  }
  body.single-sponsorpuppy .update-one .image-block.one {
    left: 250px;
  }
  body.single-sponsorpuppy .update-one .image-block.two {
    left: calc(33vw + 390px);
  }
  body.single-sponsorpuppy .update-one .image-block.three {
    left: calc(33vw + 660px);
  }
    body.single-sponsorpuppy .update-one .image-block.four {
    left: calc(33vw + 980px);
  }
  body.single-sponsorpuppy .update-one .image-block.five {
    left: calc(33vw + 960px);
  }
    body.single-sponsorpuppy .update-one .image-block.six {
    left: calc(33vw + 960px);
  }
  body.single-sponsorpuppy .update-one .image-block.mascot-image {
    left: calc(66vw + 130px);
	z-index:0;
  }
  body.single-sponsorpuppy .update-one .text-block {
    left: calc(33vw + 50px);
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .update-two {
    position: absolute;
    top: 0px;
    left: 200vw;
    height: 100%;
    width: 100vw;
    z-index: 2;
  }
  body.single-sponsorpuppy .update-two .image-block.one {
    left: 360px;
  }
  body.single-sponsorpuppy .update-two .image-block.two {
    left: 360px;
  }
    body.single-sponsorpuppy .update-two .image-block.three {
    left: calc(66vw + 130px);
  }
    body.single-sponsorpuppy .update-two .image-block.four {
    left: calc(66vw + 130px);
  }
    body.single-sponsorpuppy .update-two .image-block.five {
    left: calc(66vw + 430px);
  }
  body.single-sponsorpuppy .update-two .image-block.six {
    left: calc(66vw + 430px);
  }  
  body.single-sponsorpuppy .update-two .image-block.mascot-image {
    left: calc(66vw + 130px);
	z-index:0;
  }
  body.single-sponsorpuppy .update-two .text-block {
    left: calc(33vw + 50px);
  }
  body.single-sponsorpuppy .update-two .update-title {
    left: calc(33vw + 50px);
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .update-three {
    position: absolute;
    top: 0px;
    left: 300vw;
    height: 100%;
    width: 100vw;
    z-index: 2;
  }
  body.single-sponsorpuppy .update-three .image-block.one {
    left: 100px;
  }
  body.single-sponsorpuppy .update-three .image-block.two {
    left: 120px;
    left: calc(33vw + 140px);
  }
  body.single-sponsorpuppy .update-three .image-block.three {
    left: 120px;
    left: calc(33vw + 690px);
  }
    body.single-sponsorpuppy .update-three .image-block.four {
    left: 120px;
    left: calc(33vw + 550px);
  }
  body.single-sponsorpuppy .update-three .image-block.five {
    left: 120px;
    left: calc(33vw + 1060px);
  }
    body.single-sponsorpuppy .update-three .image-block.six {
    left: 120px;
    left: calc(33vw + 1060px);
  }
  body.single-sponsorpuppy .update-three .image-block.mascot-image {
    left: calc(66vw + 130px);
	z-index:0;
  }
  body.single-sponsorpuppy .update-three .text-block {
    left: calc(33vw + 50px);
  }
  body.single-sponsorpuppy .update-three .update-title {
    left: 190px;
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .update-four {
    position: absolute;
    top: 0px;
    left: 400vw;
    height: 100%;
    width: 100vw;
    z-index: 2;
  }
  body.single-sponsorpuppy .update-four .image-block.one {
    left: calc(33vw + 190px);
  }
  body.single-sponsorpuppy .update-four .image-block.two {
    left: calc(33vw + 190px);
  }
  body.single-sponsorpuppy .update-four .image-block.three {
    left: calc(33vw + 500px);
  }
  body.single-sponsorpuppy .update-four .image-block.four {
    left: calc(33vw + 500px);
  }
  body.single-sponsorpuppy .update-four .image-block.five {
    left: calc(33vw + 800px);
  }
    body.single-sponsorpuppy .update-four .image-block.six {
    left: calc(33vw + 800px);
  }
  body.single-sponsorpuppy .update-four .image-block.mascot-image {
    left: calc(66vw + 130px);z-index:0;
  }
  body.single-sponsorpuppy .update-four .text-block {
    left: 100px;
  }
  body.single-sponsorpuppy .update-four .update-title {
    left: 100px;
  }
}
@media screen and (min-width: 897px) {
  body.single-sponsorpuppy .update-five {
    position: absolute;
    top: 0px;
    left: 500vw;
    height: 100%;
    width: 100vw;
    z-index: 2;
  }
  body.single-sponsorpuppy .update-five .image-block.one {
    left: calc(50vw + 60px);
  }
  body.single-sponsorpuppy .update-five .image-block.two {
    top: calc(50% - 100px);
    left: auto;
    right: 120px;
    width: 23vw;
    max-width: 450px;
  }
  body.single-sponsorpuppy .update-five .image-block.two img {
    height: 23vw;
    max-height: 450px;
  }
  body.single-sponsorpuppy .update-five .image-block.mascot-image {
    left: calc(33vw + 130px);
  }
  body.single-sponsorpuppy .update-five .text-block {
    left: 100px;
  }
  body.single-sponsorpuppy .update-five .update-title {
    left: 100px;
  }
}
@media screen and (min-width: 897px) {
  .sponsorpuppy {
    padding: 0px;
    width: 100%;
    height: 100%;
    position: relative;
  }
}
@media screen and (min-width: 897px) {
  #pinContainer {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    background: var(--background-sapgradient);
  }
}
@media screen and (min-width: 897px) {
  .panel.mainpanel {
    min-width: 100vw;
    height: 100vh;
    position: absolute;
    overflow: hidden;
  }
  .panel.mainpanel .block {
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 15px;
    position: absolute;
    background-color: yellow;
    top: 10px;
    left: 100vw;
    color: black;
  }
  .panel.mainpanel .block.block-two {
    left: 200vw;
  }
  .panel.mainpanel .block.block-three {
    left: 300vw;
  }
  .panel.mainpanel .block.block-four {
    left: 400vw;
  }
  .panel.mainpanel .block.block-five {
    left: 500vw;
  }
}
@media screen and (min-width: 897px) {
  .final-image {
    position: absolute;
    right: 90px;
    bottom: calc(50vh - 300px);
    z-index: 2;
    width: 500px;
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  .final-image img {
    height: 500px;
    border: 10px solid white;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    opacity: 0;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    -webkit-transform: scale3d(1.05, 1.05, 1.05) translateY(200px);
            transform: scale3d(1.05, 1.05, 1.05) translateY(200px);
    transition: 0.5s ease-in-out;
    transition-delay: 1s;
  }
  .final-image.is-inview img {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateY(0px);
            transform: scale3d(1, 1, 1) translateY(0px);
  }
}
@media screen and (min-width: 897px) and (max-width: 1500px) {
  .final-image {
    width: 400px;
    bottom: calc(50vh - 300px);
  }
  .final-image img {
    height: 400px;
  }
}
@media screen and (min-width: 897px) and (max-width: 1200px) {
  .final-image {
    width: 300px;
    bottom: calc(50vh - 300px);
  }
  .final-image img {
    height: 300px;
  }
}
@media screen and (min-width: 897px) {
  .checkback {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100vw;
    height: 100vh;
  }
  .checkback .mascot-image {
    right: 150px;
  }
}
@media screen and (min-width: 897px) {
  .paw-prints {
    position: absolute;
    top: calc(50% - 20px);
    background-image: url("/wp-content/themes/cypher_theme/images/paw-prints.png");
    background-size: contain;
    opacity: 0.9;
    width: 100%;
    height: 40px;
    z-index: -1;
  }
}
@media screen and (min-width: 897px) {
  .mask-section-left {
    height: 60px;
    width: calc(90% - 10px);
    position: fixed;
    top: calc(50% - 30px);
    left: 0px;
    overflow: hidden;
    opacity: 0.85;
    z-index: 1;
  }
}
@media screen and (min-width: 897px) {
  .mask-section-right {
    height: 60px;
    width: calc(10% - 10px);
    position: fixed;
    top: calc(50% - 30px);
    right: 0px;
    z-index: 1;
    overflow: hidden;
  }
}
@media screen and (min-width: 897px) {
  .bg-insert {
    position: absolute;
    height: 100vh;
    width: 100%;
    background: var(--background-sapgradient);
    top: calc(-50vh + 15px);
    -webkit-mask-image: linear-gradient(90deg, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
  }
}
@media screen and (min-width: 897px) {
  .mask-section-right .bg-insert {
    -webkit-mask-image: linear-gradient(270deg, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
  }
}
@media screen and (min-width: 897px) {
  .sponsor-footer {
    position: fixed;
    top: calc(100vh - 50px);
    left: 50px;
    font-size: 16px;
  }
}
@media screen and (min-width: 897px) {
  .single-sponsorpuppy .entry-footer {
    position: fixed;
    top: calc(100vh - 80px);
    left: 50px;
  }
}
@media screen and (max-width: 897px) {
  .sponsorpuppy {
    position: relative;
    padding-bottom: 110vw;
  }

  .sponsoredpuppy-header h1.entry-title {
    font-size: 75px;
    font-family: "Permanent Marker", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--palette-primary-lighter);
    text-align: center;
    margin: 90px 0px;
  }
  .sponsoredpuppy-header h1.entry-title span {
    font-size: 20px;
    font-family: "Exo", sans-serif;
    display: block;
    color: white;
    letter-spacing: 0.02em;
    max-width: 260px;
    margin: 0px auto;
  }

  .update-title h2 {
    font-size: 60px;
    width: 100%;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 0.02em;
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translateY(80px);
            transform: scale3d(1.1, 1.1, 1.1) translateY(80px);
    transition: 0.3s ease-in-out;
    text-align: center;
    margin-bottom: 90px;
  }
  .update-title h2 span {
    font-family: "Permanent Marker", sans-serif;
    display: block;
    font-size: 65px;
    color: var(--palette-primary-lighter);
  }
}
@media screen and (max-width: 897px) and (max-width: 1406px) {
  .update-title h2 {
    font-size: 50px;
  }
  .update-title h2 span {
    font-size: 55px;
  }
}
@media screen and (max-width: 897px) and (max-width: 1200px) {
  .update-title h2 {
    font-size: 37px;
  }
  .update-title h2 span {
    font-size: 42px;
  }
}
@media screen and (max-width: 897px) and (max-height: 800px) {
  .update-title h2 {
    font-size: 50px;
  }
  .update-title h2 span {
    font-size: 55px;
  }
}
@media screen and (max-width: 897px) and (max-height: 680px) {
  .update-title h2 {
    font-size: 37px;
  }
  .update-title h2 span {
    font-size: 42px;
  }
}
@media screen and (max-width: 897px) {
  .update-title.is-inview h2 {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateY(0px);
            transform: scale3d(1, 1, 1) translateY(0px);
  }
}
@media screen and (max-width: 897px) {
  .quote-block p {
    font-size: 24px;
    font-family: "Permanent Marker", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.04em;
    color: var(--palette-active-base);
    line-height: 1.1;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 897px) and (max-width: 1406px) {
  .quote-block p {
    font-size: 20px;
  }
}
@media screen and (max-width: 897px) and (max-height: 800px) {
  .quote-block p {
    font-size: 20px;
  }
}
@media screen and (max-width: 897px) and (max-height: 680px) {
  .quote-block p {
    font-size: 18px;
  }
}
@media screen and (max-width: 897px) {
  .text-block {
    margin-bottom: 90px;
    text-align: center;
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translateY(80px);
            transform: scale3d(1.1, 1.1, 1.1) translateY(80px);
    transition: 0.3s ease-in-out;
  }
  .text-block.is-inview {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateY(0px);
            transform: scale3d(1, 1, 1) translateY(0px);
  }
}
@media screen and (max-width: 897px) {
  .image-block {
    max-width: 70%;
    margin: 40px auto 100px;
  }
  .image-block.tiltright {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  .image-block.tiltleft {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  .image-block.cert-image {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  .image-block.cert-image .dlicon {
    position: absolute;
    bottom: 0px;
    right: -10px;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background-color: var(--palette-active-base);
    color: black;
    text-align: center;
  }
  .image-block.cert-image:hover .dlicon {
    background-color: var(--palette-active-dark);
  }
  .image-block > img {
    display: block;
    max-height: calc(70vw - 60px);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    margin: 40px auto 40px;
    border: 8px solid white;
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translateY(80px);
            transform: scale3d(1.1, 1.1, 1.1) translateY(80px);
    transition: 0.3s ease-in-out;
  }
  .image-block > .pup {
    position: relative;
    max-width: 350px;
    margin: 40px auto 40px;
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translateY(80px);
            transform: scale3d(1.1, 1.1, 1.1) translateY(80px);
    transition: 0.3s ease-in-out;
  }
  .image-block.is-inview > img, .image-block.is-inview > .pup {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateY(0px);
            transform: scale3d(1, 1, 1) translateY(0px);
  }
}
@media screen and (max-width: 897px) {
  .panel.mainpanel {
    width: 100% !important;
  }
}
@media screen and (max-width: 897px) {
  .final-image {
    position: absolute;
    bottom: 40px;
    width: calc(100vw - 80px);
    margin: 0px auto;
  }
  .final-image > img {
    display: block;
    max-height: calc(100vw - 80px);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    margin: 40px auto 40px;
    border: 8px solid white;
    display: block;
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translateY(80px);
            transform: scale3d(1.1, 1.1, 1.1) translateY(80px);
    transition: 0.3s ease-in-out;
  }
  .final-image.is-inview > img {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateY(0px);
            transform: scale3d(1, 1, 1) translateY(0px);
  }
}
.mascot-image {
  position: relative;
}
.mascot-image .mrun-tale {
  position: absolute;
  width: 15%;
  top: 34%;
  left: -6%;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-animation: wag 0.3s infinite;
          animation: wag 0.3s infinite;
}
.mascot-image .mrun-head {
  position: absolute;
  width: 84%;
  top: 10px;
  left: 13%;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-animation: headwobble 8s infinite;
          animation: headwobble 8s infinite;
}
.mascot-image .msit-tale {
  position: absolute;
  width: 15%;
  top: 70%;
  right: 2%;
  -webkit-transform-origin: center left;
          transform-origin: center left;
  -webkit-animation: wag 0.3s infinite;
          animation: wag 0.3s infinite;
  z-index: -1;
}
.mascot-image .msit-head {
  position: absolute;
  width: 84%;
  top: 11%;
  left: 0%;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-animation: headwobble 8s infinite;
          animation: headwobble 8s infinite;
}

@-webkit-keyframes wag {
  0% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
}

@keyframes wag {
  0% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
}
@-webkit-keyframes headwobble {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes headwobble {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.puppy .puppy-header {
  position: relative;
  min-height: 400px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.puppy .puppy-header .lens {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.puppy .puppy-header .container {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  left: 30px;
}

.puppy .entry-content {
  background-size: contain;
  background-position: center top;
  background-attachment: fixed;
  background-repeat: repeat;
  padding: 60px 0px;
}

.timeline {
  overflow: hidden;
  padding-top: 40px;
}
.timeline .section-block {
  margin: 0px 10%;
  padding: 0px 0px 60px 0px;
}
.timeline .section-block h2 {
  font-size: 2.5em;
  color: white;
  padding: 0px 0px 0px 133px;
  position: relative;
  margin-left: -32px;
  margin-top: 0px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .timeline .section-block h2 {
    font-size: 1.3em;
  }
}
.timeline .section-block h2:before {
  content: " ";
  position: absolute;
  display: block;
  left: 0px;
  top: -4px;
  width: 103px;
  height: 58px;
  background-image: url(/wp-content/themes/name-a-puppy/images/h2-pin.svg);
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}
.timeline .section-block h2:lang(he-IL):before {
  left: auto;
  right: 0px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.timeline .section-block h2.celebration {
  margin-bottom: 100px;
}
.timeline .section-block h2.celebration:after {
  content: " ";
  position: absolute;
  display: block;
  width: 350px;
  height: 100px;
  top: 100%;
  background-image: url(/wp-content/themes/name-a-puppy/images/bunting.svg);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.timeline .section-block h2.celebration:lang(he-IL):after {
  width: 260px;
  left: auto;
  right: 150px;
}
.timeline .section-block h2.celebration.graduation:after {
  left: 90px;
}
.timeline .section-block h2.celebration.graduation:lang(he-IL):after {
  width: 260px;
  left: auto;
  right: 110px;
}
.timeline .section-block .section-item {
  margin-left: 80px;
}
@media (max-width: 900px) {
  .timeline .section-block .section-item {
    margin-left: 30px;
  }
}
.timeline .section-block .section-item:lang(he-IL) {
  margin-left: 0px;
  margin-right: 80px;
}
@media (max-width: 900px) {
  .timeline .section-block .section-item:lang(he-IL) {
    margin-right: 30px;
  }
}
.timeline .section-block .section-item .item-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  align-items: flex-start;
  margin: 0px -30px;
}
.timeline .section-block .section-item .item-wrapper .gen-item {
  position: relative;
  background-color: white;
  width: calc(50% - 60px);
  max-width: 540px;
  height: auto;
  box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.7);
  margin: 60px 0px 60px 0px;
  opacity: 0;
  -webkit-transform: rotate(60deg) scale3d(1.5, 1.5, 1.5) translateY(600px);
          transform: rotate(60deg) scale3d(1.5, 1.5, 1.5) translateY(600px);
  transition: 0.5s ease-in-out;
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
@media (max-width: 830px) {
  .timeline .section-block .section-item .item-wrapper .gen-item {
    width: calc(100% - 60px);
  }
}
.timeline .section-block .section-item .item-wrapper .gen-item .controls {
  position: absolute;
  top: 0px;
  left: calc(100% + 20px);
  font-size: 1.5em;
}
.timeline .section-block .section-item .item-wrapper .gen-item .controls a {
  color: black;
}
@media screen and (max-width: 600px) {
  .timeline .section-block .section-item .item-wrapper .gen-item .controls {
    left: auto;
    top: calc(100% + 20px);
  }
}
.timeline .section-block .section-item .item-wrapper .gen-item .controls div {
  border-radius: 24px;
  background-color: var(--palette-active-base);
  color: black;
  width: 48px;
  height: 48px;
  text-align: center;
  box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.7);
  transition: 0.3s ease-in-out;
}
.timeline .section-block .section-item .item-wrapper .gen-item .controls div:hover {
  background-color: var(--palette-active-dark);
}
.timeline .section-block .section-item .item-wrapper .gen-item .balloon, .timeline .section-block .section-item .item-wrapper .gen-item .cake, .timeline .section-block .section-item .item-wrapper .gen-item .lilcake, .timeline .section-block .section-item .item-wrapper .gen-item .prosecco, .timeline .section-block .section-item .item-wrapper .gen-item .present {
  width: 80px;
  position: absolute;
}
.timeline .section-block .section-item .item-wrapper .gen-item .balloon-one {
  top: 40px;
  left: -40px;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
.timeline .section-block .section-item .item-wrapper .gen-item .balloon-one:lang(he-IL) {
  left: auto;
  right: -10px;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
.timeline .section-block .section-item .item-wrapper .gen-item .balloon-two {
  bottom: -50px;
  right: -40px;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
.timeline .section-block .section-item .item-wrapper .gen-item .balloon-two:lang(he-IL) {
  left: -40px;
  right: auto;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
.timeline .section-block .section-item .item-wrapper .gen-item .balloon-three {
  top: -130px;
  left: -20px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
.timeline .section-block .section-item .item-wrapper .gen-item .balloon-three:lang(he-IL) {
  top: -130px;
  right: -10px;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.timeline .section-block .section-item .item-wrapper .gen-item .balloon-four {
  top: 60px;
  right: -70px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  width: 130px;
}
.timeline .section-block .section-item .item-wrapper .gen-item .balloon-four:lang(he-IL) {
  right: auto;
  left: -70px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
.timeline .section-block .section-item .item-wrapper .gen-item .lilcake-one {
  bottom: -30px;
  right: 120px;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  width: 100px;
}
.timeline .section-block .section-item .item-wrapper .gen-item .lilcake-one:lang(he-IL) {
  left: 120px;
  right: auto;
  tranform: rotate(-10deg);
}
.timeline .section-block .section-item .item-wrapper .gen-item .prosecco {
  width: 130px;
  right: -50px;
  bottom: -160px;
}
.timeline .section-block .section-item .item-wrapper .gen-item .prosecco:lang(he-IL) {
  left: -50px;
  right: auto;
}
.timeline .section-block .section-item .item-wrapper .gen-item .present {
  width: 130px;
  right: 10px;
  top: -70px;
}
.timeline .section-block .section-item .item-wrapper .gen-item .present:lang(he-IL) {
  left: 10px;
  right: auto;
}
.timeline .section-block .section-item .item-wrapper .gen-item.txt-item.graduation-text {
  margin-bottom: 140px;
}
.timeline .section-block .section-item .item-wrapper .gen-item:nth-child(odd) {
  margin: 60px 60px 60px 0px;
}
.timeline .section-block .section-item .item-wrapper .gen-item:nth-child(odd):lang(he-IL) {
  margin: 60px 0px 60px 60px;
}
@media (max-width: 830px) {
  .timeline .section-block .section-item .item-wrapper .gen-item:nth-child(odd):lang(he-IL) {
    margin: 60px 0px;
  }
}
@media (max-width: 830px) {
  .timeline .section-block .section-item .item-wrapper .gen-item:nth-child(odd) {
    margin: 60px 0px;
  }
}
.timeline .section-block .section-item .item-wrapper .gen-item:nth-child(even) {
  margin: 60px 0px 60px 60px;
}
.timeline .section-block .section-item .item-wrapper .gen-item:nth-child(even):lang(he-IL) {
  margin: 60px 60px 60px 0px;
}
@media (max-width: 830px) {
  .timeline .section-block .section-item .item-wrapper .gen-item:nth-child(even):lang(he-IL) {
    margin: 60px 0px;
  }
}
@media (max-width: 830px) {
  .timeline .section-block .section-item .item-wrapper .gen-item:nth-child(even) {
    margin: 60px 0px;
  }
}
.timeline .section-block .section-item .item-wrapper .gen-item:nth-child(2) {
  transition-delay: 0.3s;
}
.timeline .section-block .section-item .item-wrapper .gen-item:nth-child(3) {
  transition-delay: 0.6s;
}
.timeline .section-block .section-item .item-wrapper .gen-item:nth-child(4) {
  transition-delay: 0.9s;
}
.timeline .section-block .section-item .item-wrapper .gen-item:nth-child(5) {
  transition-delay: 1.2s;
}
.timeline .section-block .section-item .item-wrapper .gen-item:nth-child(6) {
  transition-delay: 1.5s;
}
.timeline .section-block .section-item .item-wrapper .gen-item.txt-item {
  padding: 30px;
  border-radius: 32px;
  background-color: white;
}
.timeline .section-block .section-item .item-wrapper .gen-item.txt-item h3 {
  color: var(--palette-primary-base);
  text-transform: uppercase;
}
.timeline .section-block .section-item .item-wrapper .gen-item.txt-item .cursive {
  font-family: "Loved by the King", cursive;
  color: black;
}
.timeline .section-block .section-item .item-wrapper .gen-item.txt-item.cursive p.not-cursive {
  font-family: "Exo", Helvetica, Arial, sans-serif;
  color: black;
}
.timeline .section-block .section-item .item-wrapper .gen-item.txt-item.cursive p, .timeline .section-block .section-item .item-wrapper .gen-item.txt-item.cursive p span {
  color: midnightblue;
  color: black;
}
.timeline .section-block .section-item .item-wrapper .gen-item.txt-item.cursive p:lang(he-IL), .timeline .section-block .section-item .item-wrapper .gen-item.txt-item.cursive p span:lang(he-IL) {
  font-family: "Amatic SC", cursive;
}
.timeline .section-block .section-item .item-wrapper .gen-item.pup-pic {
  position: relative;
  padding: 15px 15px 80px;
  max-width: 420px;
}
.timeline .section-block .section-item .item-wrapper .gen-item.pup-pic .caption {
  font-family: "Loved by the King", cursive;
  font-size: 1.7em;
  color: black;
  position: absolute;
  bottom: 20px;
  left: 15px;
}
.timeline .section-block .section-item .item-wrapper .gen-item.pup-pic .caption:lang(he-IL) {
  font-family: "Amatic SC", cursive;
  left: auto;
  right: 30px;
}
.timeline .section-block .section-item .item-wrapper.is-inview .gen-item {
  -webkit-transform: rotate(-3deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(-3deg) scale3d(1, 1, 1) translateY(0px);
  opacity: 1;
}
.timeline .section-block .section-item .item-wrapper.is-inview .gen-item:nth-child(even) {
  -webkit-transform: rotate(3deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(3deg) scale3d(1, 1, 1) translateY(0px);
}
.timeline .section-block .section-item .item-wrapper.is-inview .gen-item.txt-item {
  -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(0deg) scale3d(1, 1, 1) translateY(0px);
}
.timeline .section-block .item-wrapper.centered {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.timeline .section-block .section-item .factoid {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  transition: 0.5s ease-in-out;
  margin: 100px 20px;
  width: calc(33.3333% - 40px);
}
.timeline .section-block .section-item .factoid .doggraphic-wrap .threedog {
  max-width: 260px;
  display: block;
  margin: 0px auto;
}
.timeline .section-block .section-item .factoid .doggraphic-wrap .threedog:first-child {
  margin-bottom: 10px;
}
.timeline .section-block .section-item .factoid h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  color: white;
  padding: 20px 40px;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1100px) {
  .timeline .section-block .section-item .factoid h3 {
    padding: 20px 0px;
  }
}
.timeline .section-block .section-item .factoid h3.twotier {
  text-transform: uppercase;
  padding: 0px;
  font-size: 1.7em;
  text-align: left;
  font-weight: 900;
}
.timeline .section-block .section-item .factoid p {
  padding: 0px 40px;
  font-weight: 600;
  text-align: center;
  font-size: 1.2rem;
}
.timeline .section-block .section-item .factoid .paw {
  max-width: 200px;
  display: block;
  margin: 20px auto;
}
.timeline .section-block .section-item .factoid .dogstat {
  max-width: 350px;
  display: block;
  margin: 0px auto;
}
.timeline .section-block .section-item .factoid.small {
  margin: 50px 20px;
  width: calc(33.333% - 40px);
  margin: 50px 10px;
}
@media (max-width: 900px) {
  .timeline .section-block .section-item .factoid.small {
    width: calc(50% - 20px);
  }
}
@media (max-width: 720px) {
  .timeline .section-block .section-item .factoid.small {
    width: calc(80% - 20px);
  }
}
.timeline .section-block .section-item .factoid.small img {
  display: block;
  margin: 30px auto;
}
.timeline .section-block .section-item .factoid.small .eye {
  max-width: 240px;
}
.timeline .section-block .section-item .factoid.small .circlestat {
  max-width: 240px;
}
.timeline .section-block .section-item .factoid.typo {
  width: 33.333%;
  margin: 50px 0px;
  padding: 0px 30px;
  text-align: left;
}
@media (max-width: 900px) {
  .timeline .section-block .section-item .factoid.typo {
    width: 50%;
  }
}
@media (max-width: 720px) {
  .timeline .section-block .section-item .factoid.typo {
    width: 80%;
  }
}
.timeline .section-block .section-item .factoid.typo:before {
  content: "*Did you know...";
  font-family: "Loved by the King", cursive;
  font-size: 2.25em;
  color: white;
  width: 100%;
  display: block;
  text-align: left;
}
.timeline .section-block .section-item .factoid.typo:lang(he-IL) {
  text-align: right;
}
.timeline .section-block .section-item .factoid.typo:lang(he-IL):before {
  font-family: "Amatic SC", cursive;
  content: "הידעת...";
  text-align: right;
}
.timeline .section-block .section-item .factoid.is-inview {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.timeline .section-block.rule {
  border-left: 6px white solid;
}
.timeline .section-block.rule:lang(he-IL) {
  border-left: none;
  border-right: 6px white solid;
}
.timeline .section-block.kindergarten .section-item .item-wrapper.is-inview .gen-item:nth-child(1) {
  -webkit-transform: rotate(4deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(4deg) scale3d(1, 1, 1) translateY(0px);
  opacity: 1;
}
.timeline .section-block.sixmonth .section-item .item-wrapper.is-inview .gen-item:nth-child(1) {
  -webkit-transform: rotate(-5deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(-5deg) scale3d(1, 1, 1) translateY(0px);
  opacity: 1;
}
.timeline .section-block.sixmonth .section-item .item-wrapper.is-inview .gen-item:nth-child(2) {
  -webkit-transform: rotate(2deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(2deg) scale3d(1, 1, 1) translateY(0px);
  opacity: 1;
}
.timeline .section-block.sixmonth .section-item .item-wrapper.is-inview .gen-item.txt-item:nth-child(2) {
  -webkit-transform: rotate(0deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(0deg) scale3d(1, 1, 1) translateY(0px);
}
.timeline .section-block.sixmonth .section-item .item-wrapper.is-inview .gen-item:nth-child(3) {
  -webkit-transform: rotate(-3deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(-3deg) scale3d(1, 1, 1) translateY(0px);
  opacity: 1;
}
.timeline .section-block.ninemonth .section-item .item-wrapper.is-inview .gen-item:nth-child(1) {
  -webkit-transform: rotate(6deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(6deg) scale3d(1, 1, 1) translateY(0px);
  opacity: 1;
}
.timeline .section-block.ninemonth .section-item .item-wrapper.is-inview .gen-item:nth-child(2) {
  -webkit-transform: scale3d(1, 1, 1) translateY(0px);
          transform: scale3d(1, 1, 1) translateY(0px);
  opacity: 1;
}
.timeline .section-block.ninemonth .section-item .item-wrapper.is-inview .gen-item:nth-child(3) {
  -webkit-transform: rotate(3deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(3deg) scale3d(1, 1, 1) translateY(0px);
  opacity: 1;
}
.timeline .section-block.birthday .section-item .item-wrapper.is-inview .gen-item:nth-child(1) {
  -webkit-transform: rotate(6deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(6deg) scale3d(1, 1, 1) translateY(0px);
  opacity: 1;
}
.timeline .section-block.birthday .section-item .item-wrapper.is-inview .gen-item:nth-child(2) {
  -webkit-transform: rotate(-4deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(-4deg) scale3d(1, 1, 1) translateY(0px);
  opacity: 1;
}
.timeline .section-block.birthday .section-item .item-wrapper.is-inview .gen-item:nth-child(3) {
  -webkit-transform: rotate(3deg) scale3d(1, 1, 1) translateY(0px);
          transform: rotate(3deg) scale3d(1, 1, 1) translateY(0px);
  opacity: 1;
}
.timeline .section-block:last-child {
  border-left: 6px transparent solid;
}
.timeline .download a {
  text-decoration: none;
  font-size: 1.5em;
  color: var(--palette-primary-base);
  font-weight: 600;
}
.timeline .download a:hover {
  color: var(--palette-primary-dark);
}

.gallery {
  max-width: 1700px;
  /*-webkit-transform: rotate(1deg);
          transform: rotate(1deg);*/
  border-radius: 3px;
  padding: 100px 50px;
  background-image: url(/wp-content/themes/name-a-puppy/images/gallery_bg.jpg);
  background-size: contain;
  margin: 0px auto;
  border: 8px solid rgb(84, 21, 21);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}
@media (max-width: 1700px) {
  .gallery {
    margin: 0px 40px;
  }
}
@media screen and (max-width: 600px) {
  .gallery {
    padding: 100px 20px;
  }
}
.gallery:lang(he-IL) {
  -webkit-transform: rotate(-1deg);
          transform: rotate(-1deg);
}
.gallery h2 {
  font-family: "Loved by the King", cursive;
  font-size: 2.5em;
  color: midnightblue;
  color: black;
  margin: 0px 0px 50px 50px;
}
@media screen and (max-width: 600px) {
  .gallery h2 {
    font-size: 1.8em;
    margin: 0px 20px 10px 20px;
  }
}
.gallery .gallery-wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
/* fluid 5 columns */
.grid-sizer,
.gallery .gal-img { width: 23%; }
.gallery .gal-img img {width:100%;}
/* 2 columns wide */
.grid-item--width2 { width: 40%; }
.gutter-sizer { width: 10%; }

@media all and (max-width:768px){
.grid-sizer,
.gallery .gal-img { width: 43%; }
.gutter-sizer { width: 2%; }
.gallery {margin:0;padding:29px 20px;}
article {padding:0 15px;}
}
/*
.gallery .gal-img {
  width: calc(25% - 140px);
  margin: 40px 70px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .gallery .gal-img {
    width: calc(25% - 40px);
    margin: 40px 20px;
  }
}
@media screen and (max-width: 600px) {
  .gallery .gal-img {
    margin: 20px 20px;
    width: 100%;
  }
}
.gallery .gal-img img {
  width: 100%;
  height: auto;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}*/
.gallery .gal-img:before {
  content: " ";
  display: block;
  position: absolute;
  top: -3px;
  left: -3px;
  width: 35px;
  height: 36px;
  background-image: url(/wp-content/themes/name-a-puppy/images/photoclip.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.gallery .gal-img:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: -10px;
  right: -3px;
  width: 35px;
  height: 36px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url(/wp-content/themes/name-a-puppy/images/photoclip.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.swiper-slide {
  visibility: hidden;
}

@media screen and (max-width: 600px) {
  .single-puppy .main-slider .swiper-pagination {
    display: none;
  }
}

.swiper-slide.swiper-slide-active {
  visibility: visible;
}

.swiper-button-prev, .swiper-button-next {
  top: auto;
  bottom: 0px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: auto;
  right: 100px;
}
@media screen and (max-width: 600px) {
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 40px;
    right: auto;
  }
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 40px;
  left: auto;
}

.card {
  background-color: grey;
  padding: 8rem 4rem;
  border-radius: radius(base);
}

.button {
  transition: 0.2s ease-in-out;
}

.button-active {
  --button-background-color: var(--palette-active-base);
  --button-border-color: transparent;
  --button-color: black;
  --button-hover-background-color: var(--palette-active-dark);
  --button-hover-border-color: transparent;
  --button-hover-color: black;
  --button-disabled-background-color: var(--palette-black-70);
  --button-disabled-border-color: transparent;
  --button-disabled-color: var(--palette-white-70);
}

.wp-pagenavi {
  margin: 30px 0px;
}
.wp-pagenavi span, .wp-pagenavi a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #e2e2e2;
  font-size: 1rem;
  line-height: 1.4rem;
  box-sizing: border-box;
  margin-right: 4px;
  border: 1px solid #e2e2e2;
}
.wp-pagenavi span.current {
  background-color: white;
  color: var(--c-brand-alpha);
  border: 1px solid var(--c-brand-alpha);
}
.wp-pagenavi .smaller {
  font-size: 1rem;
  line-height: 1.4rem;
}
.wp-pagenavi a {
  background-color: var(--c-brand-alpha);
  border: 1px solid var(--c-brand-alpha);
  color: white;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.wp-pagenavi a:hover {
  background-color: var(--c-brand-alpha-light);
  border: 1px solid var(--c-brand-alpha-light);
}

/**
 * Swiper 5.4.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2020
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.site-footer {
  padding: 0px 30px;
}
@media screen and (max-width: 767px) {
  .site-footer {
    text-align: center;
  }
}
.site-footer a {
  text-decoration: none;
  color: var(--palette-active-base);
  background: none;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.site-footer a:hover {
  color: var(--palette-active-dark);
  background-image: linear-gradient(120deg, var(--palette-active-base) 0%, var(--palette-active-base) 100%);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.site-info {
  padding: 60px 0px;
  border-top: 1px solid white;
}
.site-info .column p {
  font-size: 15px;
}
.site-info .column p:last-child {
  font-size: 12px;
}
.site-info a {
  font-size: 22px;
}
@media screen and (max-width: 1190px) {
  .site-info a {
    font-size: 18px;
  }
}
@media screen and (max-width: 998px) {
  .site-info a {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .site-info a {
    font-size: 22px;
  }
}
.site-info .accreditations {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .site-info .accreditations {
    text-align: center;
    margin-top: 40px;
  }
}
.site-info .accreditations img {
  height: 60px;
  width: auto;
  margin: 0px 15px 30px;
}
.site-info .accreditations img:last-child {
  margin-right: 0px;
}
@media screen and (max-width: 767px) {
  .site-info .accreditations img:last-child {
    margin-right: 15px;
  }
}

.copyright-privacy {
  border-top: 1px solid white;
  padding: 60px 0px;
}
.copyright-privacy a {
  text-decoration: none;
  background-image: linear-gradient(120deg, var(--palette-active-base) 0%, var(--palette-active-base) 100%);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom;
  transition: background-size 0.1s linear;
}
.copyright-privacy a:hover {
  color: black;
  background-size: 100% 100%;
}

.copyright-privacy.grid {
  align-content: center;
  align-items: center;
}

.social-icons-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-content: stretch;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .social-icons-wrapper {
    justify-content: center;
  }
}
.social-icons-wrapper a {
  display: block;
  color: white;
  font-size: 36px;
  margin: 0px 8px;
  background-image: none;
  transition: 0.3s ease-in-out;
}
.social-icons-wrapper a:hover {
  color: var(--palette-active-base);
  background-image: none;
}
.social-icons-wrapper a:first-child {
  margin-left: 0px;
}
.social-icons-wrapper a:last-child {
  margin-right: 0px;
}

.footer-nav {
  display: inline-block;
}
.footer-nav a {
  font-size: 85%;
}


.insta-like-gallery {width: 100%;display: flex;flex-wrap: wrap;}
.gal-insta {position:relative;width: calc(100% / 3);padding: 10px 10px 0;}
.gal-insta img {aspect-ratio: 3/4;object-fit: cover;width: 100%;}
.insta-hover {opacity:0;display:block;width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(0,0,0,0.3);-webkit-transition: all 0.250s ease-in-out;-moz-transition: all 0.250s ease-in-out;-o-transition: all 0.250s ease-in-out;transition: all 0.250s ease-in-out}
.gal-insta:hover .insta-hover {opacity:1;}
@media all and (max-width: 768px){
.gal-insta {padding: 0 5px;width: calc(100% / 2)}
}
/*# sourceMappingURL=main.css.map */