/**
 * We want to import those from root level so that we don't change specifity of the rules
 * and also don't break some rules like @font-face.
 */
/*!
 *  TIDAL Styleguide v12.4.0
 */
/* GRADIENTS */
@font-face {
  font-family: nationale;
  font-display: fallback;
  src: url("../fonts/tidal/nationale-regular.eot");
  src: url("../fonts/tidal/nationale-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/tidal/nationale-regular.woff2") format("woff2"), url("../fonts/tidal/nationale-regular.woff") format("woff"), url("../fonts/tidal/nationale-regular.otf") format("opentype");
}
@font-face {
  font-family: nationale;
  font-weight: 500;
  font-display: fallback;
  src: url("../fonts/tidal/nationale-medium.eot");
  src: url("../fonts/tidal/nationale-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/tidal/nationale-medium.woff2") format("woff2"), url("../fonts/tidal/nationale-medium.woff") format("woff"), url("../fonts/tidal/nationale-medium.otf") format("opentype");
}
@font-face {
  font-family: nationale;
  font-weight: 600;
  font-display: fallback;
  src: url("../fonts/tidal/nationale-demibold.eot");
  src: url("../fonts/tidal/nationale-demibold.eot?#iefix") format("embedded-opentype"), url("../fonts/tidal/nationale-demibold.woff2") format("woff2"), url("../fonts/tidal/nationale-demibold.woff") format("woff"), url("../fonts/tidal/nationale-demibold.otf") format("opentype");
}
@font-face {
  font-family: nationale;
  font-weight: 700;
  font-display: fallback;
  src: url("../fonts/tidal/nationale-bold.eot");
  src: url("../fonts/tidal/nationale-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/tidal/nationale-bold.woff2") format("woff2"), url("../fonts/tidal/nationale-bold.woff") format("woff"), url("../fonts/tidal/nationale-bold.otf") format("opentype");
}
@font-face {
  font-family: nationale;
  font-weight: 900;
  font-display: fallback;
  src: url("../fonts/tidal/nationale-black.eot");
  src: url("../fonts/tidal/nationale-black.eot?#iefix") format("embedded-opentype"), url("../fonts/tidal/nationale-black.woff2") format("woff2"), url("../fonts/tidal/nationale-black.woff") format("woff"), url("../fonts/tidal/nationale-black.otf") format("opentype");
}
/* RESET
 * Fix browser inconsistencies, and set baseline and single-direction margins
*/
/* stylelint-disable no-descending-specificity  */
html {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}

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

body {
  color: #26282d;
  background-color: #fff;
  font-family: nationale, nationale-regular, helvetica, arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

::selection {
  background-color: #0ff;
}

blockquote,
[canvas-page] h1,
[canvas-page] h2,
[canvas-page] h3,
[canvas-page] h4,
[canvas-page] h5,
[canvas-page] h6,
p,
dl,
dt,
dd,
ol,
ul,
li,
button,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* stylelint-disable-next-line */
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
footer,
header,
main,
menu,
nav,
section,
iframe,
figcaption,
figure {
  display: block;
}

ul,
ol,
dd,
p,
blockquote,
small,
figure,
table,
fieldset,
input,
textarea,
.form-select-wrapper,
.baseline-flow {
  margin-bottom: 1.5rem;
}
[class*=col-] ul:last-child,
[class*=col-] ol:last-child,
[class*=col-] dd:last-child,
[class*=col-] p:last-child,
[class*=col-] blockquote:last-child,
[class*=col-] small:last-child,
[class*=col-] figure:last-child,
[class*=col-] table:last-child,
[class*=col-] fieldset:last-child,
[class*=col-] input:last-child,
[class*=col-] textarea:last-child,
[class*=col-] .form-select-wrapper:last-child,
[class*=col-] .baseline-flow:last-child {
  margin-bottom: 0;
}

[canvas-page] h1,
[canvas-page] h2,
[canvas-page] h3,
[canvas-page] h4,
[canvas-page] h5,
[canvas-page] h6 {
  font-weight: 700;
}

ul,
ol {
  padding-left: 1.5rem;
}

li {
  margin-bottom: 0.375rem;
}

img {
  border-style: none;
  max-height: 100%;
  max-height: inherit;
  height: auto;
  max-width: 100%;
}
img:not([width], .fullwidth, .img-cover) {
  width: auto;
}
img[srcset] {
  width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix::after, .row::after, .wrapper::after {
  content: "";
  display: table;
  clear: both;
  flex-basis: 0;
  order: 1;
}

html {
  font-size: 16px;
  font-size: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga" on;
}
@media (min-width: 1200px) {
  html {
    font-size: 18px;
    font-size: 112.5%;
  }
}

.font-size-huge, blockquote {
  font-size: 3rem;
  line-height: 1.25;
}
@media (min-width: 992px) {
  .font-size-huge, blockquote {
    font-size: 3.5rem;
  }
}

.font-size-big {
  font-size: 3rem;
  line-height: 1.25;
}

@media (min-width: 576px) {
  .font-size-big-sm-min {
    font-size: 3rem;
    line-height: 1.25;
  }
}

@media (max-width: 575px) {
  .font-size-big-sm-max {
    font-size: 3rem;
    line-height: 1.25;
  }
}

@media (min-width: 768px) {
  .font-size-big-md-min {
    font-size: 3rem;
    line-height: 1.25;
  }
}

@media (max-width: 767px) {
  .font-size-big-md-max {
    font-size: 3rem;
    line-height: 1.25;
  }
}

@media (min-width: 992px) {
  .font-size-big-lg-min {
    font-size: 3rem;
    line-height: 1.25;
  }
}

@media (max-width: 991px) {
  .font-size-big-lg-max {
    font-size: 3rem;
    line-height: 1.25;
  }
}

.font-size-large {
  font-size: 2rem;
  line-height: 1.25;
}

@media (min-width: 576px) {
  .font-size-large-sm-min {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media (max-width: 575px) {
  .font-size-large-sm-max {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media (min-width: 768px) {
  .font-size-large-md-min {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media (max-width: 767px) {
  .font-size-large-md-max {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media (min-width: 992px) {
  .font-size-large-lg-min {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media (max-width: 991px) {
  .font-size-large-lg-max {
    font-size: 2rem;
    line-height: 1.25;
  }
}

.font-size-medium {
  font-size: 1.5rem;
  line-height: 1.25;
}

@media (min-width: 576px) {
  .font-size-medium-sm-min {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media (max-width: 575px) {
  .font-size-medium-sm-max {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media (min-width: 768px) {
  .font-size-medium-md-min {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media (max-width: 767px) {
  .font-size-medium-md-max {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media (min-width: 992px) {
  .font-size-medium-lg-min {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media (max-width: 991px) {
  .font-size-medium-lg-max {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.font-size-intermediate {
  font-size: 1.25rem;
  line-height: 1.5;
}

@media (min-width: 576px) {
  .font-size-intermediate-sm-min {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media (max-width: 575px) {
  .font-size-intermediate-sm-max {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media (min-width: 768px) {
  .font-size-intermediate-md-min {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .font-size-intermediate-md-max {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media (min-width: 992px) {
  .font-size-intermediate-lg-min {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media (max-width: 991px) {
  .font-size-intermediate-lg-max {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.font-size-regular {
  font-size: 1rem;
  line-height: 1.5;
}

@media (min-width: 576px) {
  .font-size-regular-sm-min {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (max-width: 575px) {
  .font-size-regular-sm-max {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (min-width: 768px) {
  .font-size-regular-md-min {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .font-size-regular-md-max {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (min-width: 992px) {
  .font-size-regular-lg-min {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (max-width: 991px) {
  .font-size-regular-lg-max {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.font-size-small, small {
  font-size: 0.75rem;
  line-height: 1.5;
}

@media (min-width: 576px) {
  .font-size-small-sm-min {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

@media (max-width: 575px) {
  .font-size-small-sm-max {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

@media (min-width: 768px) {
  .font-size-small-md-min {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  .font-size-small-md-max {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

@media (min-width: 992px) {
  .font-size-small-lg-min {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

@media (max-width: 991px) {
  .font-size-small-lg-max {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

.font-size-client {
  font-size: 16px;
  line-height: 1.5;
}

[canvas-page] h1,
.heading-big {
  font-size: 3rem;
  line-height: 1.25;
  margin-bottom: 1.5rem;
}
[canvas-page] h1:not(:first-child),
.heading-big:not(:first-child) {
  margin-top: 5rem;
}

[canvas-page] h2,
.heading-large {
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: 1.5rem;
}
[canvas-page] h2:not(:first-child),
.heading-large:not(:first-child) {
  margin-top: 4rem;
}

[canvas-page] h3,
.heading-medium {
  font-size: 1.5rem;
  line-height: 1.25;
  margin-bottom: 1rem;
}
[canvas-page] h3:not(:first-child),
.heading-medium:not(:first-child) {
  margin-top: 3rem;
}

[canvas-page] h4,
.heading-intermediate {
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
[canvas-page] h4:not(:first-child),
.heading-intermediate:not(:first-child) {
  margin-top: 3rem;
}

[canvas-page] h5,
.heading-regular {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0.5rem 0;
}
[canvas-page] h5:not(:first-child),
.heading-regular:not(:first-child) {
  margin-top: 2rem;
}

[canvas-page] h6,
.heading-small {
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 400;
  margin: 0.5rem 0;
  opacity: 0.6;
  text-transform: uppercase;
}
[canvas-page] h6:not(:first-child),
.heading-small:not(:first-child) {
  margin-top: 2rem;
}

u,
a {
  text-decoration-skip: ink;
  /* New spec */
  text-decoration-skip-ink: auto;
}

a {
  background-color: transparent;
  color: currentColor;
}

a:not(.custom-focus):focus-visible,
button:not(.custom-focus):focus-visible,
input:not(.custom-focus):focus-visible {
  outline: 1px solid #0ff;
  outline-offset: 2px;
  /* stylelint-disable-next-line no-descending-specificity, selector-list-comma-newline-after  */
}
a:not(.custom-focus):focus-visible.visible-offset-0,
button:not(.custom-focus):focus-visible.visible-offset-0,
input:not(.custom-focus):focus-visible.visible-offset-0 {
  outline-offset: -1px;
}
.theme-native a:not(.custom-focus):focus-visible, [class*=theme-] .theme-native a:not(.custom-focus):focus-visible,
.theme-native button:not(.custom-focus):focus-visible,
[class*=theme-] .theme-native button:not(.custom-focus):focus-visible,
.theme-native input:not(.custom-focus):focus-visible,
[class*=theme-] .theme-native input:not(.custom-focus):focus-visible {
  outline-color: #00f;
  outline-color: Highlight;
  outline-color: -webkit-focus-ring-color;
}
@media screen and (prefers-color-scheme: dark) {
  .theme-native a:not(.custom-focus):focus-visible, [class*=theme-] .theme-native a:not(.custom-focus):focus-visible,
  .theme-native button:not(.custom-focus):focus-visible,
  [class*=theme-] .theme-native button:not(.custom-focus):focus-visible,
  .theme-native input:not(.custom-focus):focus-visible,
  [class*=theme-] .theme-native input:not(.custom-focus):focus-visible {
    outline-color: #0ff;
  }
}
.theme-native [class*=theme-]:not(.theme-native):not(.theme-white):not(.theme-grey-light):not(.theme-semi-transparent) a:not(.custom-focus):focus-visible,
.theme-native [class*=theme-]:not(.theme-native):not(.theme-white):not(.theme-grey-light):not(.theme-semi-transparent) button:not(.custom-focus):focus-visible,
.theme-native [class*=theme-]:not(.theme-native):not(.theme-white):not(.theme-grey-light):not(.theme-semi-transparent) input:not(.custom-focus):focus-visible {
  outline-color: #0ff;
}
.theme-white a:not(.custom-focus):focus-visible, [class*=theme-] .theme-white a:not(.custom-focus):focus-visible,
.theme-white button:not(.custom-focus):focus-visible,
[class*=theme-] .theme-white button:not(.custom-focus):focus-visible,
.theme-white input:not(.custom-focus):focus-visible,
[class*=theme-] .theme-white input:not(.custom-focus):focus-visible {
  outline-color: #00f;
  outline-color: Highlight;
  outline-color: -webkit-focus-ring-color;
}

small {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
  display: inline-block;
  margin: 0.5rem 0;
}

blockquote {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
  padding: 2.25rem 0;
}

/* GRID MIXINS */
/* WRAPPER */
.wrapper {
  clear: both;
  padding-left: 3rem;
  padding-right: 3rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1404px;
  width: 100%;
}
@media (max-width: 575px) {
  .wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* ROWS */
.row {
  display: flex !important;
  flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.row-full {
  min-width: 100%;
  width: 100vw;
  margin-left: 50%;
  margin-right: 0;
  transform: translateX(-50%);
}

/* COLUMN DEFAULTS */
[class*=col-] {
  float: left;
  margin-bottom: 1.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  min-height: 1px;
  min-width: 0;
  width: 100%;
}
[class*=col-] .row:last-child {
  margin-bottom: -1.5rem;
}

@media (min-width: 992px) {
  .col-align-right {
    margin-left: auto;
    float: right;
    order: 1;
  }
}

@media (min-width: 992px) {
  .col-1 {
    flex-shrink: 0;
    width: 8.3333333333%;
  }
  .col-1:nth-child(12n+1) {
    clear: both;
  }
}

@media (min-width: 992px) {
  .col-2 {
    flex-shrink: 0;
    width: 16.6666666667%;
  }
  .col-2:nth-child(6n+1) {
    clear: both;
  }
}

@media (min-width: 992px) {
  .col-3 {
    flex-shrink: 0;
    width: 25%;
  }
  .col-3:nth-child(4n+1) {
    clear: both;
  }
}

@media (min-width: 992px) {
  .col-4 {
    flex-shrink: 0;
    width: 33.3333333333%;
  }
  .col-4:nth-child(3n+1) {
    clear: both;
  }
}

@media (min-width: 992px) {
  .col-5 {
    flex-shrink: 0;
    width: 41.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-6 {
    flex-shrink: 0;
    width: 50%;
  }
  .col-6:nth-child(2n+1) {
    clear: both;
  }
}

@media (min-width: 992px) {
  .col-7 {
    flex-shrink: 0;
    width: 58.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-8 {
    flex-shrink: 0;
    width: 66.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-9 {
    flex-shrink: 0;
    width: 75%;
  }
}

@media (min-width: 992px) {
  .col-10 {
    flex-shrink: 0;
    width: 83.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-11 {
    flex-shrink: 0;
    width: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-12 {
    flex-shrink: 0;
    width: 100%;
  }
  .col-12:nth-child(1n+1) {
    clear: both;
  }
}

@media (min-width: 992px) {
  .col-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) {
  .col-offset-right-0 {
    margin-right: 0%;
  }
}

@media (min-width: 992px) {
  .col-offset-1 {
    margin-left: 8.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-offset-right-1 {
    margin-right: 8.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-offset-2 {
    margin-left: 16.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-offset-right-2 {
    margin-right: 16.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-offset-3 {
    margin-left: 25%;
  }
}

@media (min-width: 992px) {
  .col-offset-right-3 {
    margin-right: 25%;
  }
}

@media (min-width: 992px) {
  .col-offset-4 {
    margin-left: 33.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-offset-right-4 {
    margin-right: 33.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-offset-5 {
    margin-left: 41.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-offset-right-5 {
    margin-right: 41.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-offset-6 {
    margin-left: 50%;
  }
}

@media (min-width: 992px) {
  .col-offset-right-6 {
    margin-right: 50%;
  }
}

[class*=col-centered-] {
  float: none;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.col-centered-1 {
  flex-basis: 100%;
  max-width: 114.75px;
  width: auto;
}

.col-centered-2 {
  flex-basis: 100%;
  max-width: 229.5px;
  width: auto;
}

.col-centered-3 {
  flex-basis: 100%;
  max-width: 344.25px;
  width: auto;
}

.col-centered-4 {
  flex-basis: 100%;
  max-width: 459px;
  width: auto;
}

.col-centered-5 {
  flex-basis: 100%;
  max-width: 573.75px;
  width: auto;
}

.col-centered-6 {
  flex-basis: 100%;
  max-width: 688.5px;
  width: auto;
}

.col-centered-7 {
  flex-basis: 100%;
  max-width: 803.25px;
  width: auto;
}

.col-centered-8 {
  flex-basis: 100%;
  max-width: 918px;
  width: auto;
}

.col-centered-9 {
  flex-basis: 100%;
  max-width: 1032.75px;
  width: auto;
}

.col-centered-10 {
  flex-basis: 100%;
  max-width: 1147.5px;
  width: auto;
}

.col-centered-11 {
  flex-basis: 100%;
  max-width: 1262.25px;
  width: auto;
}

.col-centered-12 {
  flex-basis: 100%;
  max-width: 1377px;
  width: auto;
}

/* COLUMN MEDIUM */
@media (min-width: 768px) and (max-width: 991px) {
  [class*=col-md-] {
    float: left;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-align-right {
    margin-left: auto;
    float: right;
    order: 1;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-1 {
    flex-shrink: 0;
    width: 8.3333333333%;
  }
  .col-md-1:nth-child(12n+1) {
    clear: both;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-2 {
    flex-shrink: 0;
    width: 16.6666666667%;
  }
  .col-md-2:nth-child(6n+1) {
    clear: both;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-3 {
    flex-shrink: 0;
    width: 25%;
  }
  .col-md-3:nth-child(4n+1) {
    clear: both;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-4 {
    flex-shrink: 0;
    width: 33.3333333333%;
  }
  .col-md-4:nth-child(3n+1) {
    clear: both;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-5 {
    flex-shrink: 0;
    width: 41.6666666667%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-6 {
    flex-shrink: 0;
    width: 50%;
  }
  .col-md-6:nth-child(2n+1) {
    clear: both;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-7 {
    flex-shrink: 0;
    width: 58.3333333333%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-8 {
    flex-shrink: 0;
    width: 66.6666666667%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-9 {
    flex-shrink: 0;
    width: 75%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-10 {
    flex-shrink: 0;
    width: 83.3333333333%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-11 {
    flex-shrink: 0;
    width: 91.6666666667%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-12 {
    flex-shrink: 0;
    width: 100%;
  }
  .col-md-12:nth-child(1n+1) {
    clear: both;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-right-0 {
    margin-right: 0%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-right-1 {
    margin-right: 8.3333333333%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-right-2 {
    margin-right: 16.6666666667%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-3 {
    margin-left: 25%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-right-4 {
    margin-right: 33.3333333333%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-right-5 {
    margin-right: 41.6666666667%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-6 {
    margin-left: 50%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
}

@media (max-width: 991px) {
  [class*=col-md-centered-] {
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }
}

@media (max-width: 991px) {
  .col-md-centered-1 {
    flex-basis: 100%;
    max-width: 114.75px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .col-md-centered-2 {
    flex-basis: 100%;
    max-width: 229.5px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .col-md-centered-3 {
    flex-basis: 100%;
    max-width: 344.25px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .col-md-centered-4 {
    flex-basis: 100%;
    max-width: 459px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .col-md-centered-5 {
    flex-basis: 100%;
    max-width: 573.75px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .col-md-centered-6 {
    flex-basis: 100%;
    max-width: 688.5px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .col-md-centered-7 {
    flex-basis: 100%;
    max-width: 803.25px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .col-md-centered-8 {
    flex-basis: 100%;
    max-width: 918px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .col-md-centered-9 {
    flex-basis: 100%;
    max-width: 1032.75px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .col-md-centered-10 {
    flex-basis: 100%;
    max-width: 1147.5px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .col-md-centered-11 {
    flex-basis: 100%;
    max-width: 1262.25px;
    width: auto;
  }
}

@media (max-width: 991px) {
  .col-md-centered-12 {
    flex-basis: 100%;
    max-width: 1377px;
    width: auto;
  }
}

/* COLUMN SMALL */
@media (max-width: 767px) {
  [class*=col-sm-] {
    float: left;
  }
}

@media (max-width: 767px) {
  .col-sm-align-right {
    margin-left: auto;
    float: right;
    order: 1;
  }
}

@media (max-width: 767px) {
  .col-sm-1 {
    flex-shrink: 0;
    width: 8.3333333333%;
  }
  .col-sm-1:nth-child(12n+1) {
    clear: both;
  }
}

@media (max-width: 767px) {
  .col-sm-2 {
    flex-shrink: 0;
    width: 16.6666666667%;
  }
  .col-sm-2:nth-child(6n+1) {
    clear: both;
  }
}

@media (max-width: 767px) {
  .col-sm-3 {
    flex-shrink: 0;
    width: 25%;
  }
  .col-sm-3:nth-child(4n+1) {
    clear: both;
  }
}

@media (max-width: 767px) {
  .col-sm-4 {
    flex-shrink: 0;
    width: 33.3333333333%;
  }
  .col-sm-4:nth-child(3n+1) {
    clear: both;
  }
}

@media (max-width: 767px) {
  .col-sm-5 {
    flex-shrink: 0;
    width: 41.6666666667%;
  }
}

@media (max-width: 767px) {
  .col-sm-6 {
    flex-shrink: 0;
    width: 50%;
  }
  .col-sm-6:nth-child(2n+1) {
    clear: both;
  }
}

@media (max-width: 767px) {
  .col-sm-7 {
    flex-shrink: 0;
    width: 58.3333333333%;
  }
}

@media (max-width: 767px) {
  .col-sm-8 {
    flex-shrink: 0;
    width: 66.6666666667%;
  }
}

@media (max-width: 767px) {
  .col-sm-9 {
    flex-shrink: 0;
    width: 75%;
  }
}

@media (max-width: 767px) {
  .col-sm-10 {
    flex-shrink: 0;
    width: 83.3333333333%;
  }
}

@media (max-width: 767px) {
  .col-sm-11 {
    flex-shrink: 0;
    width: 91.6666666667%;
  }
}

@media (max-width: 767px) {
  .col-sm-12 {
    flex-shrink: 0;
    width: 100%;
  }
  .col-sm-12:nth-child(1n+1) {
    clear: both;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-right-0 {
    margin-right: 0%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-right-1 {
    margin-right: 8.3333333333%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-right-2 {
    margin-right: 16.6666666667%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-3 {
    margin-left: 25%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-right-4 {
    margin-right: 33.3333333333%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-right-5 {
    margin-right: 41.6666666667%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-6 {
    margin-left: 50%;
  }
}

@media (max-width: 767px) {
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
}

@media (max-width: 767px) {
  [class*=col-sm-centered-] {
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-1 {
    flex-basis: 100%;
    max-width: 114.75px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-2 {
    flex-basis: 100%;
    max-width: 229.5px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-3 {
    flex-basis: 100%;
    max-width: 344.25px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-4 {
    flex-basis: 100%;
    max-width: 459px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-5 {
    flex-basis: 100%;
    max-width: 573.75px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-6 {
    flex-basis: 100%;
    max-width: 688.5px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-7 {
    flex-basis: 100%;
    max-width: 803.25px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-8 {
    flex-basis: 100%;
    max-width: 918px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-9 {
    flex-basis: 100%;
    max-width: 1032.75px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-10 {
    flex-basis: 100%;
    max-width: 1147.5px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-11 {
    flex-basis: 100%;
    max-width: 1262.25px;
    width: auto;
  }
}

@media (max-width: 767px) {
  .col-sm-centered-12 {
    flex-basis: 100%;
    max-width: 1377px;
    width: auto;
  }
}

/* COLUMN SMALLEST */
@media (max-width: 575px) {
  .col-xs-fullwidth {
    flex-shrink: 0;
    width: 100%;
    float: left;
    clear: both;
    margin-left: auto;
    margin-right: auto;
  }
}

/* COMBINATIONS */
.row-custom [class*=col-] {
  clear: none;
}

.no-transition-leave {
  display: none;
}

@media (min-width: 992px) {
  .tidal-scroll-item {
    opacity: 0;
    transition: opacity cubic-bezier(0.4, 0, 1, 1) 0.25s;
    will-change: opacity, transform;
  }
}

.tidal-scroll-item:-webkit-full-screen-ancestor {
  animation: none !important;
}

@media (min-width: 768px) {
  .tidal-tablet-animation {
    opacity: 0;
    transition: opacity cubic-bezier(0.4, 0, 1, 1) 0.25s;
    will-change: opacity, transform;
  }
}

.tidal-mobile-animation {
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 1, 1) 0.25s;
  will-change: opacity, transform;
}

.tidal-lazy-image {
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 1, 1) 0.25s;
  will-change: opacity;
}

.tidal-lazy-image--handled,
.tidal-scroll-item--handled {
  will-change: initial;
}
@media screen and (prefers-reduced-motion) {
  .tidal-lazy-image--handled,
  .tidal-scroll-item--handled {
    opacity: 1;
  }
}

.tidal-lazy-image-wrapper--loaded.placeholder {
  background-color: transparent;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 1, 1);
}

.fade-in,
.fade-in--reverse,
.fade-in-enter-active {
  animation: fade-in 0.25s cubic-bezier(0.4, 0, 1, 1) both;
}

.fade-in-top,
.fade-in-top--reverse,
.fade-in-top-enter-active {
  animation: fade-in-top 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-bottom,
.fade-in-bottom--reverse,
.fade-in-bottom-enter-active {
  animation: fade-in-bottom 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-right,
.fade-in-right--reverse,
.fade-in-right-enter-active {
  animation: fade-in-right 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-left,
.fade-in-left--reverse,
.fade-in-left-enter-active {
  animation: fade-in-left 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.slide-in,
.slide-in--reverse,
.slide-in-enter-active {
  animation: slide-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.slide-in-above,
.slide-in-above--reverse,
.slide-in-above-enter-active {
  animation: slide-in-above 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.slide-in-left,
.slide-in-left--reverse,
.slide-in-left-enter-active {
  animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.slide-in-right,
.slide-in-right--reverse,
.slide-in-right-enter-active {
  animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

[class*="--reverse"] {
  animation-direction: reverse;
}

@media screen and (prefers-reduced-motion) {
  [class*=fade-in],
  [class*=slide-in] {
    animation: unset;
  }
}
@media (max-width: 767px) {
  [class*=fade-in].tidal-scroll-item:not(.tidal-mobile-animation),
  [class*=slide-in].tidal-scroll-item:not(.tidal-mobile-animation) {
    animation: unset;
  }
}
@media (max-width: 991px) {
  [class*=fade-in].tidal-scroll-item:not(.tidal-mobile-animation):not(.tidal-tablet-animation),
  [class*=slide-in].tidal-scroll-item:not(.tidal-mobile-animation):not(.tidal-tablet-animation) {
    animation: unset;
  }
}

/* stylelint-disable-next-line keyframes-name-pattern */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* stylelint-disable-next-line keyframes-name-pattern */
@keyframes fade-in-top {
  0% {
    transform: translateY(-0.75rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* stylelint-disable-next-line keyframes-name-pattern */
@keyframes fade-in-bottom {
  0% {
    transform: translateY(0.75rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* stylelint-disable-next-line keyframes-name-pattern */
@keyframes fade-in-right {
  0% {
    transform: translateX(3.75rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* stylelint-disable-next-line keyframes-name-pattern */
@keyframes fade-in-left {
  0% {
    transform: translateX(-3.75rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* stylelint-disable-next-line keyframes-name-pattern */
@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateY(3.75rem) translateZ(0);
  }
  to {
    opacity: 1;
    transform: translateY(0) translateZ(0);
  }
}
/* stylelint-disable-next-line keyframes-name-pattern */
@keyframes slide-in-above {
  from {
    opacity: 0;
    transform: translateY(-3.75rem) translateZ(0);
  }
  to {
    opacity: 1;
    transform: translateY(0) translateZ(0);
  }
}
/* stylelint-disable no-descending-specificity  */
.plain-button,
[class*=btn-] {
  appearance: none;
  user-select: none;
}
.plain-button:focus,
[class*=btn-]:focus {
  outline: 0;
}
.plain-button::-moz-focus-inner,
[class*=btn-]::-moz-focus-inner {
  border: 0;
}

.plain-button {
  color: inherit;
  cursor: pointer;
  background-color: transparent;
  text-align: inherit;
}

[class*=btn-] {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 3rem;
  height: 3rem;
  padding: 0 1.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  transition: color 0.25s cubic-bezier(0.4, 0, 1, 1), background-color 0.25s cubic-bezier(0.4, 0, 1, 1), border-color 0.25s cubic-bezier(0.4, 0, 1, 1), opacity 0.25s cubic-bezier(0.4, 0, 1, 1), transform 0.25s cubic-bezier(0.4, 0, 1, 1);
}
[class*=btn-].text-uppercase {
  font-size: 0.75rem;
}
[class*=btn-].text-uppercase.btn-small {
  font-size: 0.6667rem;
}
[class*=btn-]:disabled, [class*=btn-].disabled {
  border-color: #a9a9a9;
  color: #a9a9a9;
  opacity: 0.4;
  cursor: not-allowed;
}
[class*=btn-]:disabled:hover, [class*=btn-].disabled:hover {
  color: #a9a9a9;
}
[class*=btn-]:active {
  transform: scale(0.98);
}
[class*=btn-] i {
  margin-right: 0.5em;
}

.btn-primary,
.btn-primary-outline,
.btn-semi-transparent,
.btn-secondary,
.btn-secondary-outline {
  position: relative;
  z-index: 0;
}
.btn-primary::before,
.btn-primary-outline::before,
.btn-semi-transparent::before,
.btn-secondary::before,
.btn-secondary-outline::before {
  content: "";
  border-radius: inherit;
  position: absolute;
  z-index: -1;
  top: -1px;
  left: -1px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  transition: background-color 0.25s cubic-bezier(0.4, 0, 1, 1), opacity 0.25s cubic-bezier(0.4, 0, 1, 1);
}
.btn-primary:focus::before, .btn-primary:hover::before,
.btn-primary-outline:focus::before,
.btn-primary-outline:hover::before,
.btn-semi-transparent:focus::before,
.btn-semi-transparent:hover::before,
.btn-secondary:focus::before,
.btn-secondary:hover::before,
.btn-secondary-outline:focus::before,
.btn-secondary-outline:hover::before {
  opacity: 0.8;
}
.btn-primary:disabled, .btn-primary.disabled,
.btn-primary-outline:disabled,
.btn-primary-outline.disabled,
.btn-semi-transparent:disabled,
.btn-semi-transparent.disabled,
.btn-secondary:disabled,
.btn-secondary.disabled,
.btn-secondary-outline:disabled,
.btn-secondary-outline.disabled {
  color: #26282d;
}
.btn-primary:disabled::before, .btn-primary.disabled::before,
.btn-primary-outline:disabled::before,
.btn-primary-outline.disabled::before,
.btn-semi-transparent:disabled::before,
.btn-semi-transparent.disabled::before,
.btn-secondary:disabled::before,
.btn-secondary.disabled::before,
.btn-secondary-outline:disabled::before,
.btn-secondary-outline.disabled::before {
  background-color: #a9a9a9;
  opacity: 1;
}
.btn-primary:disabled:focus, .btn-primary:disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:hover,
.btn-primary-outline:disabled:focus,
.btn-primary-outline:disabled:hover,
.btn-primary-outline.disabled:focus,
.btn-primary-outline.disabled:hover,
.btn-semi-transparent:disabled:focus,
.btn-semi-transparent:disabled:hover,
.btn-semi-transparent.disabled:focus,
.btn-semi-transparent.disabled:hover,
.btn-secondary:disabled:focus,
.btn-secondary:disabled:hover,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary-outline:disabled:focus,
.btn-secondary-outline:disabled:hover,
.btn-secondary-outline.disabled:focus,
.btn-secondary-outline.disabled:hover {
  color: #26282d;
}
.btn-primary:disabled:focus::before, .btn-primary:disabled:hover::before, .btn-primary.disabled:focus::before, .btn-primary.disabled:hover::before,
.btn-primary-outline:disabled:focus::before,
.btn-primary-outline:disabled:hover::before,
.btn-primary-outline.disabled:focus::before,
.btn-primary-outline.disabled:hover::before,
.btn-semi-transparent:disabled:focus::before,
.btn-semi-transparent:disabled:hover::before,
.btn-semi-transparent.disabled:focus::before,
.btn-semi-transparent.disabled:hover::before,
.btn-secondary:disabled:focus::before,
.btn-secondary:disabled:hover::before,
.btn-secondary.disabled:focus::before,
.btn-secondary.disabled:hover::before,
.btn-secondary-outline:disabled:focus::before,
.btn-secondary-outline:disabled:hover::before,
.btn-secondary-outline.disabled:focus::before,
.btn-secondary-outline.disabled:hover::before {
  opacity: 1;
}

.btn-medium {
  line-height: 2.50005rem;
  height: 2.50005rem;
  padding: 0 1rem;
}

.btn-small {
  font-size: 0.75rem;
  line-height: 2.25rem;
  height: 2.25rem;
  padding: 0 0.75rem;
}

.btn-primary {
  color: #26282d;
  color: var(--ts-color-button-secondary, #26282d);
  border-color: #0ff;
  border-color: var(--ts-color-button-primary, #0ff);
}
.btn-primary::before {
  background-color: #0ff;
  background-color: var(--ts-color-button-primary, #0ff);
}

.btn-primary-outline {
  color: #0ff;
  color: var(--ts-color-button-primary, #0ff);
  border-color: #0ff;
  border-color: var(--ts-color-button-primary, #0ff);
}
.btn-primary-outline::before {
  background-color: #0ff;
  background-color: var(--ts-color-button-primary, #0ff);
  opacity: 0;
}
.btn-primary-outline:focus::before, .btn-primary-outline:hover::before {
  opacity: 0.2;
}
.btn-primary-outline:disabled, .btn-primary-outline.disabled {
  color: currentColor !important;
}
.btn-primary-outline:disabled::before, .btn-primary-outline.disabled::before {
  opacity: 0 !important;
}

.btn-semi-transparent {
  color: var(--ts-color-button-secondary, inherit);
}
.btn-semi-transparent::before {
  background-color: currentColor;
  background-color: var(--ts-color-button-primary, currentColor);
  opacity: 0.4;
}
.btn-semi-transparent:focus::before, .btn-semi-transparent:hover::before {
  opacity: 0.2;
}

.btn-secondary {
  color: #26282d;
  color: var(--ts-color-button-primary, #26282d);
  border-color: #fff;
  border-color: var(--ts-color-button-secondary, #fff);
}
.btn-secondary::before {
  background-color: #fff;
  background-color: var(--ts-color-button-secondary, #fff);
}
.theme-native .btn-secondary {
  color: #fff;
  color: var(--ts-color-button-primary, #fff);
  border-color: #000;
  border-color: var(--ts-color-button-secondary, #000);
}
.theme-native .btn-secondary::before {
  background-color: #000;
  background-color: var(--ts-color-button-secondary, #000);
}
@media screen and (prefers-color-scheme: dark) {
  .theme-native .btn-secondary {
    color: #26282d;
    color: var(--ts-color-button-primary, #26282d);
    border-color: #fff;
    border-color: var(--ts-color-button-secondary, #fff);
  }
  .theme-native .btn-secondary::before {
    background-color: #fff;
    background-color: var(--ts-color-button-secondary, #fff);
  }
}
.theme-dark .btn-secondary {
  color: #26282d;
  color: var(--ts-color-button-primary, #26282d);
  border-color: #fff;
  border-color: var(--ts-color-button-secondary, #fff);
}
.theme-dark .btn-secondary::before {
  background-color: #fff;
  background-color: var(--ts-color-button-secondary, #fff);
}
.theme-white .btn-secondary {
  color: #fff;
  color: var(--ts-color-button-primary, #fff);
  border-color: #000;
  border-color: var(--ts-color-button-secondary, #000);
}
.theme-white .btn-secondary::before {
  background-color: #000;
  background-color: var(--ts-color-button-secondary, #000);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #26282d !important;
  border-color: #a9a9a9 !important;
}
.btn-secondary:disabled::before, .btn-secondary.disabled::before {
  background-color: #a9a9a9 !important;
}

.btn-secondary-outline {
  color: var(--ts-color-button-secondary, inherit);
  border-color: currentColor;
  border-color: var(--ts-color-button-secondary, currentColor);
}
.btn-secondary-outline::before {
  background-color: #fff;
  background-color: var(--ts-color-button-secondary, #fff);
  opacity: 0;
}
.theme-native .btn-secondary-outline:focus::before, .theme-native .btn-secondary-outline:hover::before {
  background-color: rgba(0, 0, 0, 0.2);
  background-color: var(--ts-color-button-secondary, rgba(0, 0, 0, 0.2));
}
@media screen and (prefers-color-scheme: dark) {
  .theme-native .btn-secondary-outline:focus::before, .theme-native .btn-secondary-outline:hover::before {
    background-color: #fff;
    background-color: var(--ts-color-button-secondary, #fff);
  }
}
.theme-dark .btn-secondary-outline:focus::before, .theme-dark .btn-secondary-outline:hover::before {
  background-color: #fff;
  background-color: var(--ts-color-button-secondary, #fff);
}
.theme-white .btn-secondary-outline:focus::before, .theme-white .btn-secondary-outline:hover::before {
  background-color: rgba(0, 0, 0, 0.2);
  background-color: var(--ts-color-button-secondary, rgba(0, 0, 0, 0.2));
}
.btn-secondary-outline:focus::before, .btn-secondary-outline:hover::before {
  opacity: 0.2;
}
.btn-secondary-outline:disabled, .btn-secondary-outline.disabled {
  color: currentColor !important;
}
.btn-secondary-outline:disabled::before, .btn-secondary-outline.disabled::before {
  opacity: 0 !important;
}

.btn-action {
  color: #fff;
  background-color: #26282d;
  border-color: #26282d;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  max-width: 100%;
  min-width: 11rem;
}
.btn-action.btn-medium {
  min-width: 10rem;
}
.btn-action.btn-small {
  min-width: 8rem;
}
.btn-action.fullwidth {
  min-width: 100%;
}
.btn-action:focus, .btn-action:hover {
  background-color: #000;
}
.btn-action:disabled, .btn-action.disabled {
  border-color: #26282d;
}

.btn-link {
  color: var(--ts-color-button-secondary, inherit);
}
.btn-link:focus, .btn-link:hover {
  color: #0ff;
  color: var(--ts-color-button-primary, #0ff);
}
.btn-link:disabled, .btn-link.disabled {
  border-color: transparent;
}
.btn-link:active {
  transform: none;
}

[class*=btn-client-] {
  transition: background-color 0.25s cubic-bezier(0.4, 0, 1, 1), color 0.25s cubic-bezier(0.4, 0, 1, 1);
  border-radius: 16px;
  border: 0;
  font-size: 16px;
  padding-top: 1px;
  line-height: 3em;
  height: 48px;
}
[class*=btn-client-] + [class*=btn-client-] {
  margin-top: 16px;
}
[class*=btn-client-]:disabled, [class*=btn-client-].disabled {
  color: rgba(229, 238, 255, 0.6);
  background-color: rgba(229, 238, 255, 0.2);
}
[class*=btn-client-]:disabled:hover, [class*=btn-client-].disabled:hover {
  color: rgba(229, 238, 255, 0.6);
  background-color: rgba(229, 238, 255, 0.2);
}

.btn-client-primary {
  background-color: #fff;
  color: #000;
}
.btn-client-primary:focus, .btn-client-primary:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.btn-client-secondary {
  background-color: rgba(229, 238, 255, 0.2);
  color: #fff;
}
.btn-client-secondary:focus, .btn-client-secondary:hover {
  background-color: rgba(229, 238, 255, 0.3);
}

.btn-client-facebook {
  background-color: #1877f2;
  color: #fff;
}
.btn-client-facebook:focus, .btn-client-facebook:hover {
  background-color: rgba(24, 119, 242, 0.8);
}

.btn-client-twitter {
  background-color: #55acee;
  color: #fff;
}
.btn-client-twitter:focus, .btn-client-twitter:hover {
  background-color: rgba(85, 172, 238, 0.8);
}

.btn-extra-padding {
  padding-left: 3rem;
  padding-right: 3rem;
}

.btn-rounded {
  border-radius: 10px;
}

/*
.img-fluid {
    width: auto;
    max-width: 100%;
    height: auto !important;
}
*/
.img-round {
  border-radius: 100%;
}

.img-cover {
  object-fit: cover;
}
@supports (-o-object-fit: cover) or (object-fit: cover) {
  .img-cover {
    height: 100%;
    width: 100%;
  }
}

.placeholder {
  background-color: rgba(120, 119, 127, 0.12);
  height: 0;
}
.placeholder.transparent {
  background-color: transparent !important;
}

.table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 0.8889rem;
  overflow: auto;
  width: 100%;
}

tr {
  transition: background-color 0.25s cubic-bezier(0.4, 0, 1, 1);
  border-bottom: 1px solid rgba(120, 119, 127, 0.2);
}
tbody tr:hover {
  background-color: rgba(155, 155, 155, 0.06);
}

th,
td {
  padding: 0.75rem 1.5rem;
}

th {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  text-align: left;
  text-transform: uppercase;
}

.table-striped {
  /* stylelint-disable-next-line no-descending-specificity */
}
.table-striped tr:nth-of-type(even) {
  background-color: rgba(155, 155, 155, 0.08);
}
.table-striped tr:hover {
  background-color: rgba(155, 155, 155, 0.16);
}

.table-bordered {
  border: 1px solid rgba(120, 119, 127, 0.2);
}
.table-bordered td,
.table-bordered th {
  border: 1px solid rgba(120, 119, 127, 0.2);
}

.table-compact th,
.table-compact td {
  padding: 0.75rem;
}

.table-header thead {
  background-color: rgba(155, 155, 155, 0.16);
}

.tidal-icon {
  position: relative;
  top: 0.1667em;
  display: inline-block;
}
.tidal-icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}

.tidal-icon--stroke svg {
  stroke: currentColor;
}

.tidal-icon--stroke-only svg {
  fill: inherit;
  stroke: currentColor;
}

.transition-bg-color,
[class*=theme-] {
  transition: color 0.25s cubic-bezier(0.4, 0, 1, 1), background-color 0.25s cubic-bezier(0.4, 0, 1, 1);
}

.theme-native,
[class*=theme-] .theme-native {
  background-color: #fff;
  color: #26282d;
}
@media screen and (prefers-color-scheme: dark) {
  .theme-native,
  [class*=theme-] .theme-native {
    background-color: #101012;
    color: #fff;
  }
}

.theme-dark,
[class*=theme-] .theme-dark {
  background-color: #000;
  color: #fff;
}

.theme-light-dark,
[class*=theme-] .theme-light-dark {
  background-color: #101012;
  color: #fff;
}
@media screen and (prefers-color-scheme: dark) {
  .theme-light-dark,
  [class*=theme-] .theme-light-dark {
    background-color: #09090a;
  }
}

.theme-white,
[class*=theme-] .theme-white {
  background-color: #fff;
  color: #26282d;
}

.theme-grey-light,
[class*=theme-] .theme-grey-light {
  background-color: #f4f4f4;
  color: #26282d;
}

@media screen and (prefers-color-scheme: dark) {
  .theme-native .theme-grey-light {
    background-color: #17171a;
    color: #fff;
  }
}

.theme-grey,
[class*=theme-] .theme-grey {
  background-color: #26282d;
  color: #fff;
}

@media screen and (prefers-color-scheme: dark) {
  .theme-native .theme-grey {
    background-color: #1d1e22;
  }
}

.theme-transparent,
[class*=theme-] .theme-transparent {
  background-color: transparent;
}

.theme-mint,
[class*=theme-] .theme-mint {
  background-color: #0ff;
  color: #26282d;
}

.theme-raspberry,
[class*=theme-] .theme-raspberry {
  background-color: #cd005e;
  color: #fff;
}

.theme-semi-transparent,
[class*=theme-] .theme-semi-transparent {
  background-color: rgba(255, 255, 255, 0.1);
  /* stylelint-disable-next-line */
}
.theme-white .theme-semi-transparent,
.theme-white [class*=theme-] .theme-semi-transparent {
  background-color: rgba(38, 40, 45, 0.05);
}
.theme-native .theme-semi-transparent,
.theme-native [class*=theme-] .theme-semi-transparent {
  background-color: rgba(38, 40, 45, 0.05);
}
@media screen and (prefers-color-scheme: dark) {
  .theme-native .theme-semi-transparent,
  .theme-native [class*=theme-] .theme-semi-transparent {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.theme-success,
[class*=theme-] .theme-success {
  background-color: #0abf37;
  color: #fff;
}

.theme-error,
[class*=theme-] .theme-error {
  background-color: #ed1c24;
  color: #fff;
}

.gradient-top {
  background-image: linear-gradient(to bottom, rgba(38, 40, 45, 0.6) 0%, rgba(35, 37, 41, 0.4428) 19%, rgba(31, 33, 37, 0.3246) 34%, rgba(27, 28, 32, 0.2292) 47%, rgba(23, 24, 27, 0.1668) 56.5%, rgba(19, 20, 22, 0.1164) 65%, rgba(14, 15, 16, 0.0756) 73%, rgba(9, 10, 11, 0.045) 80.2%, rgba(6, 6, 7, 0.0252) 86.1%, rgba(3, 3, 4, 0.0126) 91%, rgba(1, 1, 1, 0.0048) 95.2%, rgba(0, 0, 0, 0.0012) 98.2%, rgba(0, 0, 0, 0) 100%);
}

.gradient-bottom {
  background-image: linear-gradient(to top, rgba(38, 40, 45, 0.6) 0%, rgba(35, 37, 41, 0.4428) 19%, rgba(31, 33, 37, 0.3246) 34%, rgba(27, 28, 32, 0.2292) 47%, rgba(23, 24, 27, 0.1668) 56.5%, rgba(19, 20, 22, 0.1164) 65%, rgba(14, 15, 16, 0.0756) 73%, rgba(9, 10, 11, 0.045) 80.2%, rgba(6, 6, 7, 0.0252) 86.1%, rgba(3, 3, 4, 0.0126) 91%, rgba(1, 1, 1, 0.0048) 95.2%, rgba(0, 0, 0, 0.0012) 98.2%, rgba(0, 0, 0, 0) 100%);
}

.background-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 1404px) {
  .background-attachment {
    background-attachment: fixed;
  }
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.overflow-contain {
  overscroll-behavior-y: contain;
}

.flex:not([flex]) {
  display: flex !important;
  flex-wrap: wrap;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .flex:not([flex]) {
    /* Fixes min-height issues in IE11 */
  }
  .flex:not([flex])::after {
    content: "";
    display: block;
    min-height: inherit;
    font-size: 0;
  }
}

@media (min-width: 576px) {
  .flex-sm-min {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media (min-width: 576px) and (-ms-high-contrast: none), (min-width: 576px) and (-ms-high-contrast: active) {
  .flex-sm-min {
    /* Fixes min-height issues in IE11 */
  }
  .flex-sm-min::after {
    content: "";
    display: block;
    min-height: inherit;
    font-size: 0;
  }
}

@media (max-width: 575px) {
  .flex-sm-max {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) and (-ms-high-contrast: none), (max-width: 575px) and (-ms-high-contrast: active) {
  .flex-sm-max {
    /* Fixes min-height issues in IE11 */
  }
  .flex-sm-max::after {
    content: "";
    display: block;
    min-height: inherit;
    font-size: 0;
  }
}

@media (min-width: 768px) {
  .flex-md-min {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .flex-md-min {
    /* Fixes min-height issues in IE11 */
  }
  .flex-md-min::after {
    content: "";
    display: block;
    min-height: inherit;
    font-size: 0;
  }
}

@media (max-width: 767px) {
  .flex-md-max {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) and (-ms-high-contrast: none), (max-width: 767px) and (-ms-high-contrast: active) {
  .flex-md-max {
    /* Fixes min-height issues in IE11 */
  }
  .flex-md-max::after {
    content: "";
    display: block;
    min-height: inherit;
    font-size: 0;
  }
}

@media (min-width: 992px) {
  .flex-lg-min {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) {
  .flex-lg-min {
    /* Fixes min-height issues in IE11 */
  }
  .flex-lg-min::after {
    content: "";
    display: block;
    min-height: inherit;
    font-size: 0;
  }
}

@media (max-width: 991px) {
  .flex-lg-max {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) and (-ms-high-contrast: none), (max-width: 991px) and (-ms-high-contrast: active) {
  .flex-lg-max {
    /* Fixes min-height issues in IE11 */
  }
  .flex-lg-max::after {
    content: "";
    display: block;
    min-height: inherit;
    font-size: 0;
  }
}

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

.flex-column {
  flex-flow: column nowrap;
  min-height: 100%;
}
.flex-column::after {
  min-height: auto;
}

@media (min-width: 576px) {
  .flex-column-sm-min {
    flex-flow: column nowrap;
    min-height: 100%;
  }
  .flex-column-sm-min::after {
    min-height: auto;
  }
}

@media (max-width: 575px) {
  .flex-column-sm-max {
    flex-flow: column nowrap;
    min-height: 100%;
  }
  .flex-column-sm-max::after {
    min-height: auto;
  }
}

@media (min-width: 768px) {
  .flex-column-md-min {
    flex-flow: column nowrap;
    min-height: 100%;
  }
  .flex-column-md-min::after {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .flex-column-md-max {
    flex-flow: column nowrap;
    min-height: 100%;
  }
  .flex-column-md-max::after {
    min-height: auto;
  }
}

@media (min-width: 992px) {
  .flex-column-lg-min {
    flex-flow: column nowrap;
    min-height: 100%;
  }
  .flex-column-lg-min::after {
    min-height: auto;
  }
}

@media (max-width: 991px) {
  .flex-column-lg-max {
    flex-flow: column nowrap;
    min-height: 100%;
  }
  .flex-column-lg-max::after {
    min-height: auto;
  }
}

.flex-grow {
  flex-grow: 1;
  max-width: 100%;
}

.flex-expand {
  flex: 1;
  max-width: 100%;
}

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

.flex-clear {
  min-height: 1px;
  min-width: 0;
  width: 100%;
}

.border-radius {
  border-radius: 6px;
}

@media (min-width: 576px) {
  .border-radius-sm-min {
    border-radius: 6px;
  }
}

@media (max-width: 575px) {
  .border-radius-sm-max {
    border-radius: 6px;
  }
}

@media (min-width: 768px) {
  .border-radius-md-min {
    border-radius: 6px;
  }
}

@media (max-width: 767px) {
  .border-radius-md-max {
    border-radius: 6px;
  }
}

@media (min-width: 992px) {
  .border-radius-lg-min {
    border-radius: 6px;
  }
}

@media (max-width: 991px) {
  .border-radius-lg-max {
    border-radius: 6px;
  }
}

.border-radius-small {
  border-radius: 3px;
}

@media (min-width: 576px) {
  .border-radius-small-sm-min {
    border-radius: 3px;
  }
}

@media (max-width: 575px) {
  .border-radius-small-sm-max {
    border-radius: 3px;
  }
}

@media (min-width: 768px) {
  .border-radius-small-md-min {
    border-radius: 3px;
  }
}

@media (max-width: 767px) {
  .border-radius-small-md-max {
    border-radius: 3px;
  }
}

@media (min-width: 992px) {
  .border-radius-small-lg-min {
    border-radius: 3px;
  }
}

@media (max-width: 991px) {
  .border-radius-small-lg-max {
    border-radius: 3px;
  }
}

.border-radius-medium {
  border-radius: 8px;
}

@media (min-width: 576px) {
  .border-radius-medium-sm-min {
    border-radius: 8px;
  }
}

@media (max-width: 575px) {
  .border-radius-medium-sm-max {
    border-radius: 8px;
  }
}

@media (min-width: 768px) {
  .border-radius-medium-md-min {
    border-radius: 8px;
  }
}

@media (max-width: 767px) {
  .border-radius-medium-md-max {
    border-radius: 8px;
  }
}

@media (min-width: 992px) {
  .border-radius-medium-lg-min {
    border-radius: 8px;
  }
}

@media (max-width: 991px) {
  .border-radius-medium-lg-max {
    border-radius: 8px;
  }
}

.border-radius-large {
  border-radius: 10px;
}

@media (min-width: 576px) {
  .border-radius-large-sm-min {
    border-radius: 10px;
  }
}

@media (max-width: 575px) {
  .border-radius-large-sm-max {
    border-radius: 10px;
  }
}

@media (min-width: 768px) {
  .border-radius-large-md-min {
    border-radius: 10px;
  }
}

@media (max-width: 767px) {
  .border-radius-large-md-max {
    border-radius: 10px;
  }
}

@media (min-width: 992px) {
  .border-radius-large-lg-min {
    border-radius: 10px;
  }
}

@media (max-width: 991px) {
  .border-radius-large-lg-max {
    border-radius: 10px;
  }
}

.border-radius-huge {
  border-radius: 16px;
}

@media (min-width: 576px) {
  .border-radius-huge-sm-min {
    border-radius: 16px;
  }
}

@media (max-width: 575px) {
  .border-radius-huge-sm-max {
    border-radius: 16px;
  }
}

@media (min-width: 768px) {
  .border-radius-huge-md-min {
    border-radius: 16px;
  }
}

@media (max-width: 767px) {
  .border-radius-huge-md-max {
    border-radius: 16px;
  }
}

@media (min-width: 992px) {
  .border-radius-huge-lg-min {
    border-radius: 16px;
  }
}

@media (max-width: 991px) {
  .border-radius-huge-lg-max {
    border-radius: 16px;
  }
}

.border-radius-full {
  border-radius: 100%;
}

@media (min-width: 576px) {
  .border-radius-full-sm-min {
    border-radius: 100%;
  }
}

@media (max-width: 575px) {
  .border-radius-full-sm-max {
    border-radius: 100%;
  }
}

@media (min-width: 768px) {
  .border-radius-full-md-min {
    border-radius: 100%;
  }
}

@media (max-width: 767px) {
  .border-radius-full-md-max {
    border-radius: 100%;
  }
}

@media (min-width: 992px) {
  .border-radius-full-lg-min {
    border-radius: 100%;
  }
}

@media (max-width: 991px) {
  .border-radius-full-lg-max {
    border-radius: 100%;
  }
}

.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.position-top {
  top: 0;
}

.position-bottom {
  bottom: 0;
}

.position-stretch {
  left: 0;
  right: 0;
}

.position-center-wrapper {
  display: flex !important;
  flex-direction: column;
  flex: 100;
  justify-content: center;
  text-align: center;
  min-height: 100%;
  position: relative;
}

.position-center-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  max-height: 100%;
}

.position-center-item {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .position-reset-sm-min {
    position: initial;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
}

@media (max-width: 575px) {
  .position-reset-sm-max {
    position: initial;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
}

@media (min-width: 768px) {
  .position-reset-md-min {
    position: initial;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
}

@media (max-width: 767px) {
  .position-reset-md-max {
    position: initial;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
}

@media (min-width: 992px) {
  .position-reset-lg-min {
    position: initial;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
}

@media (max-width: 991px) {
  .position-reset-lg-max {
    position: initial;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
}

@media (min-width: 576px) {
  .position-center-content.position-reset-sm-min {
    transform: initial;
  }
}

@media (max-width: 575px) {
  .position-center-content.position-reset-sm-max {
    transform: initial;
  }
}

@media (min-width: 768px) {
  .position-center-content.position-reset-md-min {
    transform: initial;
  }
}

@media (max-width: 767px) {
  .position-center-content.position-reset-md-max {
    transform: initial;
  }
}

@media (min-width: 992px) {
  .position-center-content.position-reset-lg-min {
    transform: initial;
  }
}

@media (max-width: 991px) {
  .position-center-content.position-reset-lg-max {
    transform: initial;
  }
}

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

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

@media (min-width: 576px) {
  .text-right-sm-min {
    text-align: right;
  }
}

@media (max-width: 575px) {
  .text-right-sm-max {
    text-align: right;
  }
}

@media (min-width: 768px) {
  .text-right-md-min {
    text-align: right;
  }
}

@media (max-width: 767px) {
  .text-right-md-max {
    text-align: right;
  }
}

@media (min-width: 992px) {
  .text-right-lg-min {
    text-align: right;
  }
}

@media (max-width: 991px) {
  .text-right-lg-max {
    text-align: right;
  }
}

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

@media (min-width: 576px) {
  .text-left-sm-min {
    text-align: left;
  }
}

@media (max-width: 575px) {
  .text-left-sm-max {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .text-left-md-min {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .text-left-md-max {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .text-left-lg-min {
    text-align: left;
  }
}

@media (max-width: 991px) {
  .text-left-lg-max {
    text-align: left;
  }
}

.text-align-intermediate {
  position: relative;
  top: 0.065em;
}

.text-align-medium {
  position: relative;
  top: 0.125em;
}

.text-align-large {
  position: relative;
  top: 0.2em;
}

.text-align-huge {
  position: relative;
  top: 0.25em;
}

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

@media (min-width: 576px) {
  .align-center-sm-min {
    align-items: center;
  }
}

@media (max-width: 575px) {
  .align-center-sm-max {
    align-items: center;
  }
}

@media (min-width: 768px) {
  .align-center-md-min {
    align-items: center;
  }
}

@media (max-width: 767px) {
  .align-center-md-max {
    align-items: center;
  }
}

@media (min-width: 992px) {
  .align-center-lg-min {
    align-items: center;
  }
}

@media (max-width: 991px) {
  .align-center-lg-max {
    align-items: center;
  }
}

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

@media (min-width: 576px) {
  .justify-center-sm-min {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .justify-center-sm-max {
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .justify-center-md-min {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .justify-center-md-max {
    justify-content: center;
  }
}

@media (min-width: 992px) {
  .justify-center-lg-min {
    justify-content: center;
  }
}

@media (max-width: 991px) {
  .justify-center-lg-max {
    justify-content: center;
  }
}

.nowrap {
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.nowrap-wrapper > [class*=col-],
.nowrap-element {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  float: none;
}

@media (max-width: 991px) {
  .nowrap-fill {
    margin-left: -3rem;
    margin-right: -3rem;
    padding-left: 2.25rem;
    padding-right: 3rem;
  }
  .nowrap-fill::after {
    content: "";
    display: block;
    flex-basis: 2.25rem;
    flex-shrink: 0;
  }
}
@media (max-width: 575px) {
  .nowrap-fill {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 0.75rem;
    padding-right: 1.5rem;
  }
  .nowrap-fill::after {
    flex-basis: 0.75rem;
  }
}

/*
.nowrap-snap {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -webkit-scroll-snap-destination: 0 0;
    -ms-scroll-snap-destination: 0 0;
    scroll-snap-destination: 0 0;
}
.nowrap-snap-wrapper > [class*='col-'],
.nowrap-element-snap {
    -webkit-scroll-snap-coordinate: 0 0;
    -ms-scroll-snap-coordinate: 0 0;
    scroll-snap-coordinate: 0 0;
    -webkit-scroll-snap-align: start none;
    -ms-scroll-snap-align: start none;
    scroll-snap-align: start none;
}
*/
.float-left {
  float: left;
  margin-right: auto;
}

@media (min-width: 576px) {
  .float-left-sm-min {
    float: left;
    margin-right: auto;
  }
}

@media (max-width: 575px) {
  .float-left-sm-max {
    float: left;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .float-left-md-min {
    float: left;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .float-left-md-max {
    float: left;
    margin-right: auto;
  }
}

@media (min-width: 992px) {
  .float-left-lg-min {
    float: left;
    margin-right: auto;
  }
}

@media (max-width: 991px) {
  .float-left-lg-max {
    float: left;
    margin-right: auto;
  }
}

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

@media (min-width: 576px) {
  .float-right-sm-min {
    float: right;
    margin-left: auto;
  }
}

@media (max-width: 575px) {
  .float-right-sm-max {
    float: right;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .float-right-md-min {
    float: right;
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  .float-right-md-max {
    float: right;
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .float-right-lg-min {
    float: right;
    margin-left: auto;
  }
}

@media (max-width: 991px) {
  .float-right-lg-max {
    float: right;
    margin-left: auto;
  }
}

.fullwidth {
  display: block;
  width: 100%;
}

.fullheight {
  display: block;
  height: 100%;
}

.fullscreen, .fullscreen-h {
  min-height: 30rem;
  min-height: 100vh;
}

.fullscreen-h {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
  min-height: calc(100vh - 4.5rem);
}
@media (min-width: 992px) {
  .fullscreen-h {
    min-height: calc(100vh - 5.25rem);
  }
}

.fullwidth-stretch {
  overflow: hidden;
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}
@media (max-width: 575px) {
  .fullwidth-stretch {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
}

@media (min-width: 576px) {
  .fullwidth-stretch-sm-min {
    overflow: hidden;
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
}
@media (min-width: 576px) and (max-width: 575px) {
  .fullwidth-stretch-sm-min {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
}

@media (max-width: 575px) {
  .fullwidth-stretch-sm-max {
    overflow: hidden;
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
}
@media (max-width: 575px) and (max-width: 575px) {
  .fullwidth-stretch-sm-max {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
}

@media (min-width: 768px) {
  .fullwidth-stretch-md-min {
    overflow: hidden;
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
}
@media (min-width: 768px) and (max-width: 575px) {
  .fullwidth-stretch-md-min {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
}

@media (max-width: 767px) {
  .fullwidth-stretch-md-max {
    overflow: hidden;
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
}
@media (max-width: 767px) and (max-width: 575px) {
  .fullwidth-stretch-md-max {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
}

@media (min-width: 992px) {
  .fullwidth-stretch-lg-min {
    overflow: hidden;
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
}
@media (min-width: 992px) and (max-width: 575px) {
  .fullwidth-stretch-lg-min {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
}

@media (max-width: 991px) {
  .fullwidth-stretch-lg-max {
    overflow: hidden;
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
}
@media (max-width: 991px) and (max-width: 575px) {
  .fullwidth-stretch-lg-max {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
}

.max-screen, .max-screen-h {
  max-height: 100vh;
  overflow: hidden;
}

.max-screen-h {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
  max-height: calc(100vh - 4.5rem);
}
@media (min-width: 992px) {
  .max-screen-h {
    max-height: calc(100vh - 5.25rem);
  }
}

.min-screen, .min-screen-h {
  min-height: 100vh;
}

.min-screen-h {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
  min-height: calc(100vh - 4.5rem);
}
@media (min-width: 992px) {
  .min-screen-h {
    min-height: calc(100vh - 5.25rem);
  }
}

@media (min-width: 576px) {
  .height-reset-sm-min {
    min-height: auto;
    max-height: none;
  }
}

@media (max-width: 575px) {
  .height-reset-sm-max {
    min-height: auto;
    max-height: none;
  }
}

@media (min-width: 768px) {
  .height-reset-md-min {
    min-height: auto;
    max-height: none;
  }
}

@media (max-width: 767px) {
  .height-reset-md-max {
    min-height: auto;
    max-height: none;
  }
}

@media (min-width: 992px) {
  .height-reset-lg-min {
    min-height: auto;
    max-height: none;
  }
}

@media (max-width: 991px) {
  .height-reset-lg-max {
    min-height: auto;
    max-height: none;
  }
}

.margin-auto {
  margin: auto;
}

@media (min-width: 576px) {
  .margin-auto-sm-min {
    margin: auto;
  }
}

@media (max-width: 575px) {
  .margin-auto-sm-max {
    margin: auto;
  }
}

@media (min-width: 768px) {
  .margin-auto-md-min {
    margin: auto;
  }
}

@media (max-width: 767px) {
  .margin-auto-md-max {
    margin: auto;
  }
}

@media (min-width: 992px) {
  .margin-auto-lg-min {
    margin: auto;
  }
}

@media (max-width: 991px) {
  .margin-auto-lg-max {
    margin: auto;
  }
}

.margin-0 {
  margin: 0 !important;
}

.padding-0 {
  padding: 0 !important;
}

.margin-1 {
  margin: 1.5rem !important;
}

.padding-1 {
  padding: 1.5rem !important;
}

.margin-2 {
  margin: 3rem !important;
}

.padding-2 {
  padding: 3rem !important;
}

.margin-3 {
  margin: 4.5rem !important;
}

.padding-3 {
  padding: 4.5rem !important;
}

.margin-4 {
  margin: 6rem !important;
}

.padding-4 {
  padding: 6rem !important;
}

.margin-top-nudge {
  margin-top: 0.75rem !important;
}

.margin-top-nudge-1 {
  margin-top: 2.25rem !important;
}

.margin-bottom-nudge {
  margin-bottom: 0.75rem !important;
}

.margin-bottom-nudge-1 {
  margin-bottom: 2.25rem !important;
}

.margin-left-nudge {
  margin-left: 0.75rem !important;
}

.margin-left-nudge-1 {
  margin-left: 2.25rem !important;
}

.margin-right-nudge {
  margin-right: 0.75rem !important;
}

.margin-right-nudge-1 {
  margin-right: 2.25rem !important;
}

.padding-top-nudge {
  padding-top: 0.75rem !important;
}

.padding-top-nudge-1 {
  padding-top: 2.25rem !important;
}

.padding-bottom-nudge {
  padding-bottom: 0.75rem !important;
}

.padding-bottom-nudge-1 {
  padding-bottom: 2.25rem !important;
}

.padding-left-nudge {
  padding-left: 0.75rem !important;
}

.padding-left-nudge-1 {
  padding-left: 2.25rem !important;
}

.padding-right-nudge {
  padding-right: 0.75rem !important;
}

.padding-right-nudge-1 {
  padding-right: 2.25rem !important;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.margin-top-1 {
  margin-top: 1.5rem !important;
}

.margin-bottom-1 {
  margin-bottom: 1.5rem !important;
}

.padding-top-1 {
  padding-top: 1.5rem !important;
}

.padding-bottom-1 {
  padding-bottom: 1.5rem !important;
}

.margin-top-2 {
  margin-top: 3rem !important;
}

.margin-bottom-2 {
  margin-bottom: 3rem !important;
}

.padding-top-2 {
  padding-top: 3rem !important;
}

.padding-bottom-2 {
  padding-bottom: 3rem !important;
}

.margin-top-3 {
  margin-top: 4.5rem !important;
}

.margin-bottom-3 {
  margin-bottom: 4.5rem !important;
}

.padding-top-3 {
  padding-top: 4.5rem !important;
}

.padding-bottom-3 {
  padding-bottom: 4.5rem !important;
}

.margin-top-4 {
  margin-top: 6rem !important;
}

.margin-bottom-4 {
  margin-bottom: 6rem !important;
}

.padding-top-4 {
  padding-top: 6rem !important;
}

.padding-bottom-4 {
  padding-bottom: 6rem !important;
}

@media (min-width: 576px) {
  .margin-top-sm-min-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 575px) {
  .margin-top-sm-max-0 {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-top-md-min-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .margin-top-md-max-0 {
    margin-top: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-top-lg-min-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 991px) {
  .margin-top-lg-max-0 {
    margin-top: 0 !important;
  }
}

@media (min-width: 576px) {
  .margin-bottom-sm-min-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 575px) {
  .margin-bottom-sm-max-0 {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-bottom-md-min-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .margin-bottom-md-max-0 {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-bottom-lg-min-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 991px) {
  .margin-bottom-lg-max-0 {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 576px) {
  .padding-top-sm-min-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 575px) {
  .padding-top-sm-max-0 {
    padding-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-top-md-min-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .padding-top-md-max-0 {
    padding-top: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-top-lg-min-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 991px) {
  .padding-top-lg-max-0 {
    padding-top: 0 !important;
  }
}

@media (min-width: 576px) {
  .padding-bottom-sm-min-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 575px) {
  .padding-bottom-sm-max-0 {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-bottom-md-min-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .padding-bottom-md-max-0 {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-bottom-lg-min-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 991px) {
  .padding-bottom-lg-max-0 {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 576px) {
  .margin-top-sm-min-1 {
    margin-top: 1.5rem !important;
  }
}

@media (max-width: 575px) {
  .margin-top-sm-max-1 {
    margin-top: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-top-md-min-1 {
    margin-top: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  .margin-top-md-max-1 {
    margin-top: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-top-lg-min-1 {
    margin-top: 1.5rem !important;
  }
}

@media (max-width: 991px) {
  .margin-top-lg-max-1 {
    margin-top: 1.5rem !important;
  }
}

@media (min-width: 576px) {
  .margin-bottom-sm-min-1 {
    margin-bottom: 1.5rem !important;
  }
}

@media (max-width: 575px) {
  .margin-bottom-sm-max-1 {
    margin-bottom: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-bottom-md-min-1 {
    margin-bottom: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  .margin-bottom-md-max-1 {
    margin-bottom: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-bottom-lg-min-1 {
    margin-bottom: 1.5rem !important;
  }
}

@media (max-width: 991px) {
  .margin-bottom-lg-max-1 {
    margin-bottom: 1.5rem !important;
  }
}

@media (min-width: 576px) {
  .padding-top-sm-min-1 {
    padding-top: 1.5rem !important;
  }
}

@media (max-width: 575px) {
  .padding-top-sm-max-1 {
    padding-top: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .padding-top-md-min-1 {
    padding-top: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  .padding-top-md-max-1 {
    padding-top: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .padding-top-lg-min-1 {
    padding-top: 1.5rem !important;
  }
}

@media (max-width: 991px) {
  .padding-top-lg-max-1 {
    padding-top: 1.5rem !important;
  }
}

@media (min-width: 576px) {
  .padding-bottom-sm-min-1 {
    padding-bottom: 1.5rem !important;
  }
}

@media (max-width: 575px) {
  .padding-bottom-sm-max-1 {
    padding-bottom: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .padding-bottom-md-min-1 {
    padding-bottom: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  .padding-bottom-md-max-1 {
    padding-bottom: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .padding-bottom-lg-min-1 {
    padding-bottom: 1.5rem !important;
  }
}

@media (max-width: 991px) {
  .padding-bottom-lg-max-1 {
    padding-bottom: 1.5rem !important;
  }
}

@media (min-width: 576px) {
  .margin-top-sm-min-2 {
    margin-top: 3rem !important;
  }
}

@media (max-width: 575px) {
  .margin-top-sm-max-2 {
    margin-top: 3rem !important;
  }
}

@media (min-width: 768px) {
  .margin-top-md-min-2 {
    margin-top: 3rem !important;
  }
}

@media (max-width: 767px) {
  .margin-top-md-max-2 {
    margin-top: 3rem !important;
  }
}

@media (min-width: 992px) {
  .margin-top-lg-min-2 {
    margin-top: 3rem !important;
  }
}

@media (max-width: 991px) {
  .margin-top-lg-max-2 {
    margin-top: 3rem !important;
  }
}

@media (min-width: 576px) {
  .margin-bottom-sm-min-2 {
    margin-bottom: 3rem !important;
  }
}

@media (max-width: 575px) {
  .margin-bottom-sm-max-2 {
    margin-bottom: 3rem !important;
  }
}

@media (min-width: 768px) {
  .margin-bottom-md-min-2 {
    margin-bottom: 3rem !important;
  }
}

@media (max-width: 767px) {
  .margin-bottom-md-max-2 {
    margin-bottom: 3rem !important;
  }
}

@media (min-width: 992px) {
  .margin-bottom-lg-min-2 {
    margin-bottom: 3rem !important;
  }
}

@media (max-width: 991px) {
  .margin-bottom-lg-max-2 {
    margin-bottom: 3rem !important;
  }
}

@media (min-width: 576px) {
  .padding-top-sm-min-2 {
    padding-top: 3rem !important;
  }
}

@media (max-width: 575px) {
  .padding-top-sm-max-2 {
    padding-top: 3rem !important;
  }
}

@media (min-width: 768px) {
  .padding-top-md-min-2 {
    padding-top: 3rem !important;
  }
}

@media (max-width: 767px) {
  .padding-top-md-max-2 {
    padding-top: 3rem !important;
  }
}

@media (min-width: 992px) {
  .padding-top-lg-min-2 {
    padding-top: 3rem !important;
  }
}

@media (max-width: 991px) {
  .padding-top-lg-max-2 {
    padding-top: 3rem !important;
  }
}

@media (min-width: 576px) {
  .padding-bottom-sm-min-2 {
    padding-bottom: 3rem !important;
  }
}

@media (max-width: 575px) {
  .padding-bottom-sm-max-2 {
    padding-bottom: 3rem !important;
  }
}

@media (min-width: 768px) {
  .padding-bottom-md-min-2 {
    padding-bottom: 3rem !important;
  }
}

@media (max-width: 767px) {
  .padding-bottom-md-max-2 {
    padding-bottom: 3rem !important;
  }
}

@media (min-width: 992px) {
  .padding-bottom-lg-min-2 {
    padding-bottom: 3rem !important;
  }
}

@media (max-width: 991px) {
  .padding-bottom-lg-max-2 {
    padding-bottom: 3rem !important;
  }
}

@media (min-width: 576px) {
  .margin-top-sm-min-3 {
    margin-top: 4.5rem !important;
  }
}

@media (max-width: 575px) {
  .margin-top-sm-max-3 {
    margin-top: 4.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-top-md-min-3 {
    margin-top: 4.5rem !important;
  }
}

@media (max-width: 767px) {
  .margin-top-md-max-3 {
    margin-top: 4.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-top-lg-min-3 {
    margin-top: 4.5rem !important;
  }
}

@media (max-width: 991px) {
  .margin-top-lg-max-3 {
    margin-top: 4.5rem !important;
  }
}

@media (min-width: 576px) {
  .margin-bottom-sm-min-3 {
    margin-bottom: 4.5rem !important;
  }
}

@media (max-width: 575px) {
  .margin-bottom-sm-max-3 {
    margin-bottom: 4.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-bottom-md-min-3 {
    margin-bottom: 4.5rem !important;
  }
}

@media (max-width: 767px) {
  .margin-bottom-md-max-3 {
    margin-bottom: 4.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-bottom-lg-min-3 {
    margin-bottom: 4.5rem !important;
  }
}

@media (max-width: 991px) {
  .margin-bottom-lg-max-3 {
    margin-bottom: 4.5rem !important;
  }
}

@media (min-width: 576px) {
  .padding-top-sm-min-3 {
    padding-top: 4.5rem !important;
  }
}

@media (max-width: 575px) {
  .padding-top-sm-max-3 {
    padding-top: 4.5rem !important;
  }
}

@media (min-width: 768px) {
  .padding-top-md-min-3 {
    padding-top: 4.5rem !important;
  }
}

@media (max-width: 767px) {
  .padding-top-md-max-3 {
    padding-top: 4.5rem !important;
  }
}

@media (min-width: 992px) {
  .padding-top-lg-min-3 {
    padding-top: 4.5rem !important;
  }
}

@media (max-width: 991px) {
  .padding-top-lg-max-3 {
    padding-top: 4.5rem !important;
  }
}

@media (min-width: 576px) {
  .padding-bottom-sm-min-3 {
    padding-bottom: 4.5rem !important;
  }
}

@media (max-width: 575px) {
  .padding-bottom-sm-max-3 {
    padding-bottom: 4.5rem !important;
  }
}

@media (min-width: 768px) {
  .padding-bottom-md-min-3 {
    padding-bottom: 4.5rem !important;
  }
}

@media (max-width: 767px) {
  .padding-bottom-md-max-3 {
    padding-bottom: 4.5rem !important;
  }
}

@media (min-width: 992px) {
  .padding-bottom-lg-min-3 {
    padding-bottom: 4.5rem !important;
  }
}

@media (max-width: 991px) {
  .padding-bottom-lg-max-3 {
    padding-bottom: 4.5rem !important;
  }
}

@media (min-width: 576px) {
  .margin-top-sm-min-4 {
    margin-top: 6rem !important;
  }
}

@media (max-width: 575px) {
  .margin-top-sm-max-4 {
    margin-top: 6rem !important;
  }
}

@media (min-width: 768px) {
  .margin-top-md-min-4 {
    margin-top: 6rem !important;
  }
}

@media (max-width: 767px) {
  .margin-top-md-max-4 {
    margin-top: 6rem !important;
  }
}

@media (min-width: 992px) {
  .margin-top-lg-min-4 {
    margin-top: 6rem !important;
  }
}

@media (max-width: 991px) {
  .margin-top-lg-max-4 {
    margin-top: 6rem !important;
  }
}

@media (min-width: 576px) {
  .margin-bottom-sm-min-4 {
    margin-bottom: 6rem !important;
  }
}

@media (max-width: 575px) {
  .margin-bottom-sm-max-4 {
    margin-bottom: 6rem !important;
  }
}

@media (min-width: 768px) {
  .margin-bottom-md-min-4 {
    margin-bottom: 6rem !important;
  }
}

@media (max-width: 767px) {
  .margin-bottom-md-max-4 {
    margin-bottom: 6rem !important;
  }
}

@media (min-width: 992px) {
  .margin-bottom-lg-min-4 {
    margin-bottom: 6rem !important;
  }
}

@media (max-width: 991px) {
  .margin-bottom-lg-max-4 {
    margin-bottom: 6rem !important;
  }
}

@media (min-width: 576px) {
  .padding-top-sm-min-4 {
    padding-top: 6rem !important;
  }
}

@media (max-width: 575px) {
  .padding-top-sm-max-4 {
    padding-top: 6rem !important;
  }
}

@media (min-width: 768px) {
  .padding-top-md-min-4 {
    padding-top: 6rem !important;
  }
}

@media (max-width: 767px) {
  .padding-top-md-max-4 {
    padding-top: 6rem !important;
  }
}

@media (min-width: 992px) {
  .padding-top-lg-min-4 {
    padding-top: 6rem !important;
  }
}

@media (max-width: 991px) {
  .padding-top-lg-max-4 {
    padding-top: 6rem !important;
  }
}

@media (min-width: 576px) {
  .padding-bottom-sm-min-4 {
    padding-bottom: 6rem !important;
  }
}

@media (max-width: 575px) {
  .padding-bottom-sm-max-4 {
    padding-bottom: 6rem !important;
  }
}

@media (min-width: 768px) {
  .padding-bottom-md-min-4 {
    padding-bottom: 6rem !important;
  }
}

@media (max-width: 767px) {
  .padding-bottom-md-max-4 {
    padding-bottom: 6rem !important;
  }
}

@media (min-width: 992px) {
  .padding-bottom-lg-min-4 {
    padding-bottom: 6rem !important;
  }
}

@media (max-width: 991px) {
  .padding-bottom-lg-max-4 {
    padding-bottom: 6rem !important;
  }
}

.margin-left-0 {
  margin-left: 0 !important;
}

.margin-right-0 {
  margin-right: 0 !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}

.margin-left-1 {
  margin-left: 1.5rem !important;
}

.margin-right-1 {
  margin-right: 1.5rem !important;
}

.padding-left-1 {
  padding-left: 1.5rem !important;
}

.padding-right-1 {
  padding-right: 1.5rem !important;
}

.margin-left-2 {
  margin-left: 3rem !important;
}

.margin-right-2 {
  margin-right: 3rem !important;
}

.padding-left-2 {
  padding-left: 3rem !important;
}

.padding-right-2 {
  padding-right: 3rem !important;
}

@media (min-width: 576px) {
  .margin-left-sm-min-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 575px) {
  .margin-left-sm-max-0 {
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-left-md-min-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .margin-left-md-max-0 {
    margin-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-left-lg-min-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 991px) {
  .margin-left-lg-max-0 {
    margin-left: 0 !important;
  }
}

@media (min-width: 576px) {
  .margin-right-sm-min-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 575px) {
  .margin-right-sm-max-0 {
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-right-md-min-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .margin-right-md-max-0 {
    margin-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-right-lg-min-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 991px) {
  .margin-right-lg-max-0 {
    margin-right: 0 !important;
  }
}

@media (min-width: 576px) {
  .padding-left-sm-min-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 575px) {
  .padding-left-sm-max-0 {
    padding-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-left-md-min-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .padding-left-md-max-0 {
    padding-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-left-lg-min-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 991px) {
  .padding-left-lg-max-0 {
    padding-left: 0 !important;
  }
}

@media (min-width: 576px) {
  .padding-right-sm-min-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 575px) {
  .padding-right-sm-max-0 {
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-right-md-min-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .padding-right-md-max-0 {
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-right-lg-min-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 991px) {
  .padding-right-lg-max-0 {
    padding-right: 0 !important;
  }
}

@media (min-width: 576px) {
  .margin-left-sm-min-1 {
    margin-left: 1.5rem !important;
  }
}

@media (max-width: 575px) {
  .margin-left-sm-max-1 {
    margin-left: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-left-md-min-1 {
    margin-left: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  .margin-left-md-max-1 {
    margin-left: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-left-lg-min-1 {
    margin-left: 1.5rem !important;
  }
}

@media (max-width: 991px) {
  .margin-left-lg-max-1 {
    margin-left: 1.5rem !important;
  }
}

@media (min-width: 576px) {
  .margin-right-sm-min-1 {
    margin-right: 1.5rem !important;
  }
}

@media (max-width: 575px) {
  .margin-right-sm-max-1 {
    margin-right: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .margin-right-md-min-1 {
    margin-right: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  .margin-right-md-max-1 {
    margin-right: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .margin-right-lg-min-1 {
    margin-right: 1.5rem !important;
  }
}

@media (max-width: 991px) {
  .margin-right-lg-max-1 {
    margin-right: 1.5rem !important;
  }
}

@media (min-width: 576px) {
  .padding-left-sm-min-1 {
    padding-left: 1.5rem !important;
  }
}

@media (max-width: 575px) {
  .padding-left-sm-max-1 {
    padding-left: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .padding-left-md-min-1 {
    padding-left: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  .padding-left-md-max-1 {
    padding-left: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .padding-left-lg-min-1 {
    padding-left: 1.5rem !important;
  }
}

@media (max-width: 991px) {
  .padding-left-lg-max-1 {
    padding-left: 1.5rem !important;
  }
}

@media (min-width: 576px) {
  .padding-right-sm-min-1 {
    padding-right: 1.5rem !important;
  }
}

@media (max-width: 575px) {
  .padding-right-sm-max-1 {
    padding-right: 1.5rem !important;
  }
}

@media (min-width: 768px) {
  .padding-right-md-min-1 {
    padding-right: 1.5rem !important;
  }
}

@media (max-width: 767px) {
  .padding-right-md-max-1 {
    padding-right: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .padding-right-lg-min-1 {
    padding-right: 1.5rem !important;
  }
}

@media (max-width: 991px) {
  .padding-right-lg-max-1 {
    padding-right: 1.5rem !important;
  }
}

@media (min-width: 576px) {
  .margin-left-sm-min-2 {
    margin-left: 3rem !important;
  }
}

@media (max-width: 575px) {
  .margin-left-sm-max-2 {
    margin-left: 3rem !important;
  }
}

@media (min-width: 768px) {
  .margin-left-md-min-2 {
    margin-left: 3rem !important;
  }
}

@media (max-width: 767px) {
  .margin-left-md-max-2 {
    margin-left: 3rem !important;
  }
}

@media (min-width: 992px) {
  .margin-left-lg-min-2 {
    margin-left: 3rem !important;
  }
}

@media (max-width: 991px) {
  .margin-left-lg-max-2 {
    margin-left: 3rem !important;
  }
}

@media (min-width: 576px) {
  .margin-right-sm-min-2 {
    margin-right: 3rem !important;
  }
}

@media (max-width: 575px) {
  .margin-right-sm-max-2 {
    margin-right: 3rem !important;
  }
}

@media (min-width: 768px) {
  .margin-right-md-min-2 {
    margin-right: 3rem !important;
  }
}

@media (max-width: 767px) {
  .margin-right-md-max-2 {
    margin-right: 3rem !important;
  }
}

@media (min-width: 992px) {
  .margin-right-lg-min-2 {
    margin-right: 3rem !important;
  }
}

@media (max-width: 991px) {
  .margin-right-lg-max-2 {
    margin-right: 3rem !important;
  }
}

@media (min-width: 576px) {
  .padding-left-sm-min-2 {
    padding-left: 3rem !important;
  }
}

@media (max-width: 575px) {
  .padding-left-sm-max-2 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 768px) {
  .padding-left-md-min-2 {
    padding-left: 3rem !important;
  }
}

@media (max-width: 767px) {
  .padding-left-md-max-2 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 992px) {
  .padding-left-lg-min-2 {
    padding-left: 3rem !important;
  }
}

@media (max-width: 991px) {
  .padding-left-lg-max-2 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 576px) {
  .padding-right-sm-min-2 {
    padding-right: 3rem !important;
  }
}

@media (max-width: 575px) {
  .padding-right-sm-max-2 {
    padding-right: 3rem !important;
  }
}

@media (min-width: 768px) {
  .padding-right-md-min-2 {
    padding-right: 3rem !important;
  }
}

@media (max-width: 767px) {
  .padding-right-md-max-2 {
    padding-right: 3rem !important;
  }
}

@media (min-width: 992px) {
  .padding-right-lg-min-2 {
    padding-right: 3rem !important;
  }
}

@media (max-width: 991px) {
  .padding-right-lg-max-2 {
    padding-right: 3rem !important;
  }
}

.font-weight-bold {
  font-weight: 600;
}

.font-weight-bolder {
  font-weight: 700;
}

.font-weight-black {
  font-weight: 900;
}

.font-weight-medium {
  font-weight: 500;
}

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

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

.text-dec-none {
  text-decoration: none;
  border-bottom: 0;
}
.text-dec-none a {
  text-decoration: none;
}

.text-dec-underline,
.text-dec-hover {
  cursor: pointer;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  transition: border-color 0.25s cubic-bezier(0.4, 0, 1, 1);
}

.text-dec-hover:focus, .text-dec-hover:hover {
  border-color: currentColor;
}
.text-dec-hover:focus {
  outline: 0;
}

.text-dec-underline {
  border-color: currentColor;
}

.text-uppercase {
  text-transform: uppercase;
}

.a-primary,
.a-primary-hover {
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.primary,
.a-primary,
.color-mint {
  color: #0ff;
}

.primary {
  text-decoration: none;
}

.primary-hover {
  cursor: pointer;
  text-decoration: none;
}

.a-primary-hover,
.primary-hover {
  transition: color 0.25s cubic-bezier(0.4, 0, 1, 1), border-color 0.25s cubic-bezier(0.4, 0, 1, 1), opacity 0.25s cubic-bezier(0.4, 0, 1, 1);
}
.a-primary-hover:focus, .a-primary-hover:hover,
.primary-hover:focus,
.primary-hover:hover {
  color: #0ff;
  opacity: 1;
}
.a-primary-hover:focus,
.primary-hover:focus {
  outline: 0;
}

.current-hover {
  transition: color 0.25s cubic-bezier(0.4, 0, 1, 1);
}
.current-hover:focus, .current-hover:hover {
  color: currentColor;
}
.current-hover:focus {
  outline: 0;
}

.list-style-none {
  list-style: none;
  padding-left: 0;
}

.list-style-number,
.list-style-custom {
  list-style-type: none;
  padding-left: 0;
  margin-left: 1.5rem;
}
.list-style-number > li,
.list-style-custom > li {
  position: relative;
}

.list-style-number {
  counter-reset: ts-list-style-number;
}
.list-style-number > li {
  counter-increment: ts-list-style-number;
}
.list-style-number > li::before {
  content: counter(ts-list-style-number) ".";
  position: absolute;
  left: -1.5rem;
  font-weight: 600;
}
.list-style-number .list-style-number > li::before {
  content: counters(ts-list-style-number, ".") ".";
}

.list-style-extra-padding {
  margin-left: 2.25rem;
}
.list-style-extra-padding.list-style-number > li::before {
  left: -2.25rem;
}

.list-style-number-wrapper {
  counter-reset: ts-list-style-number;
}
.list-style-number-wrapper .list-style-number {
  counter-reset: none;
}

.list-style-custom > li i,
.list-style-custom > li i.tidal-icon {
  position: absolute;
  text-align: center;
  line-height: inherit;
  left: -1.5rem;
}
.list-style-custom.list-style-extra-padding > li i,
.list-style-custom.list-style-extra-padding > li i.tidal-icon {
  left: -2.25rem;
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  white-space: nowrap;
}

@media (min-width: 576px) {
  .ellipsis-sm-min {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
  }
}

@media (max-width: 575px) {
  .ellipsis-sm-max {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
  }
}

@media (min-width: 768px) {
  .ellipsis-md-min {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .ellipsis-md-max {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
  }
}

@media (min-width: 992px) {
  .ellipsis-lg-min {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .ellipsis-lg-max {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
  }
}

.break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.no-select {
  user-select: none;
}

.color-blackest {
  color: #000;
}

.color-white {
  color: #fff;
}

.color-grey-lightest {
  color: #f4f4f4;
}

.color-grey-lighter {
  color: #efefef;
}

.color-grey-light {
  color: #9b9b9b;
}

.color-grey {
  color: #78777f;
}

.color-grey-dark {
  color: #686a71;
}

.color-grey-darker {
  color: #49494f;
}

.color-blacker {
  color: #101012;
}

.color-black {
  color: #26282d;
}

.color-gold {
  color: #ffbe7d;
}

.color-blue-light {
  color: #acdbff;
}

.color-disabled {
  color: #a9a9a9;
}

.color-raspberry {
  color: #cd005e;
}

.color-error,
.color-red {
  color: #ed1c24;
}

.color-native-grey,
.color-muted {
  transition: color 0.25s cubic-bezier(0.4, 0, 1, 1);
}

.color-native-grey {
  color: #686a71;
}
@media screen and (prefers-color-scheme: dark) {
  .color-native-grey {
    color: #9b9b9b;
  }
}

.color-muted {
  color: #9b9b9b;
  /* stylelint-disable-next-line no-descending-specificity, selector-list-comma-newline-after  */
}
.theme-native .color-muted, [class*=theme-] .theme-native .color-muted {
  color: #686a71;
}
@media screen and (prefers-color-scheme: dark) {
  .theme-native .color-muted, [class*=theme-] .theme-native .color-muted {
    color: #9b9b9b;
  }
}
.theme-native [class*=theme-]:not(.theme-native):not(.theme-white):not(.theme-grey-light):not(.theme-semi-transparent) .color-muted {
  color: #9b9b9b;
}
.theme-white .color-muted, [class*=theme-] .theme-white .color-muted {
  color: #686a71;
}

.hidden {
  display: none !important;
}

@media (min-width: 576px) {
  .hidden-sm-min {
    display: none !important;
  }
}

@media (max-width: 575px) {
  .hidden-sm-max {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-min {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-md-max {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-min {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-lg-max {
    display: none !important;
  }
}

.opacity-0 {
  opacity: 0;
}

@media (min-width: 576px) {
  .opacity-sm-min-0 {
    opacity: 0;
  }
}

@media (max-width: 575px) {
  .opacity-sm-max-0 {
    opacity: 0;
  }
}

@media (min-width: 768px) {
  .opacity-md-min-0 {
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .opacity-md-max-0 {
    opacity: 0;
  }
}

@media (min-width: 992px) {
  .opacity-lg-min-0 {
    opacity: 0;
  }
}

@media (max-width: 991px) {
  .opacity-lg-max-0 {
    opacity: 0;
  }
}

.opacity-20 {
  opacity: 0.2;
}

@media (min-width: 576px) {
  .opacity-sm-min-20 {
    opacity: 0.2;
  }
}

@media (max-width: 575px) {
  .opacity-sm-max-20 {
    opacity: 0.2;
  }
}

@media (min-width: 768px) {
  .opacity-md-min-20 {
    opacity: 0.2;
  }
}

@media (max-width: 767px) {
  .opacity-md-max-20 {
    opacity: 0.2;
  }
}

@media (min-width: 992px) {
  .opacity-lg-min-20 {
    opacity: 0.2;
  }
}

@media (max-width: 991px) {
  .opacity-lg-max-20 {
    opacity: 0.2;
  }
}

.opacity-40 {
  opacity: 0.4;
}

@media (min-width: 576px) {
  .opacity-sm-min-40 {
    opacity: 0.4;
  }
}

@media (max-width: 575px) {
  .opacity-sm-max-40 {
    opacity: 0.4;
  }
}

@media (min-width: 768px) {
  .opacity-md-min-40 {
    opacity: 0.4;
  }
}

@media (max-width: 767px) {
  .opacity-md-max-40 {
    opacity: 0.4;
  }
}

@media (min-width: 992px) {
  .opacity-lg-min-40 {
    opacity: 0.4;
  }
}

@media (max-width: 991px) {
  .opacity-lg-max-40 {
    opacity: 0.4;
  }
}

.opacity-60 {
  opacity: 0.6;
}

@media (min-width: 576px) {
  .opacity-sm-min-60 {
    opacity: 0.6;
  }
}

@media (max-width: 575px) {
  .opacity-sm-max-60 {
    opacity: 0.6;
  }
}

@media (min-width: 768px) {
  .opacity-md-min-60 {
    opacity: 0.6;
  }
}

@media (max-width: 767px) {
  .opacity-md-max-60 {
    opacity: 0.6;
  }
}

@media (min-width: 992px) {
  .opacity-lg-min-60 {
    opacity: 0.6;
  }
}

@media (max-width: 991px) {
  .opacity-lg-max-60 {
    opacity: 0.6;
  }
}

.opacity-80 {
  opacity: 0.8;
}

@media (min-width: 576px) {
  .opacity-sm-min-80 {
    opacity: 0.8;
  }
}

@media (max-width: 575px) {
  .opacity-sm-max-80 {
    opacity: 0.8;
  }
}

@media (min-width: 768px) {
  .opacity-md-min-80 {
    opacity: 0.8;
  }
}

@media (max-width: 767px) {
  .opacity-md-max-80 {
    opacity: 0.8;
  }
}

@media (min-width: 992px) {
  .opacity-lg-min-80 {
    opacity: 0.8;
  }
}

@media (max-width: 991px) {
  .opacity-lg-max-80 {
    opacity: 0.8;
  }
}

.opacity-100 {
  opacity: 1;
}

@media (min-width: 576px) {
  .opacity-sm-min-100 {
    opacity: 1;
  }
}

@media (max-width: 575px) {
  .opacity-sm-max-100 {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .opacity-md-min-100 {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .opacity-md-max-100 {
    opacity: 1;
  }
}

@media (min-width: 992px) {
  .opacity-lg-min-100 {
    opacity: 1;
  }
}

@media (max-width: 991px) {
  .opacity-lg-max-100 {
    opacity: 1;
  }
}

[class*=opacity-hover] {
  transition: opacity 0.25s cubic-bezier(0.4, 0, 1, 1);
}

.opacity-hover-0:hover {
  opacity: 0;
}

.opacity-hover-20:hover {
  opacity: 0.2;
}

.opacity-hover-40:hover {
  opacity: 0.4;
}

.opacity-hover-60:hover {
  opacity: 0.6;
}

.opacity-hover-80:hover {
  opacity: 0.8;
}

.opacity-hover-100:hover {
  opacity: 1;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media print {
  .theme-native,
  .theme-white,
  .theme-mint {
    color: #000 !important;
  }
  *,
  *::before,
  *::after,
  *::first-letter {
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a[href^=http]:not([href*="tidal.com"])::after {
    content: " (" attr(href) ")";
  }
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre,
  .nowrap {
    white-space: pre-wrap !important;
    flex-wrap: wrap !important;
  }
  .tidal-lazy-image,
  .tidal-scroll-item,
  .tidal-mobile-animation {
    opacity: 1 !important;
    animation: unset;
  }
  .tidal-lazy-image-wrapper {
    padding-bottom: 0 !important;
    height: auto;
  }
  .tidal-lazy-image {
    position: relative;
  }
}
.content-builder {
  background-color: #000;
  overflow: hidden;
}
.content-builder canvas-view {
  display: block;
  height: 100%;
  margin-left: 50px;
  margin-right: 50px;
  overflow-anchor: none; /* required to suppress chrome feature that breaks some cases when dragging */
  overflow-y: auto;
}
.content-builder canvas-view.preview-mode {
  margin: 0;
}
.content-builder [canvas-page] {
  color: #fff;
  background-color: #26282d;
  min-height: 100%;
}
.content-builder [canvas-page] .row-full {
  width: unset;
}

:root {
  --min-panel-width: 350px;
  --left-panel-width: 350px;
  --right-panel-width: 350px;
}

.content-builder-container [canvas-module] .d-2, .content-builder-container [canvas-module] .d-1 {
  width: 400px;
  float: left;
  height: 300px;
  padding: 15px;
}

.content-builder-container {
  overflow: hidden;
  /* Content Builder Menus */
  /* Content Builder bottom menu */
  /* ==== editable-form ==== */
  /* class for single editable element */
  /* remove bottom-margin for bootstrap */
  /* remove bottom-margin of inputs */
  /* keep buttons on the same line */
  /* in bootstrap width: 100% => buttons go outside the box */
  /* ==== editable-bstime ==== */
  /* workaround for bootstrap that sets width: 100% and inputs become too wide */
  /* less padding for .well */
  /* ==== editable-range ==== */
  /* ==== element ==== */
  /* hiding element */
  /* editable-empty */
}
.content-builder-container .content-builder {
  background-color: #000;
  overflow: hidden;
}
.content-builder-container .radioButtondemoBasicUsage body {
  padding: 20px;
}
.content-builder-container .radioButtondemoBasicUsage hr {
  margin-left: -20px;
  opacity: 0.3;
}
.content-builder-container .radioButtondemoBasicUsage md-radio-group {
  width: 150px;
}
.content-builder-container .radioButtondemoBasicUsage p:last-child {
  padding-bottom: 50px;
}
.content-builder-container .radioButtondemoBasicUsage [ng-controller] {
  padding-left: 20px;
}
.content-builder-container .radioButtondemoBasicUsage .radioValue {
  margin-left: 5px;
  color: #0f9d58;
  font-weight: bold;
  padding: 5px;
}
.content-builder-container .radioButtondemoBasicUsage md-icon {
  margin: 20px;
  margin-top: 0;
  width: 128px;
  height: 128px;
}
.content-builder-container .radioButtondemoBasicUsage .ipsum {
  color: saddlebrown;
  font-size: 0.9em;
}
.content-builder-container .container {
  height: 100%;
}
.content-builder-container .menu-container {
  width: 100%;
  background: red;
}
.content-builder-container .menu-container .main {
  display: flex;
  flex-direction: column;
}
.content-builder-container .menu-container .main-content {
  flex: 1;
}
.content-builder-container edit-panel-field-list {
  display: flex;
  flex-direction: column;
}
.content-builder-container edit-panel-field {
  display: flex;
  flex-direction: column;
}
.content-builder-container .text-angular-field-rte {
  max-height: 60vh;
  overflow: auto;
}
.content-builder-container .side-panel {
  height: 100%;
  position: absolute;
  top: 0;
  transition: 0.25s ease-in-out all;
  z-index: 15;
}
.content-builder-container .side-panel .toggle {
  background: #aaa;
  color: #eee;
  cursor: pointer;
  height: 100%;
  line-height: 50px;
  outline: none;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px;
}
.content-builder-container .side-panel .toggle .md-button {
  width: 40px;
}
.content-builder-container .side-panel .toggle .md-button md-icon {
  transition: 0.25s ease-in-out all;
  transform: rotate(-90deg);
}
.content-builder-container .side-panel .toggle:hover {
  background-color: #888;
}
.content-builder-container .side-panel .main {
  min-width: var(--min-panel-width);
  position: relative;
  transition: 0.25s ease-in-out all;
}
.content-builder-container .side-panel-left {
  left: calc(var(--left-panel-width) * -1);
}
.content-builder-container .side-panel-left.open {
  left: 0;
}
.content-builder-container .side-panel-left .toggle {
  right: -50px;
}
.content-builder-container .side-panel-left .main {
  width: var(--left-panel-width);
}
.content-builder-container .side-panel-right {
  right: calc(var(--right-panel-width) * -1);
}
.content-builder-container .side-panel-right.open {
  right: 0;
}
.content-builder-container .side-panel-right .toggle {
  left: -50px;
}
.content-builder-container .side-panel-right .main {
  width: var(--right-panel-width);
}
.content-builder-container .items-list-container {
  padding: 0;
}
.content-builder-container .left-menu-opened {
  margin-left: calc(var(--left-panel-width) + 50px) !important;
}
.content-builder-container .menu-bottom {
  position: fixed;
  bottom: -400px;
  width: 100%;
  opacity: 0.8;
  transition: 0.2s ease-in-out bottom;
  z-index: 15;
}
.content-builder-container .menu-bottom.close {
  bottom: -400px;
  z-index: 15;
}
.content-builder-container .menu-bottom.open {
  bottom: 0px;
  z-index: 16;
}
.content-builder-container .menu-bottom.open .toggle md-icon {
  transition: 0.25s ease-in-out all;
  transform: rotate(0deg);
}
.content-builder-container .menu-bottom.open .toggle:hover md-icon {
  transform: rotate(180deg);
}
.content-builder-container .menu-bottom .md-sticky-no-effect {
  margin: 0px;
}
.content-builder-container .menu-bottom .md-list-item-text p {
  margin-bottom: 1px;
}
.content-builder-container .menu-bottom .toggle {
  background: #AAAAAA;
  color: #eee;
  position: absolute;
  height: 50px;
  line-height: 50px;
  text-align: center;
  top: -50px;
  right: 0px;
  border-radius: 3px 0 0 3px;
  cursor: pointer;
  outline: none;
}
.content-builder-container .menu-bottom .toggle .md-button {
  width: 40px;
}
.content-builder-container .menu-bottom .main {
  position: relative;
  background: none repeat scroll 0 0 #F0F0F0;
  overflow-y: auto;
  width: 100% !important;
  height: 400px;
  float: left;
}
.content-builder-container .tabsdemoDynamicTabs md-content {
  background-color: transparent !important;
}
.content-builder-container .tabsdemoDynamicTabs md-content md-tabs {
  border: 1px solid #e1e1e1;
}
.content-builder-container .tabsdemoDynamicTabs md-content md-tabs md-tab-content {
  background: #f6f6f6;
}
.content-builder-container .tabsdemoDynamicTabs md-content md-tabs md-tabs-canvas {
  background: white;
}
.content-builder-container .tabsdemoDynamicTabs md-content [canvas-page] h1:first-child {
  margin-top: 0;
}
.content-builder-container .tabsdemoDynamicTabs md-input-container {
  padding-bottom: 0;
}
.content-builder-container .tabsdemoDynamicTabs .remove-tab {
  margin-bottom: 40px;
}
.content-builder-container .tabsdemoDynamicTabs .demo-tab > div > div {
  padding: 25px;
  box-sizing: border-box;
}
.content-builder-container .tabsdemoDynamicTabs .edit-form input {
  width: 100%;
}
.content-builder-container .tabsdemoDynamicTabs md-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.content-builder-container .tabsdemoDynamicTabs md-tab[disabled] {
  opacity: 0.5;
}
.content-builder-container .tabsdemoDynamicTabs label {
  text-align: left;
}
.content-builder-container .tabsdemoDynamicTabs .long > input {
  width: 264px;
}
.content-builder-container .tabsdemoDynamicTabs .md-button.add-tab {
  transform: translateY(5px);
}
.content-builder-container .editable-wrap {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
}
.content-builder-container .editable-wrap .editable-controls,
.content-builder-container .editable-wrap .editable-error {
  margin-bottom: 0;
}
.content-builder-container .editable-wrap .editable-controls > input,
.content-builder-container .editable-wrap .editable-controls > select,
.content-builder-container .editable-wrap .editable-controls > textarea {
  background-color: transparent;
  margin-bottom: 0;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  text-align: inherit;
  /* Seems to help alignment in headers */
  vertical-align: top;
}
.content-builder-container .editable-wrap .editable-input {
  display: inline-block;
}
.content-builder-container .editable-buttons {
  display: inline-block;
  vertical-align: top;
}
.content-builder-container .editable-buttons button {
  margin-left: 5px;
}
.content-builder-container .editable-input.editable-has-buttons {
  width: auto;
}
.content-builder-container .editable-bstime .editable-input input[type=text] {
  width: 46px;
}
.content-builder-container .editable-bstime .well-small {
  margin-bottom: 0;
  padding: 10px;
}
.content-builder-container .editable-range output {
  display: inline-block;
  min-width: 30px;
  vertical-align: top;
  text-align: center;
}
.content-builder-container .editable-color input[type=color] {
  width: 50px;
}
.content-builder-container .editable-checkbox label span,
.content-builder-container .editable-checklist label span,
.content-builder-container .editable-radiolist label span {
  margin-left: 7px;
  margin-right: 10px;
}
.content-builder-container .editable-hide {
  display: none !important;
}
.content-builder-container .editable-click,
.content-builder-container a.editable-click {
  text-decoration: none;
}
.content-builder-container .editable-click:hover,
.content-builder-container a.editable-click:hover {
  text-decoration: none;
  color: #2a6496;
  border-bottom-color: #2a6496;
}
.content-builder-container .editable-empty,
.content-builder-container .editable-empty:hover,
.content-builder-container .editable-empty:focus,
.content-builder-container a.editable-empty,
.content-builder-container a.editable-empty:hover,
.content-builder-container a.editable-empty:focus {
  font-style: italic;
  color: inherit;
  text-decoration: inherit;
}
.content-builder-container .sections-container {
  position: relative;
}
.content-builder-container .modules-container {
  position: relative;
}
.content-builder-container .empty-section-placeholder {
  color: #fff;
  text-align: center;
}
.content-builder-container .cms-canvas-container .as-sortable-dragging {
  opacity: 0.7;
}
.content-builder-container [canvas-module] {
  position: relative;
}
.content-builder-container [canvas-module] .editable {
  font-size: 18px !important;
  color: #fff !important;
  font-style: normal !important;
}
.content-builder-container [canvas-module] p {
  margin-top: 2px;
}
.content-builder-container [canvas-module] pre {
  margin-top: 2px;
}
.content-builder-container [canvas-module] .d-2 {
  background: #111;
}
.content-builder-container [canvas-module] label {
  font-size: 15px;
  color: #aaa;
}
.content-builder-container [canvas-module] .clear {
  clear: both;
  height: 0;
  font-size: 0;
}
.content-builder-container [canvas-module] .editable-input {
  font-size: 18px !important;
  color: #fff !important;
  border: solid 1px #aaa !important;
  text-align: left;
  padding: 3px;
}
.content-builder-container .popup-list {
  background: #fff;
  width: 250px;
  position: absolute;
  z-index: 16;
}
.content-builder-container .popup-list.ng-enter, .content-builder-container .popup-list.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
.content-builder-container .popup-list.ng-enter, .content-builder-container .popup-list.ng-leave.ng-leave-active {
  opacity: 0;
}
.content-builder-container .popup-list.ng-leave, .content-builder-container .popup-list.ng-enter.ng-enter-active {
  opacity: 1;
}
.content-builder-container .popup-list-content {
  max-height: 350px;
  overflow: auto;
}

.canvas-module-container-overlay {
  /* Slightly opaque to not let mouse events pass through on dragging. */
  background-color: rgba(197, 197, 197, 0.01);
  bottom: 0;
  cursor: pointer;
  display: flex;
  left: 0;
  position: absolute;
  right: 0;
  transition: background-color 0.2s;
  top: 0;
}
.canvas-module-container-overlay md-icon {
  background-color: #eee;
  border-radius: 50%;
  box-shadow: 0 0 10px 0px #616161;
  font-size: 4rem;
  height: auto;
  opacity: 0;
  padding: 0.8rem;
  transition: opacity 0.2s;
  width: auto;
}

canvas-view:not(.preview-mode) .canvas-module-container-overlay:hover {
  background-color: rgba(197, 197, 197, 0.3);
}
canvas-view:not(.preview-mode) .canvas-module-container-overlay:hover md-icon {
  opacity: 1;
}

.state-banner {
  display: block;
  height: 0;
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
  text-overflow: ellipsis;
  transition: height 0.5s;
  white-space: nowrap;
}
.state-banner .state-content {
  padding: 0.5rem;
}

.canvas-section .handler {
  background-color: #000;
  font-size: 11px;
  padding: 5px 3px;
}

.canvas-module-container {
  outline: none;
  position: relative;
}

.canvas-module-container .handler {
  background-color: hsl(0, 0%, 30%);
}

.canvas-module-container .handler .handler-title {
  font-size: 14px;
}

.canvas-section .handler.drop-placeholder,
.canvas-module-container .handler.drop-placeholder {
  background-color: rgb(76, 175, 80);
}

.cms-canvas-container .canvas-section .handler {
  border: 1px solid rgba(0, 0, 0, 0.87);
  color: #fff;
}

.cms-canvas-container .canvas-section .handler md-icon svg {
  fill: #fff;
}

.cms-canvas-container .canvas-module-container .handler {
  border: 1px solid rgba(0, 0, 0, 0.87);
  color: #fff;
  text-align: left;
}

.current-edit-element > [canvas-view-toolbar] > .handler {
  background-color: hsl(0, 0%, 15%);
}

.canvas-toolbar {
  border-top: 1px #aaa solid;
}

.material-icons.material-icons-small {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

.cms-canvas-container .pill-spec {
  border: 1px solid #fff;
  border-radius: 3px;
  margin: 0 6px;
  overflow: hidden;
  white-space: nowrap;
}
.cms-canvas-container .pill-spec-type {
  background-color: #fff;
  color: #000;
  padding: 3px 5px;
}
.cms-canvas-container .pill-spec-name {
  border-radius: 3px;
  padding: 3px 5px;
}
.cms-canvas-container .module-pill .pill-spec-type {
  display: none;
}
.cms-canvas-container .module-pill .pill-spec-name {
  display: inline-block;
  overflow: hidden;
  padding: 1px 5px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 5rem;
}
.cms-canvas-container .pill-generic {
  border-radius: 3px;
  margin: 0 4px;
  padding: 3px 5px;
  text-transform: uppercase;
}
.cms-canvas-container .scheduled-pill {
  background-color: #f57c00;
  color: #fff;
}
.cms-canvas-container .expired-pill {
  background-color: #fd2929;
  color: #fff;
}
.cms-canvas-container .info-pill {
  background-color: #fff;
  color: #000;
}

.toolbar-time-picker {
  text-align: left;
  height: 20px;
  font-size: 13px;
  line-height: 0;
  min-height: 0;
}

.dirty-notification-container {
  font-size: 0.8rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.dirty-notification-container .dirty-notification-body {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0.4rem;
  transition: transform 0.2s;
  transform: translateY(-100%);
}
.dirty-notification-container .dirty-notification-body.visible {
  transform: translateY(0);
}

.animate-if.ng-enter, .animate-if.ng-leave {
  transition: opacity 0.3s;
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  opacity: 0;
}

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  opacity: 1;
}

.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
  transition: all linear 0.2s;
  transform-origin: top;
}

.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
  opacity: 0;
  transform: translateX(-100%);
}

.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translateX(0);
}

.redirect-form {
  z-index: 155;
  overflow-x: hidden;
}

.redirects-panel {
  height: 500px;
  width: 50%;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.redirects-panel .redirects-content {
  width: 100%;
  border-radius: 0 0 4px 4px;
}
.redirects-panel .redirects-content .redirects-table-sizer {
  height: 360px;
  overflow: auto;
}
.redirects-panel .redirects-content .redirects-toolbar {
  border-radius: 4px 4px 0 0;
}