/**
 * Turret
 */

/*!
 * turretcss v5.2.1
 * https://turretcss.com
 *
 * Licensed under the MIT license.
 * https://www.opensource.org/licenses/mit-license.php
 * 
 * Copyright 2019 Bigfish
 * https://www.bigfish.tv
 */

/**
 * Normalize
 */

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Definitions
 */

:root {
  /**
   * Color
   */

  /* White */

  /* Black */

  /**
   * Shades
   */

  /* Light */

  /* Grey */

  /* Dark */

  /**
   * Palette
   */

  /* Primary */

  /* Secondary */

  /* Tertiary */

  /**
   * Indicators
   */

  /* Error */

  /* Warning */

  /* Success */

  /* Info */
}

:root {
  /**
   * Root
   */

  /**
   * Body
   */

  /**
   * Icon
   */

  /**
   * Print
   */

  /**
   * Focus Outline
   */

  /**
   * Container
   */

  /**
   * Group
   */

  /**
   * Color
   */

  /**
   * Background
   */

  /**
   * Border
   */

  /**
   * Border Radius
   */

  /**
   * Box Shadow
   */

  /**
   * Box Shadow Sizes
   */

  /**
   * Z-Index
   */

  /**
   * Speed
   */

  /**
   * Height
   */

  /**
   * Space
   */

  /**
   * Max Width
   */

  /**
   * Font
   */

  /**
   * Font Weights
   */

  /**
   * Font Sizes
   */

  /**
   * Line height
   */

  /**
   * Letter Spacing
   */
}

:root {
  /**
   * Headings
   */

  /**
   * Heading Sizes
   */

  /**
   * Headings Small
   */

  /**
   * Display Title
   */

  /** 
   * Display Title Sizes
   */

  /**
   * All Caps
   */

  /** 
   * All Caps Sizes
   */

  /**
   * Lead
   */

  /** 
   * Lead Sizes
   */

  /**
   * Paragraph
   */

  /**
   * Link
   */

  /**
   * Strong
   */

  /**
   * Emphasis
   */

  /**
   * Horizontal Rule
   */

  /**
   * Blockquote
   */

  /**
   * Cite
   */

  /**
   * List
   */

  /**
   * List Item
   */

  /**
   * Child List
   */

  /**
   * Unordered List
   */

  /** 
   * Definition List
   */

  /** 
   * Definition Term
   */

  /** 
   * Definition Description
   */

  /**
   * Code
   */

  /** 
   * Pre
   */

  /**
   * Kbd
   */

  /**
   * Mark
   */
}

:root {
  /**
   * Form Message
   */

  /** 
   * Field
   */

  /** 
   * Fieldset
   */

  /** 
   * Legend
   */

  /** 
   * Label
   */

  /** 
   * Input
   */

  /** 
   * Input Sizes
   */

  /**
   * Textarea
   */

  /**
   * Select
   */

  /** 
   * Select Sizes
   */

  /**
   * Control
   */

  /** 
   * Control Sizes
   */

  /** 
   * Range
   */

  /** 
   * Range Sizes
   */

  /** 
   * Progress
   */

  /** 
   * Progress Sizes
   */
}

:root {
  /**
   * Button
   */

  /** 
   * Button Sizes
   */

  /** 
   * Button Shades
   */

  /** 
   * Button Palette
   */

  /** 
   * Button Indicators
   */

  /** 
   * Button Icon
   */

  /** 
   * Button Icon Sizes
   */

  /**
   * Figure
   */

  /**
   * Media
   */

  /**
   * Nav
   */

  /**
   * Spinner
   */

  /** 
   * Spinner Sizes
   */

  /**
   * Table
   */
}

/**
 * Base
 */

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

:focus {
  outline: none;
  outline-offset: 1px;
}

html,
body {
  width: 100%;
  min-height: 100%;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, hr:first-child, dl:first-child, dd:first-child, dt:first-child, ul:first-child, ul li:first-child, ol:first-child, ol li:first-child, figcaption:first-child, blockquote:first-child, cite:first-child, .display-title:first-child, .all-caps:first-child, .field:first-child, fieldset:first-child, legend:first-child, label:first-child, input:first-child, textarea:first-child, .select:first-child, .control:first-child, progress:first-child, table:first-child, caption:first-child, .table-responsive:first-child {
  margin-top: 0;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, hr:last-child, dl:last-child, dd:last-child, dt:last-child, ul:last-child, ul li:last-child, ol:last-child, ol li:last-child, figcaption:last-child, blockquote:last-child, cite:last-child, .display-title:last-child, .all-caps:last-child, .field:last-child, fieldset:last-child, legend:last-child, label:last-child, input:last-child, textarea:last-child, .select:last-child, .control:last-child, progress:last-child, table:last-child, caption:last-child, .table-responsive:last-child {
  margin-bottom: 0;
}

:root {
  font-size: 16px;
}

body {
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Monaco, Menlo, Consolas, 'Courier New', monospace;
  font-weight: normal;
  color: #8a8a8a;
  line-height: 1.35;
  letter-spacing: 0;
  background: #e5ebff;
}

.container {
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}

@media (min-width: 1920px) {

  .container {
    max-width: 82rem;
  }
}

@media (min-width: 1680px) {

  .container {
    max-width: 82rem;
  }
}

@media (min-width: 1280px) and (max-width: 1679px) {

  .container {
    max-width: 82rem;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {

  .container {
    max-width: 72rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {

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

@media (max-width: 767px) {

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

@media (max-width: 320px) {

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

.group > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.group > ul > li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0;
  padding: 0;
}

.group-center > ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.group-column > ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.group-nowrap > ul {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.group-space-between > ul {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.group-space-around > ul {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.group-space-evenly > ul {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.group-stretch > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}

.group-xxl > ul {
  margin: -0.875rem;
}

.group-xxl > ul > li {
  margin: 0.875rem;
}

.group-xl > ul {
  margin: -0.75rem;
}

.group-xl > ul > li {
  margin: 0.75rem;
}

.group-l > ul {
  margin: -0.625rem;
}

.group-l > ul > li {
  margin: 0.625rem;
}

.group-m > ul {
  margin: -0.5rem;
}

.group-m > ul > li {
  margin: 0.5rem;
}

.group-s > ul {
  margin: -0.375rem;
}

.group-s > ul > li {
  margin: 0.375rem;
}

.group-xs > ul {
  margin: -0.25rem;
}

.group-xs > ul > li {
  margin: 0.25rem;
}

.group-xxs > ul {
  margin: -0.125rem;
}

.group-xxs > ul > li {
  margin: 0.125rem;
}

@page {
  size: A4;
  margin: 1.5cm 2cm;
}

@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: rgb(0, 0, 0) !important; /* Black prints faster: h5bp.com/s */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }

  a {
    text-decoration: underline !important;
  }

  a[href]::after {
    margin-left: 0.2em;
    content: attr(href);
  }

  a[href^='#']:after {
    content: '';
  }

  abbr[title]::after {
    margin-left: 0.2em;
    content: attr(title);
  }

  pre {
    page-break-inside: avoid;
    border: 1px solid #8a8a8a !important;
  }

  blockquote {
    page-break-inside: avoid;
  }

  .field,
  input,
  textarea,
  .control,
  .media {
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  table {
    border-collapse: collapse !important
  }

  table td,
    table th {
    background-color: rgb(255, 255, 255) !important;
  }
}

/**
 * Accessibility
 */

/**
 * Only display content to Screen Readers
 * See: https://a11yproject.com/posts/how-to-hide-content/
 */

.screen-reader {
  position: absolute;
  padding: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

/**
 * Use in conjunction with .screen-reader to only display content when it's focused.
 * Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */

.screen-reader-focusable:active,
  .screen-reader-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/**
 * Animation
 */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/**
 * Typography
 */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 2em 0 1em 0;
  font-family: inherit;
  font-weight: 500;
  font-style: normal;
  color: inherit;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 0.6em;
  color: inherit;
}

h1,
.h1 {
  font-size: 4rem
}

h1 + h2,
  h1 + .h2,
  .h1 + h2,
  .h1 + .h2 {
  margin-top: 0;
}

h2,
.h2 {
  font-size: 3.25rem
}

h2 + h3,
  h2 + .h3,
  .h2 + h3,
  .h2 + .h3 {
  margin-top: 0;
}

h3,
.h3 {
  font-size: 2.75rem
}

h3 + h4,
  h3 + .h4,
  .h3 + h4,
  .h3 + .h4 {
  margin-top: 0;
}

h4,
.h4 {
  font-size: 2.25rem
}

h4 + h5,
  h4 + .h5,
  .h4 + h5,
  .h4 + .h5 {
  margin-top: 0;
}

h5,
.h5 {
  font-size: 2rem
}

h5 + h6,
  h5 + .h6,
  .h5 + h6,
  .h5 + .h6 {
  margin-top: 0;
}

h6,
.h6 {
  font-size: 1.875rem;
}

.display-title {
  margin: 0;
  font-family: 'TT Trailers', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 3rem;
  font-style: normal;
  color: inherit;
  line-height: 0.9;
  text-transform: uppercase;
  letter-spacing: 0;
}

.display-title-xxl {
  font-size: 14.5rem;
}

.display-title-xl {
  font-size: 7.25rem;
}

.display-title-l {
  font-size: 4.5rem;
}

.display-title-s {
  font-size: 2.25rem;
}

.display-title-xs {
  font-size: 2rem;
}

.display-title-xxs {
  font-size: 1.25rem;
}

.all-caps {
  margin: 0.5em 0;
  font-family: 'Gotham Cond A', 'Gotham Cond B', sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  font-style: normal;
  color: inherit;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.all-caps-xxl {
  font-size: 1.0625rem;
}

.all-caps-xl {
  font-size: 1rem;
}

.all-caps-l {
  font-size: 0.9375rem;
}

.all-caps-s {
  font-size: 0.8125rem;
}

.all-caps-xs {
  font-size: 0.75rem;
}

.all-caps-xxs {
  font-size: 0.6875rem;
}

.lead {
  margin: 0.5em 0 1em 0;
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Monaco, Menlo, Consolas, 'Courier New', monospace;
  font-weight: inherit;
  font-size: 1.25rem;
  font-style: normal;
  color: inherit;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
}

.lead-xxl {
  font-size: 1.625rem;
}

.lead-xl {
  font-size: 1.5rem;
}

.lead-l {
  font-size: 1.375rem;
}

.lead-s {
  font-size: 1.125rem;
}

.lead-xs {
  font-size: 1rem;
}

.lead-xxs {
  font-size: 0.875rem;
}

p {
  margin: 1em 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: 1rem;
  font-style: normal;
  color: inherit;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
}

a {
  color: currentColor;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
  text-decoration-skip-ink: auto;
  -webkit-transition: color 200ms ease-in-out, background 200ms ease-in-out, border 200ms ease-in-out;
  transition: color 200ms ease-in-out, background 200ms ease-in-out, border 200ms ease-in-out
}

a:hover,
  a:focus {
  color: currentColor;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
  text-decoration-skip-ink: auto;
}

strong {
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Monaco, Menlo, Consolas, 'Courier New', monospace;
  font-weight: normal;
  font-style: inherit;
  color: inherit;
}

em {
  font-family: inherit;
  font-weight: inherit;
  font-style: italic;
  color: inherit;
}

hr {
  clear: both;
  margin: 1rem auto;
  border: 0;
  height: 1px;
  background: #e5ebff;
}

blockquote {
  margin: 2em 0;
  padding: 0 1em;
  font-family: inherit;
  font-weight: inherit;
  font-size: 1.25rem;
  font-style: normal;
  color: inherit;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0
}

blockquote p {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  color: inherit;
  line-height: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
}

cite {
  display: block;
  margin: 1em 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: 0.875rem;
  font-style: normal;
  color: inherit;
  text-align: left;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
}

ul,
ol {
  margin: 1em 0;
  padding: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: 1rem;
  font-style: normal;
  color: inherit;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0
}

ul li, ol li {
  margin: 0.5em 0 0.5em 1.5em;
  padding: 0 0 0 0.5em;
}

ul li > ul,
    ul li > ol,
    ol li > ul,
    ol li > ol {
  margin: 0.5em 0 0.5em 0;
  padding: 0;/*Override margin removed for first child items in reset.css
 */
}

ul li > ul:first-child, ul li > ol:first-child, ol li > ul:first-child, ol li > ol:first-child {
  margin: 0.5em 0 0.5em 0;
}

ul li > ul li, ul li > ol li, ol li > ul li, ol li > ol li {
  margin: 0.5em 0 0.5em 1.5em;
  padding: 0 0 0 0.5em;
}

ul {
  list-style: disc
}

ul li ul {
  list-style: disc;
}

ol li {
}

.list-unstyled {
  list-style: none
}

.list-unstyled li {
  margin-left: 0;
  padding-left: 0;
}

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

dl {
  margin: 1em 0;
  padding: 0;
  font-size: 1rem;
}

dt {
  margin: 0.5em 0;
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Monaco, Menlo, Consolas, 'Courier New', monospace;
  font-weight: normal;
  font-size: inherit;
  font-style: normal;
  color: inherit;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}

dd {
  margin: 0 0 1em 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-style: normal;
  color: inherit;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
}

code {
  font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
  font-weight: normal;
  font-size: 80%;
  font-style: normal;
  color: rgb(29, 26, 55);
}

pre {
  margin: 1em 0;
  padding: 1em;
  overflow: auto;
  font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
  font-weight: normal;
  font-size: 80%;
  font-style: normal;
  color: inherit;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  background: #e5ebff;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0px
}

pre code {
  font-size: inherit;
  color: rgb(29, 26, 55);
}

kbd {
  margin: 0 0.2em;
  padding: 0.2em 0.4em;
  font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
  font-weight: normal;
  font-size: 80%;
  font-style: normal;
  color: rgb(29, 26, 55);
  background: #e5ebff;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0px;
}

mark {
  margin: 0;
  padding: 0.2em 0.4em;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-style: normal;
  color: inherit;
  background: yellow;
}

/**
 * Form
 */

.form-message {
  margin: 0.5em 0;
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: inherit;
  font-size: 0.75rem;
  font-style: normal;
  color: inherit;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0
}

.form-message:empty {
  display: none;
}

.form-message.error {
  color: rgb(255, 70, 62);
}

.form-message.warning {
  color: rgb(255, 153, 0);
}

.form-message.success {
  color: rgb(0, 190, 148);
}

.form-message.info {
  color: rgb(0, 153, 232);
}

.field {
  margin: 0.75rem 0
}

.field label:first-child, .field input:first-child, .field textarea:first-child, .field .form-message:first-child, .field .select:first-child {
  margin-top: 0;
}

.field label:last-child, .field input:last-child, .field textarea:last-child, .field .form-message:last-child, .field .select:last-child {
  margin-bottom: 0;
}

.field-float-label {
  position: relative
}

.field-float-label input + label, .field-float-label textarea + label {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  margin: 0 1em;
  padding: 0.25em;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  pointer-events: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.field-float-label input:focus::-webkit-input-placeholder, .field-float-label textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}

.field-float-label input:focus:-ms-input-placeholder, .field-float-label textarea:focus:-ms-input-placeholder {
  opacity: 0;
}

.field-float-label input:focus::-ms-input-placeholder, .field-float-label textarea:focus::-ms-input-placeholder {
  opacity: 0;
}

.field-float-label input:focus::placeholder, .field-float-label textarea:focus::placeholder {
  opacity: 0;
}

.field-float-label input:focus + label, .field-float-label textarea:focus + label {
  opacity: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgb(255, 255, 255)));
  background-image: linear-gradient(to bottom, transparent 50%, rgb(255, 255, 255) 50%);
}

fieldset {
  display: block;
  margin: 0.75rem 0;
  padding: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0px;
}

legend {
  padding: 0.5em;
  font-family: inherit;
  font-weight: inherit;
  font-size: 1rem;
  color: inherit;
}

label {
  display: block;
  margin: 0.5em 0;
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: 500;
  font-size: 1rem;
  font-style: normal;
  color: inherit;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
}

input,
textarea {
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0.5em 0;
  padding: 0 1em;
  width: 100%;
  height: 2.5rem;
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: inherit;
  font-size: 1rem;
  font-style: normal;
  color: #8a8a8a;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  background: rgb(255, 255, 255);
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #8a8a8a;
  opacity: 0.5;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #8a8a8a;
  opacity: 0.5;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #8a8a8a;
  opacity: 0.5;
}

input::placeholder, textarea::placeholder {
  color: #8a8a8a;
  opacity: 0.5;
}

input,
textarea {/*Override IE opacity styles as they apply to the full input and not just placeholder text
 */
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
}

input:hover, textarea:hover {
  color: #8a8a8a;
  background: ;
  border-color: currentColor;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input:focus, textarea:focus {
  color: #8a8a8a;
  background: rgb(255, 255, 255);
  border-color: currentColor;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input:disabled, textarea:disabled {
  pointer-events: none;
  color: #8a8a8a;
  background: rgb(242, 242, 242);
  border-color: currentColor;
}

input.error, textarea.error {
  color: rgb(255, 70, 62) !important;
  border-color: rgb(255, 70, 62) !important;
}

input.warning, textarea.warning {
  color: rgb(255, 153, 0) !important;
  border-color: rgb(255, 153, 0) !important;
}

input.success, textarea.success {
  color: rgb(0, 190, 148) !important;
  border-color: rgb(0, 190, 148) !important;
}

input.info, textarea.info {
  color: rgb(0, 153, 232) !important;
  border-color: rgb(0, 153, 232) !important;
}

input[type='search'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type='file'] {
  padding: 0 !important;
  height: auto !important;
  font-size: 0.7em !important;
  background: transparent !important;
  border: none !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

input[type='checkbox'],
input[type='radio'] {
  display: inline-block;
  margin-right: 10px;
  width: auto;
  height: auto;
  -webkit-box-shadow: none !important;
          box-shadow: none !important
}

input[type='checkbox'] + p, input[type='radio'] + p {
  margin: 0;
  display: inline-block;
}

input[type='checkbox'] + label, input[type='radio'] + label {
  display: inline-block;
}

input[type='checkbox'] {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}

input[type='radio'] {
  -webkit-appearance: radio;
     -moz-appearance: radio;
          appearance: radio;
}

input[type='color'] {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 2.5rem;
  -webkit-appearance: none
}

input[type='color']::-moz-focus-inner {
  padding: 1px;
}

input[type='color']::-webkit-color-swatch-wrapper {
  padding: 1px;
}

input[type='color']::-moz-color-swatch {
  border: none;
}

input[type='color']::-webkit-color-swatch {
  border: none;
}

.input-xxl {
  height: 3.25rem;
  font-size: 1.5rem;
}

.input-xl {
  height: 3rem;
  font-size: 1.25rem;
}

.input-l {
  height: 2.75rem;
  font-size: 1.125rem;
}

.input-s {
  height: 2.25rem;
  font-size: 0.875rem;
}

.input-xs {
  height: 2rem;
  font-size: 0.75rem;
}

.input-xxs {
  height: 1.75rem;
  font-size: 0.625rem;
}

input[type='color'].input-xxl {
  width: 3.25rem;
}

input[type='color'].input-xl {
  width: 3rem;
}

input[type='color'].input-l {
  width: 2.75rem;
}

input[type='color'].input-s {
  width: 2.25rem;
}

input[type='color'].input-xs {
  width: 2rem;
}

input[type='color'].input-xxs {
  width: 1.75rem;
}

.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.input-group input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0;
}

.input-group input:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group button,
  .input-group .button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.input-group input,
  .input-group button,
  .input-group .button {
  position: relative;
}

.input-group input:hover,
    .input-group input:focus,
    .input-group input:active,
    .input-group button:hover,
    .input-group button:focus,
    .input-group button:active,
    .input-group .button:hover,
    .input-group .button:focus,
    .input-group .button:active {
  z-index: 2;
}

.input-group input + input,
    .input-group input + button,
    .input-group input + .button,
    .input-group button + input,
    .input-group button + button,
    .input-group button + .button,
    .input-group .button + input,
    .input-group .button + button,
    .input-group .button + .button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group input + button,
    .input-group input + .button,
    .input-group button + button,
    .input-group button + .button,
    .input-group .button + button,
    .input-group .button + .button {
  margin-left: -1px;
}

.input-group input + input, .input-group button + input, .input-group .button + input {
  margin-left: -1px;
}

textarea {
  padding: 1em;
  max-width: 100%;
  height: auto;
  line-height: inherit;
  -webkit-transition: color 200ms ease-in-out, background 200ms ease-in-out, border 200ms ease-in-out;
  transition: color 200ms ease-in-out, background 200ms ease-in-out, border 200ms ease-in-out;
}

select {
  display: block;
  width: 100%;
}

.select {
  position: relative;
  display: block;
  margin: 0.5em 0;
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: inherit;
  font-size: 1rem;
  font-style: normal;
  line-height: auto;
  text-transform: none;
  letter-spacing: 0
}

.select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  margin: 0;
  outline: 0;
  padding: 0 1em;
  height: 2.5rem;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  color: #8a8a8a;
  line-height: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  background: rgb(255, 255, 255);
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;/*Undo the Firefox inner focus ring
 */
}

.select select::-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.select select {/*Hide the arrow in IE10 and up
 */
}

.select select::-ms-expand {
  display: none;
}

.select select:hover {
  color: #8a8a8a;
  background: rgb(255, 255, 255);
  border-color: currentColor;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select select:focus {
  color: #8a8a8a;
  background: rgb(255, 255, 255);
  border-color: currentColor;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  outline-offset: 1px;
}

.select select:disabled {
  pointer-events: none;
  color: #8a8a8a;
  background: rgb(242, 242, 242);
  border-color: currentColor;
}

.select.error select {
  color: rgb(255, 70, 62) !important;
  border-color: rgb(255, 70, 62) !important;
}

.select.error::after {
  border-top-color: rgb(255, 70, 62) !important;
}

.select.warning select {
  color: rgb(255, 153, 0) !important;
  border-color: rgb(255, 153, 0) !important;
}

.select.warning::after {
  border-top-color: rgb(255, 153, 0) !important;
}

.select.success select {
  color: rgb(0, 190, 148) !important;
  border-color: rgb(0, 190, 148) !important;
}

.select.success::after {
  border-top-color: rgb(0, 190, 148) !important;
}

.select.info select {
  color: rgb(0, 153, 232) !important;
  border-color: rgb(0, 153, 232) !important;
}

.select.info::after {
  border-top-color: rgb(0, 153, 232) !important;
}

.select {/*Dropdown Arrow
 */
}

.select::after {
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -0.125em;
  width: 0;
  height: 0;
  content: '';
  pointer-events: none;
  border-left: 0.25em solid transparent;
  border-right: 0.25em solid transparent;
  border-top: 0.25em solid currentColor;
}

/* Firefox hack to hide the arrow */

@moz-document url-prefix() {
  /* Firefox hack to hide the arrow (FF => 30) */
  .select::before {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    pointer-events: none;
    width: 1em;
    border-width: 1px 1px 1px 0px;
    border-color: currentColor;
    border-style: solid;
    background: rgb(255, 255, 255);
  }

  .select.large::before {
    width: 1.5em;
  }
}

.select-xxl select,
select.select-xxl {
  height: 3.25rem;
  font-size: 1.5rem;
}

.select-xl select,
select.select-xl {
  height: 3rem;
  font-size: 1.25rem;
}

.select-l select,
select.select-l {
  height: 2.75rem;
  font-size: 1.125rem;
}

.select-s select,
select.select-s {
  height: 2.25rem;
  font-size: 0.875rem;
}

.select-xs select,
select.select-xs {
  height: 2rem;
  font-size: 0.75rem;
}

.select-xxs select,
select.select-xxs {
  height: 1.75rem;
  font-size: 0.625rem;
}

.control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0.5em 0;
  padding: 0;
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: normal;
  font-size: 1rem;
  font-style: normal;
  color: currentColor;
  line-height: 1.65;
  text-transform: none;
  letter-spacing: 0;
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer
}

.control.control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 2rem;
}

.control:hover .control-indicator {
  background-color: ;
  border-color: currentColor;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.control input[type='checkbox'],
  .control input[type='radio'] {
  z-index: -1;
  position: absolute;
  margin: 0;
  opacity: 0;
}

.control input[type='checkbox']:focus ~ .control-indicator, .control input[type='radio']:focus ~ .control-indicator {
  background-color: rgb(255, 255, 255);
  border-color: currentColor;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  outline-offset: 1px;
}

.control input[type='checkbox']:checked ~ .control-indicator, .control input[type='radio']:checked ~ .control-indicator {
  background-color: currentColor;
  border: 1px solid currentColor;
}

.control input[type='checkbox']:checked ~ .control-label, .control input[type='radio']:checked ~ .control-label {
  color: inherit;
}

.control.checkbox .control-indicator {
  border-radius: 0.5rem;
}

.control.checkbox input[type='checkbox']:checked ~ .control-indicator {
  background-color: currentColor;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16"><polyline points="4 8.43 6.67 11 12 5" fill="none" stroke="white" stroke-miterlimit="10" stroke-width="2"/></svg>');
}

.control.radio .control-indicator {
  border-radius: 1.5rem;
}

.control.radio input[type='radio']:checked ~ .control-indicator::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  width: 0.5em;
  height: 0.5em;
  background: rgb(255, 255, 255);
  border-radius: 1.5rem;
}

.control.switch .control-indicator {
  width: 2em;
  border-radius: 1.5rem;
}

.control.switch .control-indicator::before {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  content: '';
  width: 1em;
  height: 1em;
  background-color: rgb(255, 255, 255);
  border-width: inherit;
  border-style: inherit;
  border-color: inherit;
  border-radius: 1.5rem;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.control.switch input[type='checkbox']:checked ~ .control-indicator::before {
  left: calc(100% - 1em + 1px);
}

.control.error input:checked ~ .control-indicator {
  background-color: rgb(255, 70, 62) !important;
  border-color: rgb(255, 70, 62) !important;
}

.control.warning input:checked ~ .control-indicator {
  background-color: rgb(255, 153, 0) !important;
  border-color: rgb(255, 153, 0) !important;
}

.control.success input:checked ~ .control-indicator {
  background-color: rgb(0, 190, 148) !important;
  border-color: rgb(0, 190, 148) !important;
}

.control.info input:checked ~ .control-indicator {
  background-color: rgb(0, 153, 232) !important;
  border-color: rgb(0, 153, 232) !important;
}

.control-indicator {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  background-color: rgb(255, 255, 255);
  background-position: center center;
  background-repeat: no-repeat;
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.control-label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: block;
  margin: 0 0 0 1rem;
  color: inherit;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.control-reversed > .control-label {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 0;
}

.control-reversed > .control-indicator {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0 0 0 1rem;
}

.control-xxl {
  font-size: 1.5rem
}

.control-xxl .control-indicator {
  font-size: 1.75rem;
}

.control-xl {
  font-size: 1.25rem
}

.control-xl .control-indicator {
  font-size: 2rem;
}

.control-l {
  font-size: 1.125rem
}

.control-l .control-indicator {
  font-size: 1.75rem;
}

.control-s {
  font-size: 0.875rem
}

.control-s .control-indicator {
  font-size: 1.25rem;
}

.control-xs {
  font-size: 0.75rem
}

.control-xs .control-indicator {
  font-size: 1rem;
}

.control-xxs {
  font-size: 0.625rem
}

.control-xxs .control-indicator {
  font-size: 1rem;
}

input[type='range'] {
  margin: 0.5em 0;
  padding: 0;
  width: 100%;
  height: auto;
  font-size: 0.75rem;
  color: currentColor;
  border: none;
  background: transparent;
  border-radius: 0px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-appearance: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out
}

input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -0.5em;
  height: 2em;
  width: 2em;
  cursor: pointer;
  background: rgb(255, 255, 255);
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  border-radius: 50%;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 1em;
  cursor: pointer;
  background: currentColor;
  border-width: 0;
  border-style: none;
  border-color: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

input[type='range']::-moz-range-thumb {
  height: 2em;
  width: 2em;
  cursor: pointer;
  background: rgb(255, 255, 255);
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  border-radius: 50%;
  box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

input[type='range']::-moz-range-track {
  width: 100%;
  height: 1em;
  cursor: pointer;
  background: currentColor;
  border-width: 0;
  border-style: none;
  border-color: none;
  border-radius: 0px;
  box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

input[type='range']::-ms-thumb {
  height: 2em;
  width: 2em;
  cursor: pointer;
  background: rgb(255, 255, 255);
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  border-radius: 50%;
  box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

input[type='range']::-ms-fill-lower {
  width: 100%;
  height: 1em;
  cursor: pointer;
  background: currentColor;
  border-width: 0;
  border-style: none;
  border-color: none;
  border-radius: 0px;
  box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

input[type='range']::-ms-fill-upper {
  width: 100%;
  height: 1em;
  cursor: pointer;
  background: currentColor;
  border-width: 0;
  border-style: none;
  border-color: none;
  border-radius: 0px;
  box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

input[type='range']::-ms-track {
  width: 100%;
  height: 1em;
  cursor: pointer;
  background: currentColor;
  border-width: 0;
  border-style: none;
  border-color: none;
  border-radius: 0px;
  box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  color: transparent;
}

input[type='range']:hover {
  color: currentColor;
  background: transparent;
}

input[type='range']:hover::-webkit-slider-thumb {
  background: ;
}

input[type='range']:hover::-webkit-slider-runnable-track {
  border-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type='range']:hover::-moz-range-thumb {
  border-color: currentColor;
}

input[type='range']:hover::-ms-thumb {
  box-shadow: none;
}

input[type='range']:hover::-ms-fill-lower {
  border-color: none;
  box-shadow: none;
}

input[type='range']:hover::-ms-fill-upper {
  border-color: none;
  box-shadow: none;
}

input[type='range']:hover::-ms-track {
  border-color: none;
  box-shadow: none;
}

input[type='range']:focus {
  color: currentColor;
  background: transparent;
}

input[type='range']:focus::-webkit-slider-thumb {
  background: rgb(255, 255, 255);
  border-color: currentColor;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type='range']:focus::-webkit-slider-runnable-track {
  border-color: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type='range']:focus::-moz-range-thumb {
  background: rgb(255, 255, 255);
  border-color: currentColor;
  box-shadow: none;
}

input[type='range']:focus::-moz-range-track {
  background: rgb(255, 255, 255);
  border-color: currentColor;
  box-shadow: none;
}

input[type='range']:focus::-ms-thumb {
  background: rgb(255, 255, 255);
  border-color: currentColor;
  box-shadow: none;
}

input[type='range']:focus::-ms-fill-lower {
  border-color: none;
  box-shadow: none;
}

input[type='range']:focus::-ms-fill-upper {
  border-color: none;
  box-shadow: none;
}

input[type='range']:focus::-ms-track {
  border-color: none;
  box-shadow: none;
}

input[type='range'].error {
  color: rgb(255, 70, 62) !important;
}

input[type='range'].warning {
  color: rgb(255, 153, 0) !important;
}

input[type='range'].success {
  color: rgb(0, 190, 148) !important;
}

input[type='range'].info {
  color: rgb(0, 153, 232) !important;
}

input[type='range']:disabled {
  pointer-events: none;
}

input[type='range'].range-xxl {
  font-size: 1rem;
}

input[type='range'].range-xl {
  font-size: 1rem;
}

input[type='range'].range-l {
  font-size: 0.875rem;
}

input[type='range'].range-s {
  font-size: 0.625rem;
}

input[type='range'].range-xs {
  font-size: 0.5rem;
}

input[type='range'].range-xxs {
  font-size: 0.25rem;
}

progress {
  display: block;
  margin: 0.5em 0;
  width: 100%;
  height: 1rem;
}

progress[value] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Remove Firefox and Opera border */
  border: 0;
  /* IE10 uses `color` to set the bar background-color */
  color: rgb(106, 30, 204)
}

progress[value]::-webkit-progress-bar {
  background: currentColor;
  border-width: 0;
  border-style: none;
  border-color: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

progress[value]::-webkit-progress-value {
  background: currentColor;
  border-radius: 0px;
}

progress[value].error {
  color: rgb(255, 70, 62) !important;
}

progress[value].warning {
  color: rgb(255, 153, 0) !important;
}

progress[value].success {
  color: rgb(0, 190, 148) !important;
}

progress[value].info {
  color: rgb(0, 153, 232) !important;
}

@-moz-document url-prefix() {
  progress[value] {
    background: currentColor;
    border-width: 0;
    border-style: none;
    border-color: none;
    border-radius: 0px;
    box-shadow: none
  }
  progress[value]::-moz-progress-bar {
    border-radius: 0px;
  }
}

.progress-xxl {
  height: 1rem;
}

.progress-xl {
  height: 1.25rem;
}

.progress-l {
  height: 1.125rem;
}

.progress-s {
  height: 0.875rem;
}

.progress-xs {
  height: 0.75rem;
}

.progress-xxs {
  height: 0.25rem;
}

/**
 * Element
 */

button,
.button {
  display: inline-block;
  padding: calc(0.8125rem - 1px) 1em;
  min-width: 2.5rem;
  height: 2.5rem;
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Monaco, Menlo, Consolas, 'Courier New', monospace;
  font-weight: 500;
  line-height: 1;
  font-size: 0.875rem;
  color: rgb(29, 26, 55);
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background: rgb(255, 255, 255);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out
}

button:hover,
  button:focus,
  .button:hover,
  .button:focus {
  text-decoration: none;
  color: rgb(29, 26, 55);
  background: rgb(250, 250, 250);
  border-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
          box-shadow: none;
}

button:active, .button:active {
  color: rgb(29, 26, 55);
  background: rgb(242, 242, 242);
  border-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
          box-shadow: none;
}

button.spinner, .button.spinner {
  color: transparent !important;
}

button.spinner::before, .button.spinner::before {
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
}

button svg, .button svg {
  width: 0.875rem;
  height: 0.875rem;
  fill: currentColor;
}

button.error,
.button.error,
.button-error {
  color: rgb(255, 255, 255);
  background: rgb(255, 70, 62);
  border-color: rgb(255, 70, 62)
}

button.error.button-border, .button.error.button-border, .button-error.button-border {
  color: rgb(255, 70, 62);
  background: transparent;
}

button.error:hover,
  button.error:focus,
  .button.error:hover,
  .button.error:focus,
  .button-error:hover,
  .button-error:focus {
  color: rgb(255, 255, 255);
  background: rgb(255, 90, 82);
  border-color: rgb(255, 90, 82);
}

button.error:active, .button.error:active, .button-error:active {
  color: rgb(255, 255, 255);
  background: rgb(235, 46, 36);
  border-color: rgb(235, 46, 36);
}

button.error.button-text, .button.error.button-text, .button-error.button-text {
  color: rgb(255, 70, 62);
}

button.error.button-text:hover,
    button.error.button-text:focus,
    .button.error.button-text:hover,
    .button.error.button-text:focus,
    .button-error.button-text:hover,
    .button-error.button-text:focus {
  color: rgb(255, 90, 82);
}

button.error.button-text:active, .button.error.button-text:active, .button-error.button-text:active {
  color: rgb(235, 46, 36);
}

button.warning,
.button.warning,
.button-warning {
  color: rgb(255, 255, 255);
  background: rgb(255, 153, 0);
  border-color: rgb(255, 153, 0)
}

button.warning.button-border, .button.warning.button-border, .button-warning.button-border {
  color: rgb(255, 153, 0);
  background: transparent;
}

button.warning:hover,
  button.warning:focus,
  .button.warning:hover,
  .button.warning:focus,
  .button-warning:hover,
  .button-warning:focus {
  color: rgb(255, 255, 255);
  background: rgb(255, 163, 26);
  border-color: rgb(255, 163, 26);
}

button.warning:active, .button.warning:active, .button-warning:active {
  color: rgb(255, 255, 255);
  background: rgb(219, 132, 0);
  border-color: rgb(219, 132, 0);
}

button.warning.button-text, .button.warning.button-text, .button-warning.button-text {
  color: rgb(255, 153, 0);
}

button.warning.button-text:hover,
    button.warning.button-text:focus,
    .button.warning.button-text:hover,
    .button.warning.button-text:focus,
    .button-warning.button-text:hover,
    .button-warning.button-text:focus {
  color: rgb(255, 163, 26);
}

button.warning.button-text:active, .button.warning.button-text:active, .button-warning.button-text:active {
  color: rgb(219, 132, 0);
}

button.success,
.button.success,
.button-success {
  color: rgb(255, 255, 255);
  background: rgb(0, 190, 148);
  border-color: rgb(0, 190, 148)
}

button.success.button-border, .button.success.button-border, .button-success.button-border {
  color: rgb(0, 190, 148);
  background: transparent;
}

button.success:hover,
  button.success:focus,
  .button.success:hover,
  .button.success:focus,
  .button-success:hover,
  .button-success:focus {
  color: rgb(255, 255, 255);
  background: rgb(15, 210, 168);
  border-color: rgb(15, 210, 168);
}

button.success:active, .button.success:active, .button-success:active {
  color: rgb(255, 255, 255);
  background: rgb(0, 163, 128);
  border-color: rgb(0, 163, 128);
}

button.success.button-text, .button.success.button-text, .button-success.button-text {
  color: rgb(0, 190, 148);
}

button.success.button-text:hover,
    button.success.button-text:focus,
    .button.success.button-text:hover,
    .button.success.button-text:focus,
    .button-success.button-text:hover,
    .button-success.button-text:focus {
  color: rgb(15, 210, 168);
}

button.success.button-text:active, .button.success.button-text:active, .button-success.button-text:active {
  color: rgb(0, 163, 128);
}

button.info,
.button.info,
.button-info {
  color: rgb(255, 255, 255);
  background: rgb(0, 153, 232);
  border-color: rgb(0, 153, 232)
}

button.info.button-border, .button.info.button-border, .button-info.button-border {
  color: rgb(0, 153, 232);
  background: transparent;
}

button.info:hover,
  button.info:focus,
  .button.info:hover,
  .button.info:focus,
  .button-info:hover,
  .button-info:focus {
  color: rgb(255, 255, 255);
  background: rgb(14, 169, 246);
  border-color: rgb(14, 169, 246);
}

button.info:active, .button.info:active, .button-info:active {
  color: rgb(255, 255, 255);
  background: rgb(0, 133, 199);
  border-color: rgb(0, 133, 199);
}

button.info.button-text, .button.info.button-text, .button-info.button-text {
  color: rgb(0, 153, 232);
}

button.info.button-text:hover,
    button.info.button-text:focus,
    .button.info.button-text:hover,
    .button.info.button-text:focus,
    .button-info.button-text:hover,
    .button-info.button-text:focus {
  color: rgb(14, 169, 246);
}

button.info.button-text:active, .button.info.button-text:active, .button-info.button-text:active {
  color: rgb(0, 133, 199);
}

button.button-text,
.button.button-text {
  padding: 0;
  background-color: transparent;
  border-color: transparent
}

button.button-text:hover,
  button.button-text:focus,
  button.button-text:active,
  .button.button-text:hover,
  .button.button-text:focus,
  .button.button-text:active {
  background-color: transparent;
  border-color: transparent;
}

button:disabled,
.button[disabled] {
  pointer-events: none;
  opacity: 0.65;
}

/* iOS "clickable elements" fix for role="button" */

[role='button'] {
  cursor: pointer;
}

.button-block {
  display: block;
  width: 100%;
  text-align: center;
}

.button-border {
  background: transparent;
}

.button-square {
  padding: calc(0.8125rem - 1px);
}

.button-pill {
  border-radius: 1.25rem;
}

.button-xxl {
  padding: calc(0.875rem - 1px) 1em;
  min-width: 3.25rem;
  height: 3.25rem;
  font-size: 1.5rem
}

.button-xxl svg {
  width: 1.5rem;
  height: 1.5rem;
}

.button-xxl.button-square {
  padding: calc(0.875rem - 1px);
}

.button-xxl.button-pill {
  border-radius: 1.625rem;
}

.button-xl {
  padding: calc(0.9375rem - 1px) 1em;
  min-width: 3rem;
  height: 3rem;
  font-size: 1.125rem
}

.button-xl svg {
  width: 1.125rem;
  height: 1.125rem;
}

.button-xl.button-square {
  padding: calc(0.9375rem - 1px);
}

.button-xl.button-pill {
  border-radius: 1.5rem;
}

.button-l {
  padding: calc(0.875rem - 1px) 1em;
  min-width: 2.75rem;
  height: 2.75rem;
  font-size: 1rem
}

.button-l svg {
  width: 1rem;
  height: 1rem;
}

.button-l.button-square {
  padding: calc(0.875rem - 1px);
}

.button-l.button-pill {
  border-radius: 1.375rem;
}

.button-s {
  padding: calc(0.75rem - 1px) 1em;
  min-width: 2.25rem;
  height: 2.25rem;
  font-size: 0.75rem
}

.button-s svg {
  width: 0.75rem;
  height: 0.75rem;
}

.button-s.button-square {
  padding: calc(0.75rem - 1px);
}

.button-s.button-pill {
  border-radius: 1.125rem;
}

.button-xs {
  padding: calc(0.625rem - 1px) 1em;
  min-width: 2rem;
  height: 2rem;
  font-size: 0.75rem
}

.button-xs svg {
  width: 0.75rem;
  height: 0.75rem;
}

.button-xs.button-square {
  padding: calc(0.625rem - 1px);
}

.button-xs.button-pill {
  border-radius: 1rem;
}

.button-xxs {
  padding: calc(0.5625rem - 1px) 1em;
  min-width: 1.75rem;
  height: 1.75rem;
  font-size: 0.625rem
}

.button-xxs svg {
  width: 0.625rem;
  height: 0.625rem;
}

.button-xxs.button-square {
  padding: calc(0.5625rem - 1px);
}

.button-xxs.button-pill {
  border-radius: 0.875rem;
}

.button-white {
  color: rgb(0, 0, 0);
  background: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255)
}

.button-white.button-border {
  color: rgb(255, 255, 255);
  background: transparent;
}

.button-white:hover,
  .button-white:focus {
  color: rgb(0, 0, 0);
  background: rgb(242, 242, 242);
  border-color: rgb(242, 242, 242);
}

.button-white:active {
  color: rgb(0, 0, 0);
  background: rgb(230, 230, 230);
  border-color: rgb(230, 230, 230);
}

.button-white.button-text {
  color: rgb(255, 255, 255);
}

.button-white.button-text:hover,
    .button-white.button-text:focus {
  color: rgb(242, 242, 242);
}

.button-white.button-text:active {
  color: rgb(230, 230, 230);
}

.button-light {
  color: rgb(29, 26, 55);
  background: #e5ebff;
  border-color: #e5ebff
}

.button-light.button-border {
  color: #e5ebff;
  background: transparent;
}

.button-light:hover,
  .button-light:focus {
  color: rgb(29, 26, 55);
  background: rgb(229, 235, 255);
  border-color: rgb(229, 235, 255);
}

.button-light:active {
  color: rgb(29, 26, 55);
  background: rgb(199, 208, 235);
  border-color: rgb(199, 208, 235);
}

.button-light.button-text {
  color: #e5ebff;
}

.button-light.button-text:hover,
    .button-light.button-text:focus {
  color: rgb(229, 235, 255);
}

.button-light.button-text:active {
  color: rgb(199, 208, 235);
}

.button-grey {
  color: rgb(255, 255, 255);
  background: #8a8a8a;
  border-color: #8a8a8a
}

.button-grey.button-border {
  color: #8a8a8a;
  background: transparent;
}

.button-grey:hover,
  .button-grey:focus {
  color: rgb(255, 255, 255);
  background: rgb(150, 150, 150);
  border-color: rgb(150, 150, 150);
}

.button-grey:active {
  color: rgb(255, 255, 255);
  background: rgb(131, 131, 131);
  border-color: rgb(131, 131, 131);
}

.button-grey.button-text {
  color: #8a8a8a;
}

.button-grey.button-text:hover,
    .button-grey.button-text:focus {
  color: rgb(150, 150, 150);
}

.button-grey.button-text:active {
  color: rgb(131, 131, 131);
}

.button-dark {
  color: rgb(255, 255, 255);
  background: rgb(29, 26, 55);
  border-color: rgb(29, 26, 55)
}

.button-dark.button-border {
  color: rgb(29, 26, 55);
  background: transparent;
}

.button-dark:hover,
  .button-dark:focus {
  color: rgb(255, 255, 255);
  background: rgb(52, 49, 75);
  border-color: rgb(52, 49, 75);
}

.button-dark:active {
  color: rgb(255, 255, 255);
  background: rgb(28, 25, 52);
  border-color: rgb(28, 25, 52);
}

.button-dark.button-text {
  color: rgb(29, 26, 55);
}

.button-dark.button-text:hover,
    .button-dark.button-text:focus {
  color: rgb(52, 49, 75);
}

.button-dark.button-text:active {
  color: rgb(28, 25, 52);
}

.button-black {
  color: rgb(255, 255, 255);
  background: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0)
}

.button-black.button-border {
  color: rgb(0, 0, 0);
  background: transparent;
}

.button-black:hover,
  .button-black:focus {
  color: rgb(255, 255, 255);
  background: rgb(51, 51, 51);
  border-color: rgb(51, 51, 51);
}

.button-black:active {
  color: rgb(255, 255, 255);
  background: rgb(25, 25, 25);
  border-color: rgb(25, 25, 25);
}

.button-black.button-text {
  color: rgb(0, 0, 0);
}

.button-black.button-text:hover,
    .button-black.button-text:focus {
  color: rgb(51, 51, 51);
}

.button-black.button-text:active {
  color: rgb(25, 25, 25);
}

.button-primary {
  color: rgb(29, 26, 55);
  background: rgb(106, 30, 204);
  border-color: rgb(106, 30, 204)
}

.button-primary.button-border {
  color: rgb(106, 30, 204);
  background: transparent;
}

.button-primary:hover,
  .button-primary:focus {
  color: rgb(29, 26, 55);
  background: rgb(118, 39, 221);
  border-color: rgb(118, 39, 221);
}

.button-primary:active {
  color: rgb(29, 26, 55);
  background: rgb(88, 11, 188);
  border-color: rgb(88, 11, 188);
}

.button-primary.button-text {
  color: rgb(106, 30, 204);
}

.button-primary.button-text:hover,
    .button-primary.button-text:focus {
  color: rgb(118, 39, 221);
}

.button-primary.button-text:active {
  color: rgb(88, 11, 188);
}

.button-secondary {
  color: rgb(255, 255, 255);
  background: rgb(18, 206, 227);
  border-color: rgb(18, 206, 227)
}

.button-secondary.button-border {
  color: rgb(18, 206, 227);
  background: transparent;
}

.button-secondary:hover,
  .button-secondary:focus {
  color: rgb(255, 255, 255);
  background: rgb(28, 220, 242);
  border-color: rgb(28, 220, 242);
}

.button-secondary:active {
  color: rgb(255, 255, 255);
  background: rgb(0, 188, 209);
  border-color: rgb(0, 188, 209);
}

.button-secondary.button-text {
  color: rgb(18, 206, 227);
}

.button-secondary.button-text:hover,
    .button-secondary.button-text:focus {
  color: rgb(28, 220, 242);
}

.button-secondary.button-text:active {
  color: rgb(0, 188, 209);
}

.button-tertiary {
  color: rgb(255, 255, 255);
  background: rgb(48, 108, 239);
  border-color: rgb(48, 108, 239)
}

.button-tertiary.button-border {
  color: rgb(48, 108, 239);
  background: transparent;
}

.button-tertiary:hover,
  .button-tertiary:focus {
  color: rgb(255, 255, 255);
  background: rgb(60, 121, 251);
  border-color: rgb(60, 121, 251);
}

.button-tertiary:active {
  color: rgb(255, 255, 255);
  background: rgb(23, 86, 222);
  border-color: rgb(23, 86, 222);
}

.button-tertiary.button-text {
  color: rgb(48, 108, 239);
}

.button-tertiary.button-text:hover,
    .button-tertiary.button-text:focus {
  color: rgb(60, 121, 251);
}

.button-tertiary.button-text:active {
  color: rgb(23, 86, 222);
}

.button-icon {
  padding-top: calc(0.5rem - 1px);
  padding-bottom: calc(0.5rem - 1px)
}

.button-icon.button-square {
  padding: calc(0.5rem - 1px);
}

.button-icon span {
  vertical-align: middle;
}

.button-icon svg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
}

.button-icon svg:not(:first-child) {
  margin-left: 1em;
}

.button-icon svg:not(:last-child) {
  margin-right: 1em;
}

a.button-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

a.button-icon.button-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

a.button-icon span,
  a.button-icon svg {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.button-xxs.button-icon {
  padding-top: calc(0.5rem - 1px);
  padding-bottom: calc(0.5rem - 1px)
}

.button-xxs.button-icon.button-square {
  padding: calc(0.5rem - 1px);
}

.button-xxs.button-icon svg {
  width: 0.75rem;
  height: 0.75rem;
}

.button-xs.button-icon {
  padding-top: calc(0.5rem - 1px);
  padding-bottom: calc(0.5rem - 1px)
}

.button-xs.button-icon.button-square {
  padding: calc(0.5rem - 1px);
}

.button-xs.button-icon svg {
  width: 1rem;
  height: 1rem;
}

.button-s.button-icon {
  padding-top: calc(0.5rem - 1px);
  padding-bottom: calc(0.5rem - 1px)
}

.button-s.button-icon.button-square {
  padding: calc(0.5rem - 1px);
}

.button-s.button-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.button-l.button-icon {
  padding-top: calc(0.5rem - 1px);
  padding-bottom: calc(0.5rem - 1px)
}

.button-l.button-icon.button-square {
  padding: calc(0.5rem - 1px);
}

.button-l.button-icon svg {
  width: 1.75rem;
  height: 1.75rem;
}

.button-xl.button-icon {
  padding-top: calc(0.5rem - 1px);
  padding-bottom: calc(0.5rem - 1px)
}

.button-xl.button-icon.button-square {
  padding: calc(0.5rem - 1px);
}

.button-xl.button-icon svg {
  width: 2rem;
  height: 2rem;
}

.button-xxl.button-icon {
  padding-top: calc(0.5rem - 1px);
  padding-bottom: calc(0.5rem - 1px)
}

.button-xxl.button-icon.button-square {
  padding: calc(0.5rem - 1px);
}

.button-xxl.button-icon svg {
  width: 2.25rem;
  height: 2.25rem;
}

.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.button-group > * {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.button-group > *:hover,
    .button-group > *:focus,
    .button-group > *:active {
  z-index: 2;
}

.button-group > *:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-left: -1px;
}

.button-group > *:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.button-group > *:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

.button-group-block {
  width: 100%
}

.button-group-block button,
  .button-group-block .button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

figure {
  display: block;
  margin: 0;
  padding: 0;
}

figcaption {
  margin: 1em 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: 0.875rem;
  color: inherit;
  text-align: left;
}

.media {
  display: block;
  position: relative;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0px
}

.media > svg,
  .media > img,
  .media > video,
  .media > iframe,
  .media > canvas,
  .media > .media-inner {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.media > img,
  .media > video,
  .media > canvas {
  -o-object-fit: cover;
     object-fit: cover;
}

.media-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.media-cover > div {
  width: 100%;
  height: 100%;
}

.media-cover img,
  .media-cover video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.media-1 {
  padding-top: 100%;
}

.media-1-2 {
  padding-top: 200%;
}

.media-9-16 {
  padding-top: 177.77778%;
}

.media-9-14 {
  padding-top: 155.55556%;
}

.media-2-3 {
  padding-top: 150%;
}

.media-3-4 {
  padding-top: 133.33333%;
}

.media-4-5 {
  padding-top: 125%;
}

.media-4-3 {
  padding-top: 75%;
}

.media-3-2 {
  padding-top: 66.66667%;
}

.media-5-4 {
  padding-top: 80%;
}

.media-16-9 {
  padding-top: 56.25%;
}

.media-2-1 {
  padding-top: 50%;
}

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

nav li, .nav li {
  margin: 1rem 0;
  padding: 0;
}

.nav-inline ul {
}

.nav-inline li {
  display: inline-block;
  margin: 0 1rem;
}

.spinner {
  position: relative
}

.spinner::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1rem;
  margin-left: -1rem;
  width: 2rem;
  height: 2rem;
  content: '';
  border-radius: 50%;
  border: 0.125rem solid rgba(0, 0, 0, 0.1);
  border-left-color: rgb(255, 255, 255);
  -webkit-animation: spin 500ms infinite linear;
          animation: spin 500ms infinite linear;
}

.spinner-xxl::before {
  margin-top: -1.25rem;
  margin-left: -1.25rem;
  width: 2.5rem;
  height: 2.5rem;
}

.spinner-xl::before {
  margin-top: -1.125rem;
  margin-left: -1.125rem;
  width: 2.25rem;
  height: 2.25rem;
}

.spinner-l::before {
  margin-top: -1rem;
  margin-left: -1rem;
  width: 2rem;
  height: 2rem;
}

.spinner-s::before {
  margin-top: -0.75rem;
  margin-left: -0.75rem;
  width: 1.5rem;
  height: 1.5rem;
}

.spinner-xs::before {
  margin-top: -0.625rem;
  margin-left: -0.625rem;
  width: 1.25rem;
  height: 1.25rem;
}

.spinner-xxs::before {
  margin-top: -0.5rem;
  margin-left: -0.5rem;
  width: 1rem;
  height: 1rem;
}

table {
  margin: 1em 0;
  width: 100%;
  background: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0px;
  border-collapse: collapse;
}

caption {
  margin: 1em 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  text-align: left;
}

th {
  padding: 0.5em;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  text-align: left;
  text-transform: none;
  background: #e5ebff;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

td {
  padding: 0.5em;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  line-height: 1.35;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.table-responsive {
  margin: 1em 0;
  overflow-x: auto;
  min-height: 0.01%;
}

@media (min-width: 768px) and (max-width: 1023px) {

  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
  }

  .table-responsive > table {
    margin: 0;
    border: none;
  }

  .table-responsive > table th,
      .table-responsive > table td {
    white-space: nowrap;
  }

  .table-responsive > table th:first-child, .table-responsive > table td:first-child {
    border-left: none;
  }

  .table-responsive > table th:last-child, .table-responsive > table td:last-child {
    border-right: none;
  }

  .table-responsive > table tr:first-child > th,
        .table-responsive > table tr:first-child > td {
    border-top: none;
  }

  .table-responsive > table tr:last-child > th,
        .table-responsive > table tr:last-child > td {
    border-bottom: none;
  }
}

/**
 * Utility
 */

.background-repeat {
  background-repeat: repeat;
}

.background-no-repeat {
  background-repeat: no-repeat;
}

.background-fixed {
  background-attachment: fixed;
}

.background-cover {
  background-size: cover;
}

.background-center {
  background-position: center;
}

.background-transparent {
  background: transparent;
}

.background-current-color {
  background-color: currentColor;
}

.background-inherit {
  background-color: inherit;
}

.background {
  background-color: rgb(255, 255, 255);
}

.background-white {
  background-color: rgb(255, 255, 255);
}

.background-black {
  background-color: rgb(0, 0, 0);
}

.background-light {
  background-color: #e5ebff;
}

.background-light-50 {
  background-color: rgb(250, 251, 255);
}

.background-light-100 {
  background-color: rgb(245, 247, 255);
}

.background-light-200 {
  background-color: rgb(240, 243, 255);
}

.background-light-300 {
  background-color: rgb(235, 239, 255);
}

.background-light-400 {
  background-color: rgb(229, 235, 255);
}

.background-light-500 {
  background-color: #e5ebff;
}

.background-light-600 {
  background-color: rgb(199, 208, 235);
}

.background-light-700 {
  background-color: rgb(177, 187, 216);
}

.background-light-800 {
  background-color: rgb(144, 156, 187);
}

.background-light-900 {
  background-color: rgb(109, 123, 156);
}

.background-grey {
  background-color: #8a8a8a;
}

.background-grey-50 {
  background-color: rgb(218, 218, 218);
}

.background-grey-100 {
  background-color: rgb(202, 202, 202);
}

.background-grey-200 {
  background-color: rgb(184, 184, 184);
}

.background-grey-300 {
  background-color: rgb(166, 166, 166);
}

.background-grey-400 {
  background-color: rgb(150, 150, 150);
}

.background-grey-500 {
  background-color: #8a8a8a;
}

.background-grey-600 {
  background-color: rgb(131, 131, 131);
}

.background-grey-700 {
  background-color: rgb(118, 118, 118);
}

.background-grey-800 {
  background-color: rgb(100, 100, 100);
}

.background-grey-900 {
  background-color: rgb(80, 80, 80);
}

.background-dark {
  background-color: rgb(29, 26, 55);
}

.background-dark-50 {
  background-color: rgb(183, 182, 191);
}

.background-dark-100 {
  background-color: rgb(152, 150, 164);
}

.background-dark-200 {
  background-color: rgb(117, 115, 133);
}

.background-dark-300 {
  background-color: rgb(82, 80, 102);
}

.background-dark-400 {
  background-color: rgb(52, 49, 75);
}

.background-dark-500 {
  background-color: rgb(29, 26, 55);
}

.background-dark-600 {
  background-color: rgb(28, 25, 52);
}

.background-dark-700 {
  background-color: rgb(25, 23, 47);
}

.background-dark-800 {
  background-color: rgb(21, 20, 40);
}

.background-dark-900 {
  background-color: rgb(17, 16, 32);
}

.background-primary {
  background-color: rgb(106, 30, 204);
}

.background-primary-50 {
  background-color: rgb(238, 224, 255);
}

.background-primary-100 {
  background-color: rgb(209, 173, 255);
}

.background-primary-200 {
  background-color: rgb(177, 117, 255);
}

.background-primary-300 {
  background-color: rgb(143, 63, 248);
}

.background-primary-400 {
  background-color: rgb(118, 39, 221);
}

.background-primary-500 {
  background-color: rgb(106, 30, 204);
}

.background-primary-600 {
  background-color: rgb(88, 11, 188);
}

.background-primary-700 {
  background-color: rgb(69, 0, 158);
}

.background-primary-800 {
  background-color: rgb(51, 0, 117);
}

.background-primary-900 {
  background-color: rgb(35, 0, 82);
}

.background-secondary {
  background-color: rgb(18, 206, 227);
}

.background-secondary-50 {
  background-color: rgb(229, 252, 255);
}

.background-secondary-100 {
  background-color: rgb(184, 248, 255);
}

.background-secondary-200 {
  background-color: rgb(117, 241, 255);
}

.background-secondary-300 {
  background-color: rgb(61, 236, 255);
}

.background-secondary-400 {
  background-color: rgb(28, 220, 242);
}

.background-secondary-500 {
  background-color: rgb(18, 206, 227);
}

.background-secondary-600 {
  background-color: rgb(0, 188, 209);
}

.background-secondary-700 {
  background-color: rgb(0, 151, 168);
}

.background-secondary-800 {
  background-color: rgb(0, 115, 128);
}

.background-secondary-900 {
  background-color: rgb(0, 83, 92);
}

.background-tertiary {
  background-color: rgb(48, 108, 239);
}

.background-tertiary-50 {
  background-color: rgb(235, 241, 255);
}

.background-tertiary-100 {
  background-color: rgb(199, 217, 255);
}

.background-tertiary-200 {
  background-color: rgb(143, 178, 255);
}

.background-tertiary-300 {
  background-color: rgb(97, 147, 255);
}

.background-tertiary-400 {
  background-color: rgb(60, 121, 251);
}

.background-tertiary-500 {
  background-color: rgb(48, 108, 239);
}

.background-tertiary-600 {
  background-color: rgb(23, 86, 222);
}

.background-tertiary-700 {
  background-color: rgb(0, 61, 194);
}

.background-tertiary-800 {
  background-color: rgb(0, 47, 148);
}

.background-tertiary-900 {
  background-color: rgb(0, 32, 102);
}

.background-error {
  background-color: rgb(255, 70, 62);
}

.background-error-50 {
  background-color: rgb(255, 235, 235);
}

.background-error-100 {
  background-color: rgb(255, 211, 209);
}

.background-error-200 {
  background-color: rgb(255, 163, 158);
}

.background-error-300 {
  background-color: rgb(255, 124, 117);
}

.background-error-400 {
  background-color: rgb(255, 90, 82);
}

.background-error-500 {
  background-color: rgb(255, 70, 62);
}

.background-error-600 {
  background-color: rgb(235, 46, 36);
}

.background-error-700 {
  background-color: rgb(212, 18, 8);
}

.background-error-800 {
  background-color: rgb(163, 8, 0);
}

.background-error-900 {
  background-color: rgb(112, 6, 0);
}

.background-warning {
  background-color: rgb(255, 153, 0);
}

.background-warning-50 {
  background-color: rgb(255, 244, 229);
}

.background-warning-100 {
  background-color: rgb(255, 231, 194);
}

.background-warning-200 {
  background-color: rgb(255, 204, 128);
}

.background-warning-300 {
  background-color: rgb(255, 182, 71);
}

.background-warning-400 {
  background-color: rgb(255, 163, 26);
}

.background-warning-500 {
  background-color: rgb(255, 153, 0);
}

.background-warning-600 {
  background-color: rgb(219, 132, 0);
}

.background-warning-700 {
  background-color: rgb(173, 104, 0);
}

.background-warning-800 {
  background-color: rgb(128, 77, 0);
}

.background-warning-900 {
  background-color: rgb(92, 55, 0);
}

.background-success {
  background-color: rgb(0, 190, 148);
}

.background-success-50 {
  background-color: rgb(224, 255, 248);
}

.background-success-100 {
  background-color: rgb(173, 255, 237);
}

.background-success-200 {
  background-color: rgb(92, 255, 220);
}

.background-success-300 {
  background-color: rgb(39, 241, 197);
}

.background-success-400 {
  background-color: rgb(15, 210, 168);
}

.background-success-500 {
  background-color: rgb(0, 190, 148);
}

.background-success-600 {
  background-color: rgb(0, 163, 128);
}

.background-success-700 {
  background-color: rgb(0, 128, 100);
}

.background-success-800 {
  background-color: rgb(0, 97, 76);
}

.background-success-900 {
  background-color: rgb(0, 66, 52);
}

.background-info {
  background-color: rgb(0, 153, 232);
}

.background-info-50 {
  background-color: rgb(229, 246, 255);
}

.background-info-100 {
  background-color: rgb(184, 231, 255);
}

.background-info-200 {
  background-color: rgb(117, 209, 255);
}

.background-info-300 {
  background-color: rgb(56, 189, 255);
}

.background-info-400 {
  background-color: rgb(14, 169, 246);
}

.background-info-500 {
  background-color: rgb(0, 153, 232);
}

.background-info-600 {
  background-color: rgb(0, 133, 199);
}

.background-info-700 {
  background-color: rgb(0, 105, 158);
}

.background-info-800 {
  background-color: rgb(0, 78, 117);
}

.background-info-900 {
  background-color: rgb(0, 54, 82);
}

.no-border-radius,
.border-radius-none {
  border-radius: 0;
}

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

.border-radius-top {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.border-radius-right {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.border-radius-bottom {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.border-radius-left {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.border-radius-top-left {
  border-top-left-radius: 0px;
}

.border-radius-top-right {
  border-top-right-radius: 0px;
}

.border-radius-bottom-left {
  border-bottom-left-radius: 0px;
}

.border-radius-bottom-right {
  border-bottom-right-radius: 0px;
}

.no-border {
  border: none !important;
}

.border {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.border-vertical {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: transparent;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
}

.border-horizontal {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: transparent;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: transparent;
}

.border-top {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: transparent;
}

.border-right {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: transparent;
}

.border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
}

.border-left {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: transparent;
}

.border-color-current-color {
  border-color: currentColor;
}

.border-color-inherit {
  border-color: inherit;
}

.border-color-white {
  border-color: rgb(255, 255, 255);
}

.border-color-black {
  border-color: rgb(0, 0, 0);
}

.border-color-light {
  border-color: #e5ebff;
}

.border-color-light-50 {
  border-color: rgb(250, 251, 255);
}

.border-color-light-100 {
  border-color: rgb(245, 247, 255);
}

.border-color-light-200 {
  border-color: rgb(240, 243, 255);
}

.border-color-light-300 {
  border-color: rgb(235, 239, 255);
}

.border-color-light-400 {
  border-color: rgb(229, 235, 255);
}

.border-color-light-500 {
  border-color: #e5ebff;
}

.border-color-light-600 {
  border-color: rgb(199, 208, 235);
}

.border-color-light-700 {
  border-color: rgb(177, 187, 216);
}

.border-color-light-800 {
  border-color: rgb(144, 156, 187);
}

.border-color-light-900 {
  border-color: rgb(109, 123, 156);
}

.border-color-grey {
  border-color: #8a8a8a;
}

.border-color-grey-50 {
  border-color: rgb(218, 218, 218);
}

.border-color-grey-100 {
  border-color: rgb(202, 202, 202);
}

.border-color-grey-200 {
  border-color: rgb(184, 184, 184);
}

.border-color-grey-300 {
  border-color: rgb(166, 166, 166);
}

.border-color-grey-400 {
  border-color: rgb(150, 150, 150);
}

.border-color-grey-500 {
  border-color: #8a8a8a;
}

.border-color-grey-600 {
  border-color: rgb(131, 131, 131);
}

.border-color-grey-700 {
  border-color: rgb(118, 118, 118);
}

.border-color-grey-800 {
  border-color: rgb(100, 100, 100);
}

.border-color-grey-900 {
  border-color: rgb(80, 80, 80);
}

.border-color-dark {
  border-color: rgb(29, 26, 55);
}

.border-color-dark-50 {
  border-color: rgb(183, 182, 191);
}

.border-color-dark-100 {
  border-color: rgb(152, 150, 164);
}

.border-color-dark-200 {
  border-color: rgb(117, 115, 133);
}

.border-color-dark-300 {
  border-color: rgb(82, 80, 102);
}

.border-color-dark-400 {
  border-color: rgb(52, 49, 75);
}

.border-color-dark-500 {
  border-color: rgb(29, 26, 55);
}

.border-color-dark-600 {
  border-color: rgb(28, 25, 52);
}

.border-color-dark-700 {
  border-color: rgb(25, 23, 47);
}

.border-color-dark-800 {
  border-color: rgb(21, 20, 40);
}

.border-color-dark-900 {
  border-color: rgb(17, 16, 32);
}

.border-color-primary {
  border-color: rgb(106, 30, 204);
}

.border-color-primary-50 {
  border-color: rgb(238, 224, 255);
}

.border-color-primary-100 {
  border-color: rgb(209, 173, 255);
}

.border-color-primary-200 {
  border-color: rgb(177, 117, 255);
}

.border-color-primary-300 {
  border-color: rgb(143, 63, 248);
}

.border-color-primary-400 {
  border-color: rgb(118, 39, 221);
}

.border-color-primary-500 {
  border-color: rgb(106, 30, 204);
}

.border-color-primary-600 {
  border-color: rgb(88, 11, 188);
}

.border-color-primary-700 {
  border-color: rgb(69, 0, 158);
}

.border-color-primary-800 {
  border-color: rgb(51, 0, 117);
}

.border-color-primary-900 {
  border-color: rgb(35, 0, 82);
}

.border-color-secondary {
  border-color: rgb(18, 206, 227);
}

.border-color-secondary-50 {
  border-color: rgb(229, 252, 255);
}

.border-color-secondary-100 {
  border-color: rgb(184, 248, 255);
}

.border-color-secondary-200 {
  border-color: rgb(117, 241, 255);
}

.border-color-secondary-300 {
  border-color: rgb(61, 236, 255);
}

.border-color-secondary-400 {
  border-color: rgb(28, 220, 242);
}

.border-color-secondary-500 {
  border-color: rgb(18, 206, 227);
}

.border-color-secondary-600 {
  border-color: rgb(0, 188, 209);
}

.border-color-secondary-700 {
  border-color: rgb(0, 151, 168);
}

.border-color-secondary-800 {
  border-color: rgb(0, 115, 128);
}

.border-color-secondary-900 {
  border-color: rgb(0, 83, 92);
}

.border-color-tertiary {
  border-color: rgb(48, 108, 239);
}

.border-color-tertiary-50 {
  border-color: rgb(235, 241, 255);
}

.border-color-tertiary-100 {
  border-color: rgb(199, 217, 255);
}

.border-color-tertiary-200 {
  border-color: rgb(143, 178, 255);
}

.border-color-tertiary-300 {
  border-color: rgb(97, 147, 255);
}

.border-color-tertiary-400 {
  border-color: rgb(60, 121, 251);
}

.border-color-tertiary-500 {
  border-color: rgb(48, 108, 239);
}

.border-color-tertiary-600 {
  border-color: rgb(23, 86, 222);
}

.border-color-tertiary-700 {
  border-color: rgb(0, 61, 194);
}

.border-color-tertiary-800 {
  border-color: rgb(0, 47, 148);
}

.border-color-tertiary-900 {
  border-color: rgb(0, 32, 102);
}

.border-color-error {
  border-color: rgb(255, 70, 62);
}

.border-color-error-50 {
  border-color: rgb(255, 235, 235);
}

.border-color-error-100 {
  border-color: rgb(255, 211, 209);
}

.border-color-error-200 {
  border-color: rgb(255, 163, 158);
}

.border-color-error-300 {
  border-color: rgb(255, 124, 117);
}

.border-color-error-400 {
  border-color: rgb(255, 90, 82);
}

.border-color-error-500 {
  border-color: rgb(255, 70, 62);
}

.border-color-error-600 {
  border-color: rgb(235, 46, 36);
}

.border-color-error-700 {
  border-color: rgb(212, 18, 8);
}

.border-color-error-800 {
  border-color: rgb(163, 8, 0);
}

.border-color-error-900 {
  border-color: rgb(112, 6, 0);
}

.border-color-warning {
  border-color: rgb(255, 153, 0);
}

.border-color-warning-50 {
  border-color: rgb(255, 244, 229);
}

.border-color-warning-100 {
  border-color: rgb(255, 231, 194);
}

.border-color-warning-200 {
  border-color: rgb(255, 204, 128);
}

.border-color-warning-300 {
  border-color: rgb(255, 182, 71);
}

.border-color-warning-400 {
  border-color: rgb(255, 163, 26);
}

.border-color-warning-500 {
  border-color: rgb(255, 153, 0);
}

.border-color-warning-600 {
  border-color: rgb(219, 132, 0);
}

.border-color-warning-700 {
  border-color: rgb(173, 104, 0);
}

.border-color-warning-800 {
  border-color: rgb(128, 77, 0);
}

.border-color-warning-900 {
  border-color: rgb(92, 55, 0);
}

.border-color-success {
  border-color: rgb(0, 190, 148);
}

.border-color-success-50 {
  border-color: rgb(224, 255, 248);
}

.border-color-success-100 {
  border-color: rgb(173, 255, 237);
}

.border-color-success-200 {
  border-color: rgb(92, 255, 220);
}

.border-color-success-300 {
  border-color: rgb(39, 241, 197);
}

.border-color-success-400 {
  border-color: rgb(15, 210, 168);
}

.border-color-success-500 {
  border-color: rgb(0, 190, 148);
}

.border-color-success-600 {
  border-color: rgb(0, 163, 128);
}

.border-color-success-700 {
  border-color: rgb(0, 128, 100);
}

.border-color-success-800 {
  border-color: rgb(0, 97, 76);
}

.border-color-success-900 {
  border-color: rgb(0, 66, 52);
}

.border-color-info {
  border-color: rgb(0, 153, 232);
}

.border-color-info-50 {
  border-color: rgb(229, 246, 255);
}

.border-color-info-100 {
  border-color: rgb(184, 231, 255);
}

.border-color-info-200 {
  border-color: rgb(117, 209, 255);
}

.border-color-info-300 {
  border-color: rgb(56, 189, 255);
}

.border-color-info-400 {
  border-color: rgb(14, 169, 246);
}

.border-color-info-500 {
  border-color: rgb(0, 153, 232);
}

.border-color-info-600 {
  border-color: rgb(0, 133, 199);
}

.border-color-info-700 {
  border-color: rgb(0, 105, 158);
}

.border-color-info-800 {
  border-color: rgb(0, 78, 117);
}

.border-color-info-900 {
  border-color: rgb(0, 54, 82);
}

.box-shadow-xxl {
  -webkit-box-shadow: 0 1px 10px 1px color-mod(rgb(29, 26, 55) alpha(10%));
          box-shadow: 0 1px 10px 1px color-mod(rgb(29, 26, 55) alpha(10%));
}

.box-shadow-xl {
  -webkit-box-shadow: 0 1px 8px 1px color-mod(rgb(29, 26, 55) alpha(10%));
          box-shadow: 0 1px 8px 1px color-mod(rgb(29, 26, 55) alpha(10%));
}

.box-shadow-l {
  -webkit-box-shadow: 0 1px 6px 1px color-mod(rgb(29, 26, 55) alpha(10%));
          box-shadow: 0 1px 6px 1px color-mod(rgb(29, 26, 55) alpha(10%));
}

.box-shadow-m {
  -webkit-box-shadow: 0 1px 4px 1px color-mod(rgb(29, 26, 55) alpha(10%));
          box-shadow: 0 1px 4px 1px color-mod(rgb(29, 26, 55) alpha(10%));
}

.box-shadow-s {
  -webkit-box-shadow: 0 1px 2px 1px color-mod(rgb(29, 26, 55) alpha(10%));
          box-shadow: 0 1px 2px 1px color-mod(rgb(29, 26, 55) alpha(10%));
}

.box-shadow-xs {
  -webkit-box-shadow: 0 1px 1px 1px color-mod(rgb(29, 26, 55) alpha(10%));
          box-shadow: 0 1px 1px 1px color-mod(rgb(29, 26, 55) alpha(10%));
}

.box-shadow-xxs {
  -webkit-box-shadow: 0 0px 1px color-mod(rgb(29, 26, 55) alpha(10%));
          box-shadow: 0 0px 1px color-mod(rgb(29, 26, 55) alpha(10%));
}

.box-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.current-color {
  color: currentColor;
}

.color-inherit {
  color: inherit;
}

.color {
  color: #8a8a8a;
}

.color-white {
  color: rgb(255, 255, 255);
}

.color-black {
  color: rgb(0, 0, 0);
}

.color-light {
  color: #e5ebff;
}

.color-light-50 {
  color: rgb(250, 251, 255);
}

.color-light-100 {
  color: rgb(245, 247, 255);
}

.color-light-200 {
  color: rgb(240, 243, 255);
}

.color-light-300 {
  color: rgb(235, 239, 255);
}

.color-light-400 {
  color: rgb(229, 235, 255);
}

.color-light-500 {
  color: #e5ebff;
}

.color-light-600 {
  color: rgb(199, 208, 235);
}

.color-light-700 {
  color: rgb(177, 187, 216);
}

.color-light-800 {
  color: rgb(144, 156, 187);
}

.color-light-900 {
  color: rgb(109, 123, 156);
}

.color-grey {
  color: #8a8a8a;
}

.color-grey-50 {
  color: rgb(218, 218, 218);
}

.color-grey-100 {
  color: rgb(202, 202, 202);
}

.color-grey-200 {
  color: rgb(184, 184, 184);
}

.color-grey-300 {
  color: rgb(166, 166, 166);
}

.color-grey-400 {
  color: rgb(150, 150, 150);
}

.color-grey-500 {
  color: #8a8a8a;
}

.color-grey-600 {
  color: rgb(131, 131, 131);
}

.color-grey-700 {
  color: rgb(118, 118, 118);
}

.color-grey-800 {
  color: rgb(100, 100, 100);
}

.color-grey-900 {
  color: rgb(80, 80, 80);
}

.color-dark {
  color: rgb(29, 26, 55);
}

.color-dark-50 {
  color: rgb(183, 182, 191);
}

.color-dark-100 {
  color: rgb(152, 150, 164);
}

.color-dark-200 {
  color: rgb(117, 115, 133);
}

.color-dark-300 {
  color: rgb(82, 80, 102);
}

.color-dark-400 {
  color: rgb(52, 49, 75);
}

.color-dark-500 {
  color: rgb(29, 26, 55);
}

.color-dark-600 {
  color: rgb(28, 25, 52);
}

.color-dark-700 {
  color: rgb(25, 23, 47);
}

.color-dark-800 {
  color: rgb(21, 20, 40);
}

.color-dark-900 {
  color: rgb(17, 16, 32);
}

.color-primary {
  color: rgb(106, 30, 204);
}

.color-primary-50 {
  color: rgb(238, 224, 255);
}

.color-primary-100 {
  color: rgb(209, 173, 255);
}

.color-primary-200 {
  color: rgb(177, 117, 255);
}

.color-primary-300 {
  color: rgb(143, 63, 248);
}

.color-primary-400 {
  color: rgb(118, 39, 221);
}

.color-primary-500 {
  color: rgb(106, 30, 204);
}

.color-primary-600 {
  color: rgb(88, 11, 188);
}

.color-primary-700 {
  color: rgb(69, 0, 158);
}

.color-primary-800 {
  color: rgb(51, 0, 117);
}

.color-primary-900 {
  color: rgb(35, 0, 82);
}

.color-secondary {
  color: rgb(18, 206, 227);
}

.color-secondary-50 {
  color: rgb(229, 252, 255);
}

.color-secondary-100 {
  color: rgb(184, 248, 255);
}

.color-secondary-200 {
  color: rgb(117, 241, 255);
}

.color-secondary-300 {
  color: rgb(61, 236, 255);
}

.color-secondary-400 {
  color: rgb(28, 220, 242);
}

.color-secondary-500 {
  color: rgb(18, 206, 227);
}

.color-secondary-600 {
  color: rgb(0, 188, 209);
}

.color-secondary-700 {
  color: rgb(0, 151, 168);
}

.color-secondary-800 {
  color: rgb(0, 115, 128);
}

.color-secondary-900 {
  color: rgb(0, 83, 92);
}

.color-tertiary {
  color: rgb(48, 108, 239);
}

.color-tertiary-50 {
  color: rgb(235, 241, 255);
}

.color-tertiary-100 {
  color: rgb(199, 217, 255);
}

.color-tertiary-200 {
  color: rgb(143, 178, 255);
}

.color-tertiary-300 {
  color: rgb(97, 147, 255);
}

.color-tertiary-400 {
  color: rgb(60, 121, 251);
}

.color-tertiary-500 {
  color: rgb(48, 108, 239);
}

.color-tertiary-600 {
  color: rgb(23, 86, 222);
}

.color-tertiary-700 {
  color: rgb(0, 61, 194);
}

.color-tertiary-800 {
  color: rgb(0, 47, 148);
}

.color-tertiary-900 {
  color: rgb(0, 32, 102);
}

.color-error {
  color: rgb(255, 70, 62);
}

.color-error-50 {
  color: rgb(255, 235, 235);
}

.color-error-100 {
  color: rgb(255, 211, 209);
}

.color-error-200 {
  color: rgb(255, 163, 158);
}

.color-error-300 {
  color: rgb(255, 124, 117);
}

.color-error-400 {
  color: rgb(255, 90, 82);
}

.color-error-500 {
  color: rgb(255, 70, 62);
}

.color-error-600 {
  color: rgb(235, 46, 36);
}

.color-error-700 {
  color: rgb(212, 18, 8);
}

.color-error-800 {
  color: rgb(163, 8, 0);
}

.color-error-900 {
  color: rgb(112, 6, 0);
}

.color-warning {
  color: rgb(255, 153, 0);
}

.color-warning-50 {
  color: rgb(255, 244, 229);
}

.color-warning-100 {
  color: rgb(255, 231, 194);
}

.color-warning-200 {
  color: rgb(255, 204, 128);
}

.color-warning-300 {
  color: rgb(255, 182, 71);
}

.color-warning-400 {
  color: rgb(255, 163, 26);
}

.color-warning-500 {
  color: rgb(255, 153, 0);
}

.color-warning-600 {
  color: rgb(219, 132, 0);
}

.color-warning-700 {
  color: rgb(173, 104, 0);
}

.color-warning-800 {
  color: rgb(128, 77, 0);
}

.color-warning-900 {
  color: rgb(92, 55, 0);
}

.color-success {
  color: rgb(0, 190, 148);
}

.color-success-50 {
  color: rgb(224, 255, 248);
}

.color-success-100 {
  color: rgb(173, 255, 237);
}

.color-success-200 {
  color: rgb(92, 255, 220);
}

.color-success-300 {
  color: rgb(39, 241, 197);
}

.color-success-400 {
  color: rgb(15, 210, 168);
}

.color-success-500 {
  color: rgb(0, 190, 148);
}

.color-success-600 {
  color: rgb(0, 163, 128);
}

.color-success-700 {
  color: rgb(0, 128, 100);
}

.color-success-800 {
  color: rgb(0, 97, 76);
}

.color-success-900 {
  color: rgb(0, 66, 52);
}

.color-info {
  color: rgb(0, 153, 232);
}

.color-info-50 {
  color: rgb(229, 246, 255);
}

.color-info-100 {
  color: rgb(184, 231, 255);
}

.color-info-200 {
  color: rgb(117, 209, 255);
}

.color-info-300 {
  color: rgb(56, 189, 255);
}

.color-info-400 {
  color: rgb(14, 169, 246);
}

.color-info-500 {
  color: rgb(0, 153, 232);
}

.color-info-600 {
  color: rgb(0, 133, 199);
}

.color-info-700 {
  color: rgb(0, 105, 158);
}

.color-info-800 {
  color: rgb(0, 78, 117);
}

.color-info-900 {
  color: rgb(0, 54, 82);
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-none {
  cursor: none;
}

.cursor-context-menu {
  cursor: context-menu;
}

.cursor-help {
  cursor: help;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-progress {
  cursor: progress;
}

.cursor-wait {
  cursor: wait;
}

.cursor-cell {
  cursor: cell;
}

.cursor-crosshair {
  cursor: crosshair;
}

.cursor-text {
  cursor: text;
}

.cursor-vertical-text {
  cursor: vertical-text;
}

.cursor-alias {
  cursor: alias;
}

.cursor-copy {
  cursor: copy;
}

.cursor-move {
  cursor: move;
}

.cursor-no-drop {
  cursor: no-drop;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-e-resize {
  cursor: e-resize;
}

.cursor-n-resize {
  cursor: n-resize;
}

.cursor-ne-resize {
  cursor: ne-resize;
}

.cursor-nw-resize {
  cursor: nw-resize;
}

.cursor-s-resize {
  cursor: s-resize;
}

.cursor-se-resize {
  cursor: se-resize;
}

.cursor-sw-resize {
  cursor: sw-resize;
}

.cursor-w-resize {
  cursor: w-resize;
}

.cursor-ew-resize {
  cursor: ew-resize;
}

.cursor-ns-resize {
  cursor: ns-resize;
}

.cursor-nesw-resize {
  cursor: nesw-resize;
}

.cursor-nwse-resize {
  cursor: nwse-resize;
}

.cursor-col-resize {
  cursor: col-resize;
}

.cursor-row-resize {
  cursor: row-resize;
}

.cursor-all-scroll {
  cursor: all-scroll;
}

.cursor-zoom-in {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.display-none {
  display: none;
}

.display-contents {
  display: contents;
}

.display-block {
  display: block;
}

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

.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.display-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.display-grid {
  display: grid;
}

.display-table {
  display: table;
}

.display-table-cell {
  display: table-cell;
}

.fill-current-color,
svg.fill-current-color {
  fill: currentColor;
}

.fill-inherit,
svg.fill-inherit {
  fill: inherit;
}

.fill-white,
svg.fill-white {
  fill: rgb(255, 255, 255);
}

.fill-black,
svg.fill-black {
  fill: rgb(0, 0, 0);
}

.fill-light,
svg.fill-light {
  fill: #e5ebff;
}

.fill-light-50,
svg.fill-light-50 {
  fill: rgb(250, 251, 255);
}

.fill-light-100,
svg.fill-light-100 {
  fill: rgb(245, 247, 255);
}

.fill-light-200,
svg.fill-light-200 {
  fill: rgb(240, 243, 255);
}

.fill-light-300,
svg.fill-light-300 {
  fill: rgb(235, 239, 255);
}

.fill-light-400,
svg.fill-light-400 {
  fill: rgb(229, 235, 255);
}

.fill-light-500,
svg.fill-light-500 {
  fill: #e5ebff;
}

.fill-light-600,
svg.fill-light-600 {
  fill: rgb(199, 208, 235);
}

.fill-light-700,
svg.fill-light-700 {
  fill: rgb(177, 187, 216);
}

.fill-light-800,
svg.fill-light-800 {
  fill: rgb(144, 156, 187);
}

.fill-light-900,
svg.fill-light-900 {
  fill: rgb(109, 123, 156);
}

.fill-grey,
svg.fill-grey {
  fill: #8a8a8a;
}

.fill-grey-50,
svg.fill-grey-50 {
  fill: rgb(218, 218, 218);
}

.fill-grey-100,
svg.fill-grey-100 {
  fill: rgb(202, 202, 202);
}

.fill-grey-200,
svg.fill-grey-200 {
  fill: rgb(184, 184, 184);
}

.fill-grey-300,
svg.fill-grey-300 {
  fill: rgb(166, 166, 166);
}

.fill-grey-400,
svg.fill-grey-400 {
  fill: rgb(150, 150, 150);
}

.fill-grey-500,
svg.fill-grey-500 {
  fill: #8a8a8a;
}

.fill-grey-600,
svg.fill-grey-600 {
  fill: rgb(131, 131, 131);
}

.fill-grey-700,
svg.fill-grey-700 {
  fill: rgb(118, 118, 118);
}

.fill-grey-800,
svg.fill-grey-800 {
  fill: rgb(100, 100, 100);
}

.fill-grey-900,
svg.fill-grey-900 {
  fill: rgb(80, 80, 80);
}

.fill-dark,
svg.fill-dark {
  fill: rgb(29, 26, 55);
}

.fill-dark-50,
svg.fill-dark-50 {
  fill: rgb(183, 182, 191);
}

.fill-dark-100,
svg.fill-dark-100 {
  fill: rgb(152, 150, 164);
}

.fill-dark-200,
svg.fill-dark-200 {
  fill: rgb(117, 115, 133);
}

.fill-dark-300,
svg.fill-dark-300 {
  fill: rgb(82, 80, 102);
}

.fill-dark-400,
svg.fill-dark-400 {
  fill: rgb(52, 49, 75);
}

.fill-dark-500,
svg.fill-dark-500 {
  fill: rgb(29, 26, 55);
}

.fill-dark-600,
svg.fill-dark-600 {
  fill: rgb(28, 25, 52);
}

.fill-dark-700,
svg.fill-dark-700 {
  fill: rgb(25, 23, 47);
}

.fill-dark-800,
svg.fill-dark-800 {
  fill: rgb(21, 20, 40);
}

.fill-dark-900,
svg.fill-dark-900 {
  fill: rgb(17, 16, 32);
}

.fill-primary,
svg.fill-primary {
  fill: rgb(106, 30, 204);
}

.fill-primary-50,
svg.fill-primary-50 {
  fill: rgb(238, 224, 255);
}

.fill-primary-100,
svg.fill-primary-100 {
  fill: rgb(209, 173, 255);
}

.fill-primary-200,
svg.fill-primary-200 {
  fill: rgb(177, 117, 255);
}

.fill-primary-300,
svg.fill-primary-300 {
  fill: rgb(143, 63, 248);
}

.fill-primary-400,
svg.fill-primary-400 {
  fill: rgb(118, 39, 221);
}

.fill-primary-500,
svg.fill-primary-500 {
  fill: rgb(106, 30, 204);
}

.fill-primary-600,
svg.fill-primary-600 {
  fill: rgb(88, 11, 188);
}

.fill-primary-700,
svg.fill-primary-700 {
  fill: rgb(69, 0, 158);
}

.fill-primary-800,
svg.fill-primary-800 {
  fill: rgb(51, 0, 117);
}

.fill-primary-900,
svg.fill-primary-900 {
  fill: rgb(35, 0, 82);
}

.fill-secondary,
svg.fill-secondary {
  fill: rgb(18, 206, 227);
}

.fill-secondary-50,
svg.fill-secondary-50 {
  fill: rgb(229, 252, 255);
}

.fill-secondary-100,
svg.fill-secondary-100 {
  fill: rgb(184, 248, 255);
}

.fill-secondary-200,
svg.fill-secondary-200 {
  fill: rgb(117, 241, 255);
}

.fill-secondary-300,
svg.fill-secondary-300 {
  fill: rgb(61, 236, 255);
}

.fill-secondary-400,
svg.fill-secondary-400 {
  fill: rgb(28, 220, 242);
}

.fill-secondary-500,
svg.fill-secondary-500 {
  fill: rgb(18, 206, 227);
}

.fill-secondary-600,
svg.fill-secondary-600 {
  fill: rgb(0, 188, 209);
}

.fill-secondary-700,
svg.fill-secondary-700 {
  fill: rgb(0, 151, 168);
}

.fill-secondary-800,
svg.fill-secondary-800 {
  fill: rgb(0, 115, 128);
}

.fill-secondary-900,
svg.fill-secondary-900 {
  fill: rgb(0, 83, 92);
}

.fill-tertiary,
svg.fill-tertiary {
  fill: rgb(48, 108, 239);
}

.fill-tertiary-50,
svg.fill-tertiary-50 {
  fill: rgb(235, 241, 255);
}

.fill-tertiary-100,
svg.fill-tertiary-100 {
  fill: rgb(199, 217, 255);
}

.fill-tertiary-200,
svg.fill-tertiary-200 {
  fill: rgb(143, 178, 255);
}

.fill-tertiary-300,
svg.fill-tertiary-300 {
  fill: rgb(97, 147, 255);
}

.fill-tertiary-400,
svg.fill-tertiary-400 {
  fill: rgb(60, 121, 251);
}

.fill-tertiary-500,
svg.fill-tertiary-500 {
  fill: rgb(48, 108, 239);
}

.fill-tertiary-600,
svg.fill-tertiary-600 {
  fill: rgb(23, 86, 222);
}

.fill-tertiary-700,
svg.fill-tertiary-700 {
  fill: rgb(0, 61, 194);
}

.fill-tertiary-800,
svg.fill-tertiary-800 {
  fill: rgb(0, 47, 148);
}

.fill-tertiary-900,
svg.fill-tertiary-900 {
  fill: rgb(0, 32, 102);
}

.fill-error,
svg.fill-error {
  fill: rgb(255, 70, 62);
}

.fill-error-50,
svg.fill-error-50 {
  fill: rgb(255, 235, 235);
}

.fill-error-100,
svg.fill-error-100 {
  fill: rgb(255, 211, 209);
}

.fill-error-200,
svg.fill-error-200 {
  fill: rgb(255, 163, 158);
}

.fill-error-300,
svg.fill-error-300 {
  fill: rgb(255, 124, 117);
}

.fill-error-400,
svg.fill-error-400 {
  fill: rgb(255, 90, 82);
}

.fill-error-500,
svg.fill-error-500 {
  fill: rgb(255, 70, 62);
}

.fill-error-600,
svg.fill-error-600 {
  fill: rgb(235, 46, 36);
}

.fill-error-700,
svg.fill-error-700 {
  fill: rgb(212, 18, 8);
}

.fill-error-800,
svg.fill-error-800 {
  fill: rgb(163, 8, 0);
}

.fill-error-900,
svg.fill-error-900 {
  fill: rgb(112, 6, 0);
}

.fill-warning,
svg.fill-warning {
  fill: rgb(255, 153, 0);
}

.fill-warning-50,
svg.fill-warning-50 {
  fill: rgb(255, 244, 229);
}

.fill-warning-100,
svg.fill-warning-100 {
  fill: rgb(255, 231, 194);
}

.fill-warning-200,
svg.fill-warning-200 {
  fill: rgb(255, 204, 128);
}

.fill-warning-300,
svg.fill-warning-300 {
  fill: rgb(255, 182, 71);
}

.fill-warning-400,
svg.fill-warning-400 {
  fill: rgb(255, 163, 26);
}

.fill-warning-500,
svg.fill-warning-500 {
  fill: rgb(255, 153, 0);
}

.fill-warning-600,
svg.fill-warning-600 {
  fill: rgb(219, 132, 0);
}

.fill-warning-700,
svg.fill-warning-700 {
  fill: rgb(173, 104, 0);
}

.fill-warning-800,
svg.fill-warning-800 {
  fill: rgb(128, 77, 0);
}

.fill-warning-900,
svg.fill-warning-900 {
  fill: rgb(92, 55, 0);
}

.fill-success,
svg.fill-success {
  fill: rgb(0, 190, 148);
}

.fill-success-50,
svg.fill-success-50 {
  fill: rgb(224, 255, 248);
}

.fill-success-100,
svg.fill-success-100 {
  fill: rgb(173, 255, 237);
}

.fill-success-200,
svg.fill-success-200 {
  fill: rgb(92, 255, 220);
}

.fill-success-300,
svg.fill-success-300 {
  fill: rgb(39, 241, 197);
}

.fill-success-400,
svg.fill-success-400 {
  fill: rgb(15, 210, 168);
}

.fill-success-500,
svg.fill-success-500 {
  fill: rgb(0, 190, 148);
}

.fill-success-600,
svg.fill-success-600 {
  fill: rgb(0, 163, 128);
}

.fill-success-700,
svg.fill-success-700 {
  fill: rgb(0, 128, 100);
}

.fill-success-800,
svg.fill-success-800 {
  fill: rgb(0, 97, 76);
}

.fill-success-900,
svg.fill-success-900 {
  fill: rgb(0, 66, 52);
}

.fill-info,
svg.fill-info {
  fill: rgb(0, 153, 232);
}

.fill-info-50,
svg.fill-info-50 {
  fill: rgb(229, 246, 255);
}

.fill-info-100,
svg.fill-info-100 {
  fill: rgb(184, 231, 255);
}

.fill-info-200,
svg.fill-info-200 {
  fill: rgb(117, 209, 255);
}

.fill-info-300,
svg.fill-info-300 {
  fill: rgb(56, 189, 255);
}

.fill-info-400,
svg.fill-info-400 {
  fill: rgb(14, 169, 246);
}

.fill-info-500,
svg.fill-info-500 {
  fill: rgb(0, 153, 232);
}

.fill-info-600,
svg.fill-info-600 {
  fill: rgb(0, 133, 199);
}

.fill-info-700,
svg.fill-info-700 {
  fill: rgb(0, 105, 158);
}

.fill-info-800,
svg.fill-info-800 {
  fill: rgb(0, 78, 117);
}

.fill-info-900,
svg.fill-info-900 {
  fill: rgb(0, 54, 82);
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-justify-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

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

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

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}

.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto; /* Equal to flex: 1 1 auto; as per the spec */
}

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; /* Equal to flex: 0 0 auto; as per the spec */
}

.flex-1-1-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.flex-1-0-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.flex-0-1-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.flex-0-0-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.justify-content-flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-content-flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-content-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-content-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.align-content-flex-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.align-content-flex-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.align-content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}

.align-content-space-between {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.align-content-space-around {
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

.align-items-flex-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.align-items-flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.align-items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.align-items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.align-self-flex-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.align-self-flex-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.align-self-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.align-self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.font-family {
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Monaco, Menlo, Consolas, 'Courier New', monospace;
}

.font-family-system {
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.font-family-sans-serif {
  font-family: 'Gotham A', 'Gotham B', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.font-family-serif {
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.font-family-monospace {
  font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
}

.font-size-inherit {
  font-size: inherit;
}

.font-size-initial {
  font-size: medium;
  font-size: initial;
}

.font-size-unset {
  font-size: unset;
}

.font-size {
  font-size: 1rem;
}

.font-size-xxl {
  font-size: 1.5rem;
}

.font-size-xl {
  font-size: 1.25rem;
}

.font-size-l {
  font-size: 1.125rem;
}

.font-size-m {
  font-size: 1rem;
}

.font-size-s {
  font-size: 0.875rem;
}

.font-size-xs {
  font-size: 0.75rem;
}

.font-size-xxs {
  font-size: 0.625rem;
}

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

.font-style-initial {
  font-style: normal;
  font-style: initial;
}

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

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

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

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

.font-weight-thin {
  font-weight: 200;
}

.font-weight-extra-light {
  font-weight: 200;
}

.font-weight-light {
  font-weight: 300;
}

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

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

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

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

.font-weight-extra-bold {
  font-weight: 800;
}

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

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

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

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

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

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

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

.font-weight-800 {
  font-weight: 800;
}

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

.height-100 {
  height: 100%;
}

.icon,
.icon > svg,
svg.icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
}

.icon-xxl,
.icon-xxl > svg,
svg.icon-xxl {
  display: inline-block;
  width: 6rem;
  height: 6rem;
}

.icon-xl,
.icon-xl > svg,
svg.icon-xl {
  display: inline-block;
  width: 2rem;
  height: 2rem;
}

.icon-l,
.icon-l > svg,
svg.icon-l {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
}

.icon-m,
.icon-m > svg,
svg.icon-m {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
}

.icon-s,
.icon-s > svg,
svg.icon-s {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.icon-xs,
.icon-xs > svg,
svg.icon-xs {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

.icon-xxs,
.icon-xxs > svg,
svg.icon-xxs {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

.letter-spacing-xxl {
  letter-spacing: 0.1em;
}

.letter-spacing-xl {
  letter-spacing: 0.15em;
}

.letter-spacing-l {
  letter-spacing: 0.1em;
}

.letter-spacing-m {
  letter-spacing: 0.05em;
}

.letter-spacing-s {
  letter-spacing: 0.025em;
}

.letter-spacing-xs {
  letter-spacing: 0.01em;
}

.letter-spacing-xxs {
  letter-spacing: 0.0125em;
}

.letter-spacing {
  letter-spacing: 0;
}

.line-height-1 {
  line-height: 1;
}

.line-height-xxl {
  line-height: 2;
}

.line-height-xl {
  line-height: 1.8;
}

.line-height-l {
  line-height: 1.65;
}

.line-height-m {
  line-height: 1.5;
}

.line-height-s {
  line-height: 1.35;
}

.line-height-xs {
  line-height: 1.2;
}

.line-height-xxs {
  line-height: 1;
}

.line-height {
  line-height: 1.35;
}

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

.no-margin-horizontal {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-margin-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

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

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

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

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

.margin-vertical-1 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.margin-vertical-3-4 {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.margin-vertical-1-2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.margin-vertical-1-4 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.margin-auto {
  margin: auto;
}

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

.margin-vertical-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.margin-top-auto {
  margin-top: auto;
}

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

.margin-bottom-auto {
  margin-bottom: auto;
}

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

.margin-xxl {
  margin: 4rem;
}

.margin-negative-xxl {
  margin: -4rem;
}

.margin-horizontal-xxl {
  margin-left: 4rem;
  margin-right: 4rem;
}

.margin-vertical-xxl {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.margin-top-xxl {
  margin-top: 4rem;
}

.margin-bottom-xxl {
  margin-bottom: 4rem;
}

.margin-left-xxl {
  margin-left: 4rem;
}

.margin-right-xxl {
  margin-right: 4rem;
}

.margin-xl {
  margin: 3rem;
}

.margin-negative-xl {
  margin: -3rem;
}

.margin-horizontal-xl {
  margin-left: 3rem;
  margin-right: 3rem;
}

.margin-vertical-xl {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.margin-top-xl {
  margin-top: 3rem;
}

.margin-bottom-xl {
  margin-bottom: 3rem;
}

.margin-left-xl {
  margin-left: 3rem;
}

.margin-right-xl {
  margin-right: 3rem;
}

.margin-l {
  margin: 2rem;
}

.margin-negative-l {
  margin: -2rem;
}

.margin-horizontal-l {
  margin-left: 2rem;
  margin-right: 2rem;
}

.margin-vertical-l {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.margin-top-l {
  margin-top: 2rem;
}

.margin-bottom-l {
  margin-bottom: 2rem;
}

.margin-left-l {
  margin-left: 2rem;
}

.margin-right-l {
  margin-right: 2rem;
}

.margin-m {
  margin: 1.5rem;
}

.margin-negative-m {
  margin: -1.5rem;
}

.margin-horizontal-m {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.margin-vertical-m {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.margin-top-m {
  margin-top: 1.5rem;
}

.margin-bottom-m {
  margin-bottom: 1.5rem;
}

.margin-left-m {
  margin-left: 1.5rem;
}

.margin-right-m {
  margin-right: 1.5rem;
}

.margin-s {
  margin: 1rem;
}

.margin-negative-s {
  margin: -1rem;
}

.margin-horizontal-s {
  margin-left: 1rem;
  margin-right: 1rem;
}

.margin-vertical-s {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.margin-top-s {
  margin-top: 1rem;
}

.margin-bottom-s {
  margin-bottom: 1rem;
}

.margin-left-s {
  margin-left: 1rem;
}

.margin-right-s {
  margin-right: 1rem;
}

.margin-xs {
  margin: 0.75rem;
}

.margin-negative-xs {
  margin: -0.75rem;
}

.margin-horizontal-xs {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.margin-vertical-xs {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.margin-top-xs {
  margin-top: 0.75rem;
}

.margin-bottom-xs {
  margin-bottom: 0.75rem;
}

.margin-left-xs {
  margin-left: 0.75rem;
}

.margin-right-xs {
  margin-right: 0.75rem;
}

.margin-xxs {
  margin: 0.5rem;
}

.margin-negative-xxs {
  margin: -0.5rem;
}

.margin-horizontal-xxs {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.margin-vertical-xxs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.margin-top-xxs {
  margin-top: 0.5rem;
}

.margin-bottom-xxs {
  margin-bottom: 0.5rem;
}

.margin-left-xxs {
  margin-left: 0.5rem;
}

.margin-right-xxs {
  margin-right: 0.5rem;
}

.max-width-xxl {
  max-width: 70rem;
}

.max-width-xl {
  max-width: 60rem;
}

.max-width-l {
  max-width: 50rem;
}

.max-width-m {
  max-width: 40rem;
}

.max-width-s {
  max-width: 30rem;
}

.max-width-xs {
  max-width: 20rem;
}

.max-width-xxs {
  max-width: 10rem;
}

.min-height-25vh {
  min-height: 25vh;
}

.min-height-33vh {
  min-height: 33vh;
}

.min-height-50vh {
  min-height: 50vh;
}

.min-height-66vh {
  min-height: 66vh;
}

.min-height-75vh {
  min-height: 75vh;
}

.min-height-80vh {
  min-height: 80vh;
}

.min-height-90vh {
  min-height: 90vh;
}

.min-height-100vh {
  min-height: 100vh;
}

.order-1,
.order-first {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2,
.order-middle {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3,
.order-last {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-15 {
  opacity: 0.15;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-35 {
  opacity: 0.35;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-45 {
  opacity: 0.45;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-55 {
  opacity: 0.55;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-65 {
  opacity: 0.65;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-85 {
  opacity: 0.85;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-95 {
  opacity: 0.95;
}

.opacity-100 {
  opacity: 1;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

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

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

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

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

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

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

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

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

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

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

.no-padding-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-padding-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

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

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

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

.padding-xxl {
  padding: 4rem;
}

.padding-horizontal-xxl {
  padding-left: 4rem;
  padding-right: 4rem;
}

.padding-vertical-xxl {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.padding-top-xxl {
  padding-top: 4rem;
}

.padding-bottom-xxl {
  padding-bottom: 4rem;
}

.padding-left-xxl {
  padding-left: 4rem;
}

.padding-right-xxl {
  padding-right: 4rem;
}

.padding-xl {
  padding: 3rem;
}

.padding-horizontal-xl {
  padding-left: 3rem;
  padding-right: 3rem;
}

.padding-vertical-xl {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-top-xl {
  padding-top: 3rem;
}

.padding-bottom-xl {
  padding-bottom: 3rem;
}

.padding-left-xl {
  padding-left: 3rem;
}

.padding-right-xl {
  padding-right: 3rem;
}

.padding-l {
  padding: 2rem;
}

.padding-horizontal-l {
  padding-left: 2rem;
  padding-right: 2rem;
}

.padding-vertical-l {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.padding-top-l {
  padding-top: 2rem;
}

.padding-bottom-l {
  padding-bottom: 2rem;
}

.padding-left-l {
  padding-left: 2rem;
}

.padding-right-l {
  padding-right: 2rem;
}

.padding-m {
  padding: 1.5rem;
}

.padding-horizontal-m {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.padding-vertical-m {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.padding-top-m {
  padding-top: 1.5rem;
}

.padding-bottom-m {
  padding-bottom: 1.5rem;
}

.padding-left-m {
  padding-left: 1.5rem;
}

.padding-right-m {
  padding-right: 1.5rem;
}

.padding-s {
  padding: 1rem;
}

.padding-horizontal-s {
  padding-left: 1rem;
  padding-right: 1rem;
}

.padding-vertical-s {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.padding-top-s {
  padding-top: 1rem;
}

.padding-bottom-s {
  padding-bottom: 1rem;
}

.padding-left-s {
  padding-left: 1rem;
}

.padding-right-s {
  padding-right: 1rem;
}

.padding-xs {
  padding: 0.75rem;
}

.padding-horizontal-xs {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.padding-vertical-xs {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.padding-top-xs {
  padding-top: 0.75rem;
}

.padding-bottom-xs {
  padding-bottom: 0.75rem;
}

.padding-left-xs {
  padding-left: 0.75rem;
}

.padding-right-xs {
  padding-right: 0.75rem;
}

.padding-xxs {
  padding: 0.5rem;
}

.padding-horizontal-xxs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.padding-vertical-xxs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.padding-top-xxs {
  padding-top: 0.5rem;
}

.padding-bottom-xxs {
  padding-bottom: 0.5rem;
}

.padding-left-xxs {
  padding-left: 0.5rem;
}

.padding-right-xxs {
  padding-right: 0.5rem;
}

.pointer-events-inherit {
  pointer-events: inherit;
}

.pointer-events-initial {
  pointer-events: initial;
}

.pointer-events-unset {
  pointer-events: unset;
}

.pointer-events-auto {
  pointer-events: auto;
}

.pointer-events-none {
  pointer-events: none;
}

.fixed,
.position-fixed {
  position: fixed;
}

.relative,
.position-relative {
  position: relative;
}

.absolute,
.position-absolute {
  position: absolute;
}

.sticky,
.position-sticky {
  position: -webkit-sticky;
  position: sticky;
}

.static,
.position-static {
  position: static;
}

.position-top {
  top: 0;
}

.position-top-left {
  top: 0;
  left: 0;
}

.position-top-right {
  top: 0;
  right: 0;
}

.position-right {
  right: 0;
}

.position-bottom {
  bottom: 0;
}

.position-bottom-left {
  bottom: 0;
  left: 0;
}

.position-bottom-right {
  bottom: 0;
  right: 0;
}

.position-left {
  left: 0;
}

.space-xxl {
  width: 4rem;
  height: 4rem;
}

.space-xl {
  width: 3rem;
  height: 3rem;
}

.space-l {
  width: 2rem;
  height: 2rem;
}

.space-m {
  width: 1.5rem;
  height: 1.5rem;
}

.space-s {
  width: 1rem;
  height: 1rem;
}

.space-xs {
  width: 0.75rem;
  height: 0.75rem;
}

.space-xxs {
  width: 0.5rem;
  height: 0.5rem;
}

.stroke-current-color,
svg.stroke-current-color {
  stroke: currentColor;
}

.stroke-inherit,
svg.stroke-inherit {
  stroke: inherit;
}

.stroke-white,
svg.stroke-white {
  stroke: rgb(255, 255, 255);
}

.stroke-black,
svg.stroke-black {
  stroke: rgb(0, 0, 0);
}

.stroke-light,
svg.stroke-light {
  stroke: #e5ebff;
}

.stroke-light-50,
svg.stroke-light-50 {
  stroke: rgb(250, 251, 255);
}

.stroke-light-100,
svg.stroke-light-100 {
  stroke: rgb(245, 247, 255);
}

.stroke-light-200,
svg.stroke-light-200 {
  stroke: rgb(240, 243, 255);
}

.stroke-light-300,
svg.stroke-light-300 {
  stroke: rgb(235, 239, 255);
}

.stroke-light-400,
svg.stroke-light-400 {
  stroke: rgb(229, 235, 255);
}

.stroke-light-500,
svg.stroke-light-500 {
  stroke: #e5ebff;
}

.stroke-light-600,
svg.stroke-light-600 {
  stroke: rgb(199, 208, 235);
}

.stroke-light-700,
svg.stroke-light-700 {
  stroke: rgb(177, 187, 216);
}

.stroke-light-800,
svg.stroke-light-800 {
  stroke: rgb(144, 156, 187);
}

.stroke-light-900,
svg.stroke-light-900 {
  stroke: rgb(109, 123, 156);
}

.stroke-grey,
svg.stroke-grey {
  stroke: #8a8a8a;
}

.stroke-grey-50,
svg.stroke-grey-50 {
  stroke: rgb(218, 218, 218);
}

.stroke-grey-100,
svg.stroke-grey-100 {
  stroke: rgb(202, 202, 202);
}

.stroke-grey-200,
svg.stroke-grey-200 {
  stroke: rgb(184, 184, 184);
}

.stroke-grey-300,
svg.stroke-grey-300 {
  stroke: rgb(166, 166, 166);
}

.stroke-grey-400,
svg.stroke-grey-400 {
  stroke: rgb(150, 150, 150);
}

.stroke-grey-500,
svg.stroke-grey-500 {
  stroke: #8a8a8a;
}

.stroke-grey-600,
svg.stroke-grey-600 {
  stroke: rgb(131, 131, 131);
}

.stroke-grey-700,
svg.stroke-grey-700 {
  stroke: rgb(118, 118, 118);
}

.stroke-grey-800,
svg.stroke-grey-800 {
  stroke: rgb(100, 100, 100);
}

.stroke-grey-900,
svg.stroke-grey-900 {
  stroke: rgb(80, 80, 80);
}

.stroke-dark,
svg.stroke-dark {
  stroke: rgb(29, 26, 55);
}

.stroke-dark-50,
svg.stroke-dark-50 {
  stroke: rgb(183, 182, 191);
}

.stroke-dark-100,
svg.stroke-dark-100 {
  stroke: rgb(152, 150, 164);
}

.stroke-dark-200,
svg.stroke-dark-200 {
  stroke: rgb(117, 115, 133);
}

.stroke-dark-300,
svg.stroke-dark-300 {
  stroke: rgb(82, 80, 102);
}

.stroke-dark-400,
svg.stroke-dark-400 {
  stroke: rgb(52, 49, 75);
}

.stroke-dark-500,
svg.stroke-dark-500 {
  stroke: rgb(29, 26, 55);
}

.stroke-dark-600,
svg.stroke-dark-600 {
  stroke: rgb(28, 25, 52);
}

.stroke-dark-700,
svg.stroke-dark-700 {
  stroke: rgb(25, 23, 47);
}

.stroke-dark-800,
svg.stroke-dark-800 {
  stroke: rgb(21, 20, 40);
}

.stroke-dark-900,
svg.stroke-dark-900 {
  stroke: rgb(17, 16, 32);
}

.stroke-primary,
svg.stroke-primary {
  stroke: rgb(106, 30, 204);
}

.stroke-primary-50,
svg.stroke-primary-50 {
  stroke: rgb(238, 224, 255);
}

.stroke-primary-100,
svg.stroke-primary-100 {
  stroke: rgb(209, 173, 255);
}

.stroke-primary-200,
svg.stroke-primary-200 {
  stroke: rgb(177, 117, 255);
}

.stroke-primary-300,
svg.stroke-primary-300 {
  stroke: rgb(143, 63, 248);
}

.stroke-primary-400,
svg.stroke-primary-400 {
  stroke: rgb(118, 39, 221);
}

.stroke-primary-500,
svg.stroke-primary-500 {
  stroke: rgb(106, 30, 204);
}

.stroke-primary-600,
svg.stroke-primary-600 {
  stroke: rgb(88, 11, 188);
}

.stroke-primary-700,
svg.stroke-primary-700 {
  stroke: rgb(69, 0, 158);
}

.stroke-primary-800,
svg.stroke-primary-800 {
  stroke: rgb(51, 0, 117);
}

.stroke-primary-900,
svg.stroke-primary-900 {
  stroke: rgb(35, 0, 82);
}

.stroke-secondary,
svg.stroke-secondary {
  stroke: rgb(18, 206, 227);
}

.stroke-secondary-50,
svg.stroke-secondary-50 {
  stroke: rgb(229, 252, 255);
}

.stroke-secondary-100,
svg.stroke-secondary-100 {
  stroke: rgb(184, 248, 255);
}

.stroke-secondary-200,
svg.stroke-secondary-200 {
  stroke: rgb(117, 241, 255);
}

.stroke-secondary-300,
svg.stroke-secondary-300 {
  stroke: rgb(61, 236, 255);
}

.stroke-secondary-400,
svg.stroke-secondary-400 {
  stroke: rgb(28, 220, 242);
}

.stroke-secondary-500,
svg.stroke-secondary-500 {
  stroke: rgb(18, 206, 227);
}

.stroke-secondary-600,
svg.stroke-secondary-600 {
  stroke: rgb(0, 188, 209);
}

.stroke-secondary-700,
svg.stroke-secondary-700 {
  stroke: rgb(0, 151, 168);
}

.stroke-secondary-800,
svg.stroke-secondary-800 {
  stroke: rgb(0, 115, 128);
}

.stroke-secondary-900,
svg.stroke-secondary-900 {
  stroke: rgb(0, 83, 92);
}

.stroke-tertiary,
svg.stroke-tertiary {
  stroke: rgb(48, 108, 239);
}

.stroke-tertiary-50,
svg.stroke-tertiary-50 {
  stroke: rgb(235, 241, 255);
}

.stroke-tertiary-100,
svg.stroke-tertiary-100 {
  stroke: rgb(199, 217, 255);
}

.stroke-tertiary-200,
svg.stroke-tertiary-200 {
  stroke: rgb(143, 178, 255);
}

.stroke-tertiary-300,
svg.stroke-tertiary-300 {
  stroke: rgb(97, 147, 255);
}

.stroke-tertiary-400,
svg.stroke-tertiary-400 {
  stroke: rgb(60, 121, 251);
}

.stroke-tertiary-500,
svg.stroke-tertiary-500 {
  stroke: rgb(48, 108, 239);
}

.stroke-tertiary-600,
svg.stroke-tertiary-600 {
  stroke: rgb(23, 86, 222);
}

.stroke-tertiary-700,
svg.stroke-tertiary-700 {
  stroke: rgb(0, 61, 194);
}

.stroke-tertiary-800,
svg.stroke-tertiary-800 {
  stroke: rgb(0, 47, 148);
}

.stroke-tertiary-900,
svg.stroke-tertiary-900 {
  stroke: rgb(0, 32, 102);
}

.stroke-error,
svg.stroke-error {
  stroke: rgb(255, 70, 62);
}

.stroke-error-50,
svg.stroke-error-50 {
  stroke: rgb(255, 235, 235);
}

.stroke-error-100,
svg.stroke-error-100 {
  stroke: rgb(255, 211, 209);
}

.stroke-error-200,
svg.stroke-error-200 {
  stroke: rgb(255, 163, 158);
}

.stroke-error-300,
svg.stroke-error-300 {
  stroke: rgb(255, 124, 117);
}

.stroke-error-400,
svg.stroke-error-400 {
  stroke: rgb(255, 90, 82);
}

.stroke-error-500,
svg.stroke-error-500 {
  stroke: rgb(255, 70, 62);
}

.stroke-error-600,
svg.stroke-error-600 {
  stroke: rgb(235, 46, 36);
}

.stroke-error-700,
svg.stroke-error-700 {
  stroke: rgb(212, 18, 8);
}

.stroke-error-800,
svg.stroke-error-800 {
  stroke: rgb(163, 8, 0);
}

.stroke-error-900,
svg.stroke-error-900 {
  stroke: rgb(112, 6, 0);
}

.stroke-warning,
svg.stroke-warning {
  stroke: rgb(255, 153, 0);
}

.stroke-warning-50,
svg.stroke-warning-50 {
  stroke: rgb(255, 244, 229);
}

.stroke-warning-100,
svg.stroke-warning-100 {
  stroke: rgb(255, 231, 194);
}

.stroke-warning-200,
svg.stroke-warning-200 {
  stroke: rgb(255, 204, 128);
}

.stroke-warning-300,
svg.stroke-warning-300 {
  stroke: rgb(255, 182, 71);
}

.stroke-warning-400,
svg.stroke-warning-400 {
  stroke: rgb(255, 163, 26);
}

.stroke-warning-500,
svg.stroke-warning-500 {
  stroke: rgb(255, 153, 0);
}

.stroke-warning-600,
svg.stroke-warning-600 {
  stroke: rgb(219, 132, 0);
}

.stroke-warning-700,
svg.stroke-warning-700 {
  stroke: rgb(173, 104, 0);
}

.stroke-warning-800,
svg.stroke-warning-800 {
  stroke: rgb(128, 77, 0);
}

.stroke-warning-900,
svg.stroke-warning-900 {
  stroke: rgb(92, 55, 0);
}

.stroke-success,
svg.stroke-success {
  stroke: rgb(0, 190, 148);
}

.stroke-success-50,
svg.stroke-success-50 {
  stroke: rgb(224, 255, 248);
}

.stroke-success-100,
svg.stroke-success-100 {
  stroke: rgb(173, 255, 237);
}

.stroke-success-200,
svg.stroke-success-200 {
  stroke: rgb(92, 255, 220);
}

.stroke-success-300,
svg.stroke-success-300 {
  stroke: rgb(39, 241, 197);
}

.stroke-success-400,
svg.stroke-success-400 {
  stroke: rgb(15, 210, 168);
}

.stroke-success-500,
svg.stroke-success-500 {
  stroke: rgb(0, 190, 148);
}

.stroke-success-600,
svg.stroke-success-600 {
  stroke: rgb(0, 163, 128);
}

.stroke-success-700,
svg.stroke-success-700 {
  stroke: rgb(0, 128, 100);
}

.stroke-success-800,
svg.stroke-success-800 {
  stroke: rgb(0, 97, 76);
}

.stroke-success-900,
svg.stroke-success-900 {
  stroke: rgb(0, 66, 52);
}

.stroke-info,
svg.stroke-info {
  stroke: rgb(0, 153, 232);
}

.stroke-info-50,
svg.stroke-info-50 {
  stroke: rgb(229, 246, 255);
}

.stroke-info-100,
svg.stroke-info-100 {
  stroke: rgb(184, 231, 255);
}

.stroke-info-200,
svg.stroke-info-200 {
  stroke: rgb(117, 209, 255);
}

.stroke-info-300,
svg.stroke-info-300 {
  stroke: rgb(56, 189, 255);
}

.stroke-info-400,
svg.stroke-info-400 {
  stroke: rgb(14, 169, 246);
}

.stroke-info-500,
svg.stroke-info-500 {
  stroke: rgb(0, 153, 232);
}

.stroke-info-600,
svg.stroke-info-600 {
  stroke: rgb(0, 133, 199);
}

.stroke-info-700,
svg.stroke-info-700 {
  stroke: rgb(0, 105, 158);
}

.stroke-info-800,
svg.stroke-info-800 {
  stroke: rgb(0, 78, 117);
}

.stroke-info-900,
svg.stroke-info-900 {
  stroke: rgb(0, 54, 82);
}

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

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

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

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

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

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

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

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

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

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

.text-transform-full-width {
  text-transform: full-width;
}

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.transition-fast {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.transition-medium {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.transition-slow {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.clearfix::before,
  .clearfix::after {
  content: '';
  display: table;
}

.clearfix::after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.circle {
  border-radius: 50%;
}

.full-height {
  height: 100%;
}

.pointer {
  cursor: pointer;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.visible {
  visibility: visible !important;
}

.hidden {
  visibility: hidden !important;
}

.show-print {
  display: none !important;
}

@media print {

  .show-print {
    display: block !important;
  }
}

@media print {

  .hide-print {
    display: none !important;
  }
}

.show-screen {
  display: none !important;
}

@media screen {

  .show-screen {
    display: block !important;
  }
}

@media screen {

  .hide-screen {
    display: none !important;
  }
}

.hide-visually {
  position: absolute;
  padding: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

@media (max-width: 320px) {

  .hide-xxs {
    display: none !important;
  }
}

@media (max-width: 767px) {

  .hide-xs {
    display: none !important;
  }
}

@media (min-width: 320px) {

  .hide-xs-up {
    display: none !important;
  }
}

@media (max-width: 639px) {

  .hide-xs-down {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {

  .hide-s {
    display: none !important;
  }
}

@media (min-width: 768px) {

  .hide-s-up {
    display: none !important;
  }
}

@media (max-width: 1023px) {

  .hide-s-down {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {

  .hide-m {
    display: none !important;
  }
}

@media (min-width: 1024px) {

  .hide-m-up {
    display: none !important;
  }
}

@media (max-width: 1279px) {

  .hide-m-down {
    display: none !important;
  }
}

@media (min-width: 1280px) and (max-width: 1679px) {

  .hide-l {
    display: none !important;
  }
}

@media (min-width: 1280px) {

  .hide-l-up {
    display: none !important;
  }
}

@media (max-width: 1679px) {

  .hide-l-down {
    display: none !important;
  }
}

@media (min-width: 1680px) {

  .hide-xl {
    display: none !important;
  }
}

.show-xxs {
  display: none !important;
}

@media (max-width: 320px) {

  .show-xxs {
    display: block !important;
  }
}

.show-xs {
  display: none !important;
}

@media (max-width: 767px) {

  .show-xs {
    display: block !important;
  }
}

.show-xs-up {
  display: none !important;
}

@media (min-width: 320px) {

  .show-xs-up {
    display: block !important;
  }
}

.show-xs-down {
  display: none !important;
}

@media (max-width: 639px) {

  .show-xs-down {
    display: block !important;
  }
}

.show-s {
  display: none !important;
}

@media (min-width: 768px) and (max-width: 1023px) {

  .show-s {
    display: block !important;
  }
}

.show-s-up {
  display: none !important;
}

@media (min-width: 768px) {

  .show-s-up {
    display: block !important;
  }
}

.show-s-down {
  display: none !important;
}

@media (max-width: 1023px) {

  .show-s-down {
    display: block !important;
  }
}

.show-m {
  display: none !important;
}

@media (min-width: 1024px) and (max-width: 1279px) {

  .show-m {
    display: block !important;
  }
}

.show-m-up {
  display: none !important;
}

@media (min-width: 1024px) {

  .show-m-up {
    display: block !important;
  }
}

.show-m-down {
  display: none !important;
}

@media (max-width: 1279px) {

  .show-m-down {
    display: block !important;
  }
}

.show-l {
  display: none !important;
}

@media (min-width: 1280px) and (max-width: 1679px) {

  .show-l {
    display: block !important;
  }
}

.show-l-up {
  display: none !important;
}

@media (min-width: 1280px) {

  .show-l-up {
    display: block !important;
  }
}

.show-l-down {
  display: none !important;
}

@media (max-width: 1679px) {

  .show-l-down {
    display: block !important;
  }
}

.show-xl {
  display: none !important;
}

@media (min-width: 1680px) {

  .show-xl {
    display: block !important;
  }
}

.width-100 {
  width: 100%;
}

.z-index-low {
  z-index: 9;
}

.z-index-medium {
  z-index: 99;
}

.z-index-high {
  z-index: 999;
}

/**
 * Colors
 */

:root {
  /**
   * Color
   */

  /* define some default colours for thses so that we don't have them undefined in some contexts */

  /* White */

  /* Black */

  /**
   * Shades
   */

  /* Light */

  /* Grey */

  /* Dark */

  /**
   * Palette
   */

  /* Primary */

  /* Secondary */

  /* Tertiary */ /* Changed to match QMA logo A */ /*rgb(46, 100, 220)*/

  /**
   * Indicators
   */

  /* Info */

  /* Error */

  /* Warning */

  /* Success */
}

/**
 * Globals
 */

:root {
  /**
   * Media Queries
   */

  /**
   * Root
   */

  /**
   * Focus Outline
   */

  /**
   * Gutter
   */

  /**
   * Container
   */

  /**
   * Color
   */

  /**
   * Background
   */

  /**
   * Border
   */

  /**
   * Box Shadow
   */

  /**
   * Z-Index
   */

  /**
   * Speed
   */

  /**
   * Height
   */

  /**
   * Slope
   */

  /**
   * Space
   */

  /**
   * Margin
   */

  /**
   * Padding
   */

  /**
   * Max Width
   */

  /**
   * Font
   */
  /* prettier-ignore */

  /**
   * Font Weights
   */

  /**
   * Font Sizes
   */

  /**
   * Line height
   */

  /**
   * Letter Spacing
   */
}

/**
 * Variables
 */

:root {
  /**
   * Body
   */

  /**
   * Icon
   */

  /**
   * Print
   */

  /**
   * Headings
   */

  /**
   * Headings Small
   */

  /**
   * Heading Font Sizes
   */

  /**
   * Display Title
   */ /* don't change this without changing the margins */

  /** 
   * Display Title Sizes
   */

  /**
   * All Caps
   */

  /** 
   * All Caps Sizes
   */

  /**
   * Lead
   */

  /**
   * Paragraph
   */

  /**
   * Link
   */

  /**
   * Strong
   */

  /**
   * Emphasis
   */

  /**
   * Horizontal Rule
   */

  /**
   * Blockquote
   */

  /**
   * Cite
   */

  /**
   * List
   */

  /**
   * List Item
   */

  /**
   * Child List
   */

  /**
   * Unordered List
   */

  /** 
   * Definition List
   */

  /** 
   * Definition Term
   */

  /** 
   * Definition Description
   */

  /**
   * Code
   */

  /** 
   * Pre
   */

  /**
   * Kbd
   */

  /**
   * Mark
   */

  /**
   * Form Message
   */

  /** 
   * Field
   */

  /** 
   * Fieldset
   */

  /** 
   * Legend
   */

  /** 
   * Label
   */

  /** 
   * Input
   */

  /** 
   * Input Sizes
   */

  /**
   * Textarea
   */

  /**
   * Select
   */

  /** 
   * Select Sizes
   */

  /**
   * Control
   */

  /** 
   * Control Sizes
   */

  /** 
   * Range
   */

  /** 
   * Range Sizes
   */

  /** 
   * Progress
   */

  /** 
   * Progress Sizes
   */

  /**
   * Button
   */

  /** 
   * Button Sizes
   */

  /** 
   * Button Shades
   */

  /** 
   * Button Palette
   */

  /** 
   * Button Indicators
   */

  /** 
   * Button Icon
   */

  /**
   * Figure
   */

  /**
   * Media
   */

  /**
   * Nav
   */

  /**
   * Spinner
   */

  /**
   * Table
   */
}

/**
 * Font
 */

@font-face {
  font-family: 'TT Trailers';
  src: url('/assets/fonts/TT-Trailers-Black.woff2') format('woff2'), url('/assets/fonts/TT-Trailers-Black.woff') format('woff');
}

.font-family-condensed {
  font-family: 'Gotham Cond A', 'Gotham Cond B';
}

/**
 * Swiper
 */

/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */

.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}

.swiper-container-no-flexbox .swiper-slide{float:left}

.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}

.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}

.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}

.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}

.swiper-slide-invisible-blank{visibility:hidden}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}

.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}

.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}

.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))}

.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))}

.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))}

.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}

.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-lock{display:none}

.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}

.swiper-pagination.swiper-pagination-hidden{opacity:0}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}

.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}

.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}

button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}

.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}

.swiper-pagination-bullet-active{opacity:1;background:#007aff}

.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top;-webkit-transition:.2s transform,.2s top,.2s -webkit-transform;transition:.2s transform,.2s top,.2s -webkit-transform}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left;-webkit-transition:.2s transform,.2s left,.2s -webkit-transform;transition:.2s transform,.2s left,.2s -webkit-transform}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right;-webkit-transition:.2s transform,.2s right,.2s -webkit-transform;transition:.2s transform,.2s right,.2s -webkit-transform}

.swiper-pagination-progressbar{background:rgba(0, 0, 0, .25);position:absolute}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}

.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}

.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255, 255, 255, .25)}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}

.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}

.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0, 0, 0, .25)}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}

.swiper-pagination-lock{display:none}

.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, .1)}

.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}

.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}

.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, .5);border-radius:10px;left:0;top:0}

.swiper-scrollbar-cursor-drag{cursor:move}

.swiper-scrollbar-lock{display:none}

.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}

.swiper-slide-zoomed{cursor:move}

.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}

.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}

.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}

.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}

.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}

.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-container-cube{overflow:visible}

.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}

.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}

.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');filter:blur(50px);z-index:0}

.swiper-container-flip{overflow:visible}

.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}

.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

/**
 * Grid
 */

.columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  list-style: none;
}

.column {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.column-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/**
 * Columns
 */

@media (min-width: 768px) {

  .columns-1-2 .column {
    width: 50%;
  }
}

@media (min-width: 768px) {

  .columns-1-2 .column {
    width: 50%;
  }
}

@media (min-width: 768px) {

  .columns-1-3 .column {
    width: 33.33333%;
  }
}

@media (min-width: 768px) {

  .columns-2-3 .column {
    width: 66.66667%;
  }
}

@media (min-width: 768px) {

  .columns-1-4 .column {
    width: 50%;
  }
}

@media (min-width: 1024px) {

  .columns-1-4 .column {
    width: 25%;
  }
}

@media (min-width: 768px) {

  .columns-3-4 .column {
    width: 75%;
  }
}

@media (min-width: 320px) {

  .columns-1-6 .column {
    width: 50%;
  }
}

@media (min-width: 768px) {

  .columns-1-6 .column {
    width: 33.33333%;
  }
}

@media (min-width: 1024px) {

  .columns-1-6 .column {
    width: 16.66667%;
  }
}

@media (min-width: 320px) {

  .columns-1-8 .column {
    width: 50%;
  }
}

@media (min-width: 768px) {

  .columns-1-8 .column {
    width: 25%;
  }
}

@media (min-width: 1024px) {

  .columns-1-8 .column {
    width: 12.5%;
  }
}

/**
 * Column
 */

.column.column-1 {
  width: 100%;
}

.column.column-1-2 {
  width: 100%;
}

@media (min-width: 768px) {

  .column.column-1-2 {
    width: 50%;
  }
}

.column.column-1-3 {
  width: 100%;
}

@media (min-width: 768px) {

  .column.column-1-3 {
    width: 33.33333%;
  }
}

.column.column-2-3 {
  width: 100%;
}

@media (min-width: 768px) {

  .column.column-2-3 {
    width: 66.66667%;
  }
}

.column.column-1-4 {
  width: 100%;
}

@media (min-width: 768px) {

  .column.column-1-4 {
    width: 50%;
  }
}

@media (min-width: 1024px) {

  .column.column-1-4 {
    width: 25%;
  }
}

.column.column-3-4 {
  width: 100%;
}

@media (min-width: 768px) {

  .column.column-3-4 {
    width: 75%;
  }
}

.column.column-1-6 {
  width: 100%;
}

@media (min-width: 320px) {

  .column.column-1-6 {
    width: 50%;
  }
}

@media (min-width: 768px) {

  .column.column-1-6 {
    width: 33.33333%;
  }
}

@media (min-width: 1024px) {

  .column.column-1-6 {
    width: 16.66667%;
  }
}

.column.column-1-8 {
  width: 100%;
}

@media (min-width: 320px) {

  .column.column-1-8 {
    width: 50%;
  }
}

@media (min-width: 768px) {

  .column.column-1-8 {
    width: 25%;
  }
}

@media (min-width: 1024px) {

  .column.column-1-8 {
    width: 12.5%;
  }
}

/**
 * Template
 */

body.open {
  overflow: hidden;
}

body:after {
  background-image: url('/assets/images/texture.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 0.08;
  mix-blend-mode: overlay;
  pointer-events: none;
}

.navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.navigation ul {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
}

.navigation li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.navigation li a.active {
  text-decoration: underline;
}

.navigation li.has-children {
  position: relative;
}

.navigation li.has-children:hover ul {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1279px) {

  .navigation li.has-children:hover ul {
    opacity: 0;
    visibility: hidden;
  }
}

.navigation li.has-children ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  background: rgb(106, 30, 204);
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.navigation li.has-children ul:before {
  content: '';
  background-color: rgb(106, 30, 204);
  position: absolute;
  top: -5px;
  left: 20px;
  width: 10px;
  height: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.navigation li.has-children ul li {
  display: block;
  width: 100%;
}

.navigation li.has-children ul li a {
  color: rgb(29, 26, 55);
  padding: 1rem;
  border-radius: 5px;
}

.navigation li.has-children ul li a.active {
  text-decoration: none;
  background: rgb(48, 108, 239);
}

.navigation li.has-children ul li a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.5;
  padding-right: 2rem;
}

.navigation li.has-children ul li a span:after {
  content: '';
  background-image: url('/assets/glyphs/src/arrow-right.svg');
  background-size: cover;
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  color: currentColor;
}

.navigation li.has-children ul li a:hover {
  background: rgb(48, 108, 239);
}

.navigation li.has-children ul li a:hover span {
  opacity: 1;
}

.navigation li.has-children ul li:not(.mobile-sub-menu):first-of-type a {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
}

.navigation li.has-children ul li:not(.mobile-sub-menu):first-of-type a span {
  opacity: 1;
}

.navigation li.mobile-sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 100%;
  border-bottom: 1px solid rgba(19, 201, 226, .2);
}

.navigation li.mobile-sub-menu .mobile-sub-menu {
  border-bottom: none;
}

.navigation li.mobile-sub-menu a {
  width: 100%;
  padding: 1rem 0 !important;
  color: rgb(106, 30, 204) !important;
}

.navigation li.mobile-sub-menu a span {
  opacity: 1 !important;
}

.navigation li.mobile-sub-menu a span:after {
  content: none !important;
}

.navigation li.mobile-sub-menu > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
}

.navigation li.mobile-sub-menu ul {
  position: relative;
  top: 0;
  width: 100%;
  background: none;
  display: none;
}

.navigation li.mobile-sub-menu ul:before {
  content: none;
}

.navigation li.mobile-sub-menu ul a {
  margin-bottom: 1rem;
}

.navigation li.mobile-sub-menu .mobile-sub-menu-content {
  width: 100%;
}

.navigation li.mobile-sub-menu .mobile-sub-menu-content.open ul {
  opacity: 1;
  visibility: visible;
  display: block;
}

.navigation li.mobile-sub-menu .mobile-sub-menu-content a {
  font-size: 1rem;
  text-transform: none;
  font-weight: 400;
  margin-bottom: 0;
}

.navigation a {
  position: relative;
  display: block;
  padding: 1rem;
  text-decoration: none;
}

.navigation a span {
  position: relative;
  z-index: 2;
  opacity: 0.75;
}

.navigation a.active span {
  opacity: 1 !important;
}

.navigation a:hover span {
  opacity: 1;
}

.mobile-action .plus {
  display: block;
}

.mobile-action .minus {
  display: none;
}

.mobile-action.open .plus {
  display: none;
}

.mobile-action.open .minus {
  display: block;
}

.menu {
  z-index: 999;
  position: fixed
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu li {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.menu a {
  position: relative;
  display: block;
  color: currentColor;
  -webkit-transition: none !important;
  transition: none !important;
}

.menu a:hover,
    .menu a:focus {
  color: rgb(106, 30, 204);
}

.menu a.active {
  color: rgb(106, 30, 204);
}

.menu-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}

@media (min-width: 1024px) {

  .menu-button {
    top: 0.75rem;
    right: 0.75rem;
  }
}

@media (max-width: 1279px) {
  .menu {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgb(29, 26, 55);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;

    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    pointer-events: none
  }
  .menu.open {
    opacity: 1;
    pointer-events: auto;
  }
  .menu ul {
    display: block;
  }
  .menu li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    display: block;
    font-family: 'Gotham A', 'Gotham B', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  }
  .menu a {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    color: rgb(106, 30, 204);
  }

  .menu-nav li {
    font-size: 4rem;
    margin-right: 0.25em;
  }

  .menu-secondary-nav li {
    font-size: 2rem;
  }

  .menu-secondary-nav a {
    padding-top: 0.125em;
    padding-bottom: 0.125em;
  }
}

@media (max-width: 767px) {
  .menu-nav li {
    font-size: 3rem;
  }
  .menu-nav li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .menu-secondary-nav li {
    font-size: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .menu {
    top: 50vh;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
  }
  .menu .invert-active a.active,
      .menu .invert-active a:hover {
    color: rgb(18, 206, 227);
  }
  .menu li {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  .menu a {
    padding-left: 0.75rem;
  }
  .menu a.active::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.25rem;
    content: '';
    background: currentColor;
  }

  .menu-secondary-nav li {
    font-size: 1rem;/*border-bottom: var(--border-width) var(--border-style) currentColor;
 */
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;/*&:first-child {
        border-top: var(--border-width) var(--border-style) currentColor;
      }
 */
  }

  .menu-secondary-nav a {
    padding-top: 0.125em;
    padding-bottom: 0.125em;
  }
}

main {
  min-height: 80vh;
}

.section {
  position: relative; /* this is required so that section anchors are in the right place */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Gotham A', 'Gotham B', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 4rem
}

.section-title .anchor-icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.section-title span {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.section-title small {
  display: block;
  font-size: 1rem;
}

.section-title.title-overlap,
  .section-title.title-underlap {
  margin-bottom: 0;
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
  margin-top: -0.1em;
}

.section-title.title-overlap {
  position: relative;
  z-index: 1;
}

/* .section-anchor {
  position: absolute;
  top: 0;
  left: 0;
} */

.section-inner {
  /* z-index: 1; */
  background-color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background-size: cover;
  background-position: center center
}

.section-inner .container {
  position: relative;
}

/*
  These classes allow for the menu color changer to still detect the would-be background color, as it only looks at the rgb (not a) values
 */

.ignore-background.background-primary {
  background-color: rgba(106, 30, 204, 0);
}

.ignore-background.background-secondary {
  background-color: rgba(18, 206, 227, 0);
}

.ignore-background.background-tertiary {
  background-color: rgba(48, 108, 239, 0);
}

.ignore-background.background-light {
  background-color: rgba(229, 235, 255, 0);
}

.ignore-background.background-light-50 {
  background-color: rgba(250, 251, 255, 0);
}

.ignore-background.background-dark {
  background-color: rgba(29, 26, 55, 0);
}

@media (min-width: 1280px) {

  .section-sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1000;
    top: 0;
    left: 175px;
    right: 175px;
    width: calc(100vw - 350px);
    background-color: transparent;
  }

  .section-sticky .section-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.5em;
  padding: 0;
  list-style: none;
}

.social li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0;
  padding: 0;
  color: currentColor;
}

.social a {
  display: block;
  padding: 0.5em;
  text-align: center;
  text-decoration: none;
  color: currentColor;
}

.social svg {
  display: block;
  margin: 0 auto;
  fill: currentColor;
  width: 1.5rem;
  height: 1.5rem;
}

/* */

/**
 * Typography
 */

a.anchor {
  display: inline-block;
  margin-left: -1em;
  width: 1em;
  height: 1em;
  font-size: 1em;
  color: inherit;
  opacity: 0;
  border: none;
  text-decoration: none;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out
}

a.anchor svg {
  display: inline-block;
  width: 1em;
  height: 1em;
}

a.anchor:not(.button):hover,
  a.anchor:not(.button):focus {
  color: inherit;
  opacity: 1;
  text-decoration: none;
}

a.section-anchor:focus {
  outline: none;
}

/* Desktop */

.display-title {
  /* capsize-fix */
}

.display-title::before {
  content: '';
  margin-bottom: -0.05em;
  display: table;
}

.display-title::after {
  content: '';
  margin-top: -0.15em;
  display: table;
}

.display-title {/*end capsize-fix
 */
}

.display-title-xxl {
  font-size: 14.5rem
}

.display-title-xxl.font-family-sans-serif {
  line-height: 1;
}

.display-title-xl {
  font-size: 7.25rem
}

.display-title-xl.font-family-sans-serif {
  line-height: 1;
}

.display-title-l {
  font-size: 4.5rem
}

.display-title-l.font-family-sans-serif {
  line-height: 1.1;
}

.display-title:not(.display-title-xxl):not(.display-title-xl):not(.display-title-l):not(.display-title-s):not(.display-title-xs):not(.display-title-xxs),
.display-title-m {
  font-size: 3rem
}

.display-title:not(.display-title-xxl):not(.display-title-xl):not(.display-title-l):not(.display-title-s):not(.display-title-xs):not(.display-title-xxs).font-family-sans-serif, .display-title-m.font-family-sans-serif {
  line-height: 1.1;
}

.display-title-s {
  font-size: 2.25rem
}

.display-title-s.font-family-sans-serif {
  line-height: 1.2;
}

.display-title-xs {
  font-size: 2rem
}

.display-title-xs.font-family-sans-serif {
  line-height: 1.25;
}

.display-title-xxs {
  font-size: 1.25rem
}

.display-title-xxs.font-family-sans-serif {
  line-height: 1.3;
}

.display-title {
  word-break: break-word;
}

/* Tablet Down */

@media (max-width: 1023px) {
  .display-title-xxl {
    font-size: 5.625rem;
  }

  .display-title-xl {
    font-size: 3.75rem;
  }

  .display-title-l {
    font-size: 2.5rem;
  }

  .display-title:not(.display-title-xxl):not(.display-title-xl):not(.display-title-l):not(.display-title-s):not(.display-title-xs):not(.display-title-xxs),
  .display-title-m {
    font-size: 1.625rem;
  }

  .display-title-s {
    font-size: 1.5rem;
  }

  .display-title-xs {
    font-size: 1.375rem;
  }

  .display-title-xxs {
    font-size: 1.125rem;
  }
}

.arrow-right-small:after {
  content: url(/assets/images/arrow-right-small.svg);
  display: inline-block;
  margin-left: 0.5em;
}

.title,
.pullout {
  margin: 0;
  font-family: 'Gotham A', 'Gotham B', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.025em;

  /* capsize-fix */
  line-height: 0.9
}

.title::before, .pullout::before {
  content: '';
  margin-bottom: -0.05em;
  display: table;
}

.title::after, .pullout::after {
  content: '';
  margin-top: -0.15em;
  display: table;
}

.title,
.pullout {/*end capsize-fix
 */
}

.pullout {
  line-height: 1;
}

.title-xs {
  font-size: 1.25rem;
  line-height: 1;
}

@media (min-width: 768px) {

  .title-xs {
    font-size: 1.5rem;
  }
}

@media (min-width: 1280px) {

  .title-xs {
    font-size: 2rem;
  }
}

.title-s {
  font-size: 2rem;
}

@media (min-width: 768px) {

  .title-s {
    font-size: 3rem;
  }
}

@media (min-width: 1280px) {

  .title-s {
    font-size: 4rem;
  }
}

.title-m {
  font-size: 3rem;
}

@media (min-width: 768px) {

  .title-m {
    font-size: 4rem;
  }
}

@media (min-width: 1280px) {

  .title-m {
    font-size: 5rem;
  }
}

.title-l {
  font-size: 3.25rem;
}

@media (min-width: 768px) {

  .title-l {
    font-size: 5rem;
  }
}

@media (min-width: 1280px) {

  .title-l {
    font-size: 6rem;
  }
}

.title-xl {
  font-size: 3.5rem;
}

@media (max-width: 767px) {

  .title-xl {
    word-break: break-word;
  }
}

@media (min-width: 768px) {

  .title-xl {
    font-size: 6.5rem;
  }
}

@media (min-width: 1280px) {

  .title-xl {
    font-size: 8rem;
  }
}

.title-xxl {
  font-size: 4rem;
}

@media (max-width: 767px) {

  .title-xxl {
    word-break: break-word;
  }
}

@media (min-width: 768px) {

  .title-xxl {
    font-size: 8rem;
  }
}

@media (min-width: 1280px) {

  .title-xxl {
    font-size: 10rem;
  }
}

@media (min-width: 1024px) {

  .inner-overlap-before {
    -webkit-transform: translateX(-5rem);
            transform: translateX(-5rem);
    margin-bottom: 1rem !important;
  }
}

@media (min-width: 1024px) {

  .inner-overlap-after {
    -webkit-transform: translateX(5rem);
            transform: translateX(5rem);
    margin-bottom: 1rem !important;
  }
}

.panel-title {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -0.1em !important;
}

.button.button-text:not(.text-decoration-none),
.button-underline,
.text a,
.display-title > a,
div a > .display-title {
  position: relative;
  height: auto;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.list-tick {
  margin: 0;
  list-style: none
}

.list-tick li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  padding: 0;
}

.list-tick svg {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 1rem;
  height: 1rem;
  margin-top: 0.125rem;
  margin-right: 0.75rem;
}

.text-inner table {
  border: none;
}

.text-inner table td {
  border: none;
}

.text-inner table tr {
  border-bottom: 1px solid transparent;
}

.text-inner table tbody tr:last-child {
  border-bottom: none;
}

/**
 * Form
 */

.audio-trim {
  position: relative;
  width: 100%;
  height: 160px;
}

.audio-trim-area {
  position: absolute;
  width: 100%;
  height: 160px;
  background-color: rgb(240, 243, 255);
}

.audio-trim-loading-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
  -webkit-transition: width 200ms ease-in-out;
  transition: width 200ms ease-in-out;
}

.audio-trim-play-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}

.audio-trim-underlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: rgb(106, 30, 204);
}

.audio-trim-waveform {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.audio-trim-region {
  position: absolute;
  cursor: -webkit-grab;
  cursor: grab;
  top: 0;
  left: 0;
  height: 160px;
  border-left: 1px solid rgb(255, 255, 255);
  border-right: 1px solid rgb(255, 255, 255)
}

.audio-trim-region.grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.audio-trim-button {
  position: absolute;
  bottom: 0;
  left: 0;
}

.dropdown-menu.open {
  overflow: auto;
}

.autosuggest-container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto
}

.autosuggest-container .spinner {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
}

/*
 * Dropdown
 */

.dropup,
.dropdown {
  position: relative
}

.dropup ul, .dropdown ul {
  list-style: none;
  text-align: left;
  overflow: hidden;
}

.dropup ul:not(.dropdown-menu), .dropdown ul:not(.dropdown-menu) {
  margin: 0;
  padding: 0;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-toggle:active + .dropdown-menu {
  display: block;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  padding: 0;
  margin: 2px 0px;
  min-width: 160px;
  max-height: 300px;
  background: rgb(255, 255, 255);
  border: 1px solid currentColor;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.03);
  background-clip: padding-box;
  overflow: scroll;
  -webkit-overflow-scrolling: touch
}

.dropdown-menu.open {
  display: block;
  z-index: 999;
}

.dropdown-menu:empty {
  display: none;
}

.dropdown-menu .divider {
  margin: 0;
  padding: 0;
  height: 1px;
  background: #e5ebff;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-menu-block {
  left: 0;
  right: 0;
}

.dropdown-menu-title {
  margin: 0;
  padding: 1em;
  color: #8a8a8a;
  text-transform: uppercase;
  border-bottom: 1px solid currentColor;
}

.dropdown-menu-item {
  display: block;
  margin: 0;
  padding: 1em;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: 1.5;
  cursor: pointer;
  white-space: nowrap
}

.dropdown-menu-item .status {
  display: inline-block;
}

.dropdown-menu-item.disabled {
  color: #8a8a8a;
  cursor: default;
}

.dropdown-menu-item.focused,
  .dropdown-menu-item:not(.disabled):hover,
  .dropdown-menu-item:not(.disabled):focus {
  color: rgb(29, 26, 55);
  background-color: rgb(250, 250, 250);
}

.dropdown-menu-item.selected {
  color: rgb(29, 26, 55);
  background-color: rgb(250, 250, 250);
}

.cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem
}

.cell .delete-button {
  top: 25px;
  right: -1px;
}

.cell img {
  display: block;
  width: 3rem;
  height: 3rem;
}

.cell-fixed {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto
}

.cell-fixed + .cell-flex {
  padding-left: 1rem;
}

.cell-flex {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0
}

.cell-flex + .cell-fixed {
  padding-left: 1rem;
}

.cell-title {
  display: block;
  word-break: break-word;
}

.cell-input {
  height: 2.5rem;
  margin: 0.5em 0;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  border: 1px solid currentColor;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none
}

.cell-input .cell-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 0px;
          flex: 0 1 0;
  margin-right: 0.5rem;
}

.cell-input .cell-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.cell-input .cell-control {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 0px;
          flex: 0 1 0;
}

.cell-input .cell-control .button {
  width: 30px;
  height: 30px;
  min-width: 0;
  padding: 0;
  border: none;
  background: none;
}

.cells > .cell {
  padding: 0;
}

.cells > .cell > .cell-content {
  padding: 0.75rem;
  width: 100%;
}

.cells > .cell > .cell-control {
  position: relative;
}

.cells > .cell.inline-cell > .cell-content {
  padding: 0.75rem 0;
}

.input-group-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.5rem;
          flex: 0 0 2.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border: 1px solid currentColor;
  border-right: none;
  color: rgb(109, 123, 156);
  background-color: rgb(229, 235, 255);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}

.input-group-icon svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: currentcolor;
  vertical-align: middle;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.input-group-icon + input {
  border-radius: 0 5px 5px 0 !important;
}

.input-group-icon.active {
  background-color: rgb(106, 30, 204);
}

.input-group-icon.active svg * {
  fill: rgb(255, 255, 255);
}

.input-group-icon .react-datepicker__input-container {
  opacity: 0;
  position: absolute;
  margin-left: -0.75rem;
  margin-top: -24px;
}

.input-group-icon .react-datepicker__input-container > input {
  width: 2.5rem;
  cursor: pointer;
}

.react-datepicker__navigation--years {
  padding: 0.35rem 0;
}

.react-datepicker-popper {
  z-index: 2147483647;
}

// existing styles

.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  content: '';
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #e5ebff;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: rgb(229, 235, 255);
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: rgb(235, 239, 255);
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: rgb(255, 255, 255);
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #e5ebff;
}

.react-datepicker {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.875rem; /* 0.8rem */
  background-color: rgb(255, 255, 255);
  color: rgb(29, 26, 55);
  border: 1px solid rgb(235, 239, 255);
  border-radius: 5px;
  display: inline-block;
  position: relative;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
  margin-top: -20px;
}

.react-datepicker__header {
  text-align: center;
  background-color: rgb(229, 235, 255);
  border-bottom: 1px solid #e5ebff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month {
  margin-top: 0;
  color: rgb(29, 26, 55);
  font-weight: bold;
  font-size: 1rem;
}

.react-datepicker__navigation {
  line-height: 2.35rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: rgb(177, 187, 216);
}

.react-datepicker__navigation--previous:hover {
  border-right-color: rgb(199, 208, 235);
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: rgb(177, 187, 216);
}

.react-datepicker__navigation--next:hover {
  border-left-color: rgb(199, 208, 235);
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: rgb(177, 187, 216);
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: rgb(199, 208, 235);
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: rgb(177, 187, 216);
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: rgb(199, 208, 235);
}

.react-datepicker__month-container {
  display: inline;
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
  /* background-color: var(--light-200); */
}

.react-datepicker__week-number {
  color: rgb(177, 187, 216);
  display: inline-block;
  width: 2.35rem;
  line-height: 2.35rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day-name,
.react-datepicker__day {
  color: rgb(29, 26, 55);
  display: inline-block;
  width: 2.35rem;
  line-height: 2.35rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 5px;
  background-color: rgb(229, 235, 255);
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 5px;
  background-color: rgb(0, 153, 232);
  color: rgb(29, 26, 55);
}

.react-datepicker__day--highlighted:hover {
  background-color: darken(rgb(0, 153, 232), 10%);
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  border-radius: 5px;
  background-color: rgb(106, 30, 204);
  color: rgb(29, 26, 55);
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
  background-color: darken(rgb(106, 30, 204), 10%);
}

.react-datepicker__day--keyboard-selected {
  border-radius: 5px;
  background-color: rgb(106, 30, 204);
  color: rgb(255, 255, 255);
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: darken(rgb(106, 30, 204), 10%);
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, .5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: rgb(229, 235, 255);
  color: rgb(29, 26, 55);
}

.react-datepicker__day--disabled {
  cursor: default;
  color: rgb(177, 187, 216);
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  border: 1px solid transparent;
  border-radius: 5px;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(199, 208, 235);
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(177, 187, 216);
  float: right;
  margin-left: 20px;
  top: 0.6rem;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown {
  background-color: #e5ebff;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgb(235, 239, 255);
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover {
  background-color: rgb(25, 23, 47);
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(28, 25, 52);
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(28, 25, 52);
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  background-color: rgb(106, 30, 204);
  border-radius: 5px;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgb(255, 255, 255);
  content: '\00d7';
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.react-datepicker__today-button {
  background: rgb(229, 235, 255);
  border-top: 1px solid #e5ebff;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__tether-element {
  z-index: 2147483647;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .8);
  left: 0;
  top: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month {
  font-size: 1rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: rgb(25, 23, 47);
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: rgb(28, 25, 52);
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-right-color: rgb(25, 23, 47);
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-right-color: rgb(28, 25, 52);
}

.delete-button {
  position: absolute;
  top: 0;
  right: 0;
}

.file-drop-container {
  position: relative;
  width: 100%
}

.file-drop-container.dragging .file-drop-overlay {
  z-index: 500;
  pointer-events: auto;
  background: rgb(29, 26, 55);
  border-color: rgb(106, 30, 204);
  color: rgb(255, 255, 255);
}

.file-drop-container.dragging .hide-drag {
  opacity: 0;
}

.file-drop-container.dragging.over .file-drop-overlay {
  background: rgb(106, 30, 204);
}

.file-drop-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  -webkit-transition: background 200ms ease-in-out, border 200ms ease-in-out, outline 200ms ease-in-out;
  transition: background 200ms ease-in-out, border 200ms ease-in-out, outline 200ms ease-in-out;
}

label {
  letter-spacing: -0.05em;
}

.form-input .button + .button {
  margin-left: 0.75rem;
}

.form-input .button-group .button + .button {
  margin-left: 0.5em;
}

.form-input-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.form-input-inline label {
  margin: 0;
  margin-right: @margin-small;
}

.form-input-inline input,
  .form-input-inline label,
  .form-input-inline textarea,
  .form-input-inline .inputs-inline,
  .form-input-inline .cell,
  .form-input-inline p {
  margin-top: 0;
  margin-bottom: 0;
}

.form-input-inline .checkbox {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-right: 0.5rem;
}

.form-fields.form-fields-xs .form-input {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

@media (min-width: 768px) {

  .form-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }

  .form-fields .form-input {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    margin: 0;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .form-fields .form-input:first-child {
    margin-left: 0;
  }

  .form-fields .form-input:last-child {
    margin-right: 0;
  }
}

.form-input .form-input,
  .form-input .control-inline {
  margin-top: 0;
  margin-bottom: 0;
}

.field-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline
}

.field-inline label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.field-inline pre {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0;
  background: none;
  font-weight: bold;
}

.form-fields + .form-fields {
  margin-top: 0.75rem;
}

@media (min-width: 768px) {

  .form-footer-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .form-footer-inner button,
    .form-footer-inner .button {
    margin-right: 1rem;
  }
}

@media (max-width: 767px) {

  .form-footer-inner button,
    .form-footer-inner .button {
    display: block;
    width: 100%;
  }

  .form-footer-inner button:not(:last-child), .form-footer-inner .button:not(:last-child) {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {

  .form-footer-flex {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (min-width: 768px) {

  .form-footer-fixed {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .form-footer-fixed .button:last-child {
    margin-right: 0;
  }
}

@media (max-width: 767px) {

  .form-footer-fixed + .form-footer-flex:not(:empty) {
    margin-top: 2rem;
  }
}

.control.checkbox.disabled input[type='checkbox'] ~ .control-indicator,
    .control.checkbox.disabled input[type='checkbox']:checked ~ .control-indicator {/*background-color: var(--grey-100);
 */
  opacity: 0.4;
}

/**
 * Form builder styles
 */

.form-body .form-input + .form-input {
  margin-top: 2rem;
}

.form-body .form-fields .form-input + .form-input {
  margin-top: 0;
}

.form-body p {
  font-size: 0.875rem;
}

.placeholder-color-primary::-webkit-input-placeholder {
  color: rgb(106, 30, 204);
  opacity: 1;
}

.placeholder-color-primary:-ms-input-placeholder {
  color: rgb(106, 30, 204);
  opacity: 1;
}

.placeholder-color-primary::-ms-input-placeholder {
  color: rgb(106, 30, 204);
  opacity: 1;
}

.placeholder-color-primary::placeholder {
  color: rgb(106, 30, 204);
  opacity: 1;
}

.input-outlined {
  border-radius: 5px;
  background: transparent
}

.input-outlined:hover,
  .input-outlined:focus {
  background: transparent;
  color: rgb(106, 30, 204);
}

.form-detail {
  margin-top: 1em;
  margin-bottom: 1em
}

.form-detail:first-child {
  margin-top: 0;
}

.form-detail:last-child {
  margin-bottom: 0;
}

.form-detail dd {
  overflow: hidden;
}

@media (min-width: 768px) {

  .form-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .form-detail dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12rem;
            flex: 0 0 12rem;
    margin: 0;
    margin-right: 1em;
    text-align: right;
  }

  .form-detail dd {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.form-input {
  margin: 0.75rem 0
}

.form-input:first-child {
  margin-top: 0;
}

.form-input:last-child {
  margin-bottom: 0;
}

.form-input label:first-child, .form-input input:first-child, .form-input textarea:first-child, .form-input .form-message:first-child, .form-input .select:first-child {
  margin-top: 0;
}

.form-input label:last-child, .form-input input:last-child, .form-input textarea:last-child, .form-input .form-message:last-child, .form-input .select:last-child {
  margin-bottom: 0;
}

.form-input-underline {
  margin: 0;
  font-weight: 500
}

.form-input-underline input:not([type]),
  .form-input-underline input:not([type='checkbox']),
  .form-input-underline input:not([type='radio']),
  .form-input-underline label.select select {
  border: 0;
  border-bottom: 1px solid currentColor;
  padding: 0;
  margin: 0.5em 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 1.125rem;
  color: inherit;
}

.form-input-underline ::-webkit-input-placeholder {
  opacity: 0.5;
}

.form-input-underline :-ms-input-placeholder {
  opacity: 0.5;
}

.form-input-underline ::-ms-input-placeholder {
  opacity: 0.5;
}

.form-input-underline ::placeholder {
  opacity: 0.5;
}

.form-input-underline label.select::after {
  border-top-color: currentColor;
  border-width: 0.35em;
  border-top-width: 0.5em;
  right: 0.25em;
  margin-top: -0.1575em;
}

.form-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.form-note:first-child {
  margin-top: 0;
}

.form-note:last-child {
  margin-bottom: 0;
}

.form-note svg {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  margin-right: 0.75em;
}

.form-note p {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 0;
}

.geosuggest {
  position: relative;
}

.geosuggest__suggests {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 25em;
  margin: -1px 0 0 0 !important;
  padding: 0;
  background: rgb(255, 255, 255);
  color: rgb(29, 26, 55);
  border: 1px solid rgb(106, 30, 204);
  border-top-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  z-index: 5;
  -webkit-transition: max-height 0.2s, border 0.2s;
  transition: max-height 0.2s, border 0.2s;
}

.geosuggest__suggests--hidden {
  max-height: 0;
  overflow: hidden;
  border-width: 0;
}

.geosuggest__item {
  font-size: 18px;
  font-size: 1rem;
  padding: 1em;
  margin: 0;
  cursor: pointer;
}

.geosuggest__item:hover,
.geosuggest__item:focus,
.geosuggest__item--active {
  background: rgb(106, 30, 204);
  color: rgb(255, 255, 255);
}

.geosuggest__item__matched-text {
  font-weight: bold;
}

.ReactModal__Body--open {
  overflow: hidden;
}

.ReactModal__Overlay {
  z-index: 999;
}

.ReactModal__Content {
  overflow: auto;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.signature-pad {
  position: relative;
  width: 700px;
  height: 400px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.signature-pad-body {
  position: absolute;
  left: 0;
  top: 0;
  width: 700px;
  max-width: 100%;
  padding-top: 56.25%
}

.signature-pad-body canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid currentColor;
}

.signature-pad-footer {
  position: relative;
  // left: 0;
  // right: 0;
  // bottom: 20px;
  // height: 40px;
}

@media (max-width: 1023px) {
  .signature-pad {
    width: 100%;
    height: 56.25vw;
  }
}

@media (min-width: 768px) {

  .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.step {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Monaco, Menlo, Consolas, 'Courier New', monospace;
  color: rgb(18, 206, 227);
}

@media (min-width: 768px) {

  .step {
    text-align: center;
  }
}

@media (max-width: 767px) {

  .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .step:not(:last-child) {
    margin-bottom: 1rem;
  }

  .step {

    .step-number {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
    }

    .step-title {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
    }
  }
}

.step.success {
  color: rgb(61, 236, 255);
}

.step.success .step-number {
  color: rgb(245, 247, 255);
  background-color: rgb(61, 236, 255);
}

.step.active .step-number {
  color: rgb(245, 247, 255);
  background-color: rgb(18, 206, 227);
}

.step:hover,
  .step:focus {
  color: rgb(106, 30, 204);
}

.step:hover .step-number, .step:focus .step-number {
  color: #e5ebff;
  background-color: rgb(106, 30, 204);
}

.step.success .step-inner .step-number {
  background-color: rgb(61, 236, 255);
}

.step-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(2rem + 2vw);
  height: calc(2rem + 2vw);
  font-size: 2.85rem;
  color: currentColor;
  background-color: rgb(245, 247, 255);
  -webkit-transition: color 200ms ease-in-out, background 200ms ease-in-out;
  transition: color 200ms ease-in-out, background 200ms ease-in-out
}

.step-number span {
  -webkit-transform: translateY(-0.04em);
          transform: translateY(-0.04em);
}

@media (min-width: 768px) {

  .step-number {
    margin: 0 auto;
    margin-bottom: 1rem;
  }
}

@media (max-width: 767px) {

  .step-number {
    margin-right: 1rem;
  }
}

.step-title {
  display: block;
  font-size: 1rem;
  color: currentColor;
  text-transform: uppercase;
  -webkit-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}

@media (min-width: 768px) {

  .step-title {
    margin: 0 auto;
    max-width: 6rem;
  }
}

.media-slabs {
}

.media-slab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 5rem
}

.media-slab .media-slab-number {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: rgb(106, 30, 204);
}

.media-slab .media-slab-number h1 {
  margin-top: -0.2em;
}

.media-slab .media-slab-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: rgb(255, 255, 255);
}

.media-slab .media-slab-status {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 0.75rem;
}

.media-slab .media-slab-actions {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.media-slab:not(:last-child) {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.upload.dragging {
  border-color: rgb(106, 30, 204);
}

.upload.invalid {
  border-color: rgb(255, 70, 62);
}

.upload h3 + p {
  margin-top: 0;
}

.upload h3,
  .upload h4 {
  margin: 0;
}

.react-fine-uploader-file-input {
  cursor: pointer;
}

.donate-fieldset {
  margin: 2rem 0;
  border: none;
  padding: 0
}

.donate-fieldset:first-child {
  margin-top: 0;
}

.donate-fieldset:last-child {
  margin-bottom: 0;
}

/**
 * Nav
 */

.breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.375rem;
  padding: 0;
  color: inherit;
}

.breadcrumb li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: inherit;
}

.breadcrumb li:not(:last-child)::after {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  content: '/';
}

.breadcrumb a {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: block;
  padding: 0.375rem;
  color: inherit;
  cursor: pointer;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}

.breadcrumb a:hover {
  opacity: 0.5;
}

@media (max-width: 639px) {

  .breadcrumb ul {
    margin: -0.25rem;
  }

  .breadcrumb a {
    padding: 0.25rem;
  }
}

/**
 * Section
 */

.hero-section > .container,
  .hero-section .container-inner-class,
  .hero-section .section-body,
  .hero-section .hero,
  .hero-section .hero-inner {
  height: 100%;
}

.divider {
  z-index: 10;
  position: relative;
  width: 100%;
  left: 0;
  top: 0
}

.divider .divider-pattern {
  position: absolute;
  width: 100%;
  height: auto;
}

.divider svg {
  position: absolute;
  width: 100%;
  height: auto;
  max-height: 120px;
  min-height: 75px;
}

.divider.paper-tear-multicolor svg, .divider.paper-tear-dark-1 svg, .divider.paper-tear-dark-2 svg, .divider.paper-tear-blue-1 svg, .divider.paper-tear-blue-2 svg, .divider.paper-tear-red-1 svg, .divider.paper-tear-red-2 svg {
  max-height: 170px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.divider.paper-tear-multicolor.pattern-top svg, .divider.paper-tear-dark-1.pattern-top svg, .divider.paper-tear-dark-2.pattern-top svg, .divider.paper-tear-blue-1.pattern-top svg, .divider.paper-tear-blue-2.pattern-top svg, .divider.paper-tear-red-1.pattern-top svg, .divider.paper-tear-red-2.pattern-top svg {
  -webkit-transform: translateY(-50%) scaleY(-1);
          transform: translateY(-50%) scaleY(-1);
}

@media (max-width: 767px) {

  .divider.paper-tear-multicolor svg, .divider.paper-tear-dark-1 svg, .divider.paper-tear-dark-2 svg, .divider.paper-tear-blue-1 svg, .divider.paper-tear-blue-2 svg, .divider.paper-tear-red-1 svg, .divider.paper-tear-red-2 svg {
    min-height: 40px;
  }
}

.divider.paper-tear-multicolor .divider-pattern::after {
  content: '';
  background-image: url('/assets/patterns/texture-bottom.png');
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: 800px auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 12.07vw;
  max-height: 170px;
  min-height: 75px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-clip-path: url(#multicolor_tear);
          clip-path: url(#multicolor_tear);
}

.divider.paper-tear-multicolor.pattern-top .divider-pattern::after {
  -webkit-transform: translateY(-50%) scaleY(-1);
          transform: translateY(-50%) scaleY(-1);
}

.divider.paper-tear-1 svg path, .divider.paper-tear-2 svg path, .divider.paper-tear-3 svg path, .divider.paper-tear-4 svg path, .divider.paper-tear-5 svg path {
  fill: currentColor;
}

.divider.paper-tear-1.pattern-bottom svg, .divider.paper-tear-2.pattern-bottom svg, .divider.paper-tear-3.pattern-bottom svg, .divider.paper-tear-4.pattern-bottom svg, .divider.paper-tear-5.pattern-bottom svg {
  bottom: -1px;
}

.divider.paper-tear-1.pattern-top svg, .divider.paper-tear-2.pattern-top svg, .divider.paper-tear-3.pattern-top svg, .divider.paper-tear-4.pattern-top svg, .divider.paper-tear-5.pattern-top svg {
  -webkit-transform: translateY(-1px) scaleY(-1);
          transform: translateY(-1px) scaleY(-1);
}

@media (max-width: 767px) {

  .divider.paper-tear-1 svg, .divider.paper-tear-2 svg, .divider.paper-tear-3 svg, .divider.paper-tear-4 svg, .divider.paper-tear-5 svg {
    min-height: 40px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .divider .divider-pattern::after {
    display: none;
  }
}

@supports (-ms-accelerator: true) {
  .divider .divider-pattern::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .quote-text {
    font-size: 1rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

blockquote.quote {
  padding-left: 1rem;
  border-left-width: 1px;
  border-left-style: solid;
}

.map {
  position: relative;
}

.zoom-controls {
  z-index: 99;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem
}

.zoom-controls button + button {
  margin-left: 0.2rem;
}

.zoom-controls button {
  display: inline-block;
}

.map-action {
  z-index: 99;
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
}

.twitter-video {
  margin: 0 !important;
  max-width: inherit !important
}

.twitter-video > *:first-child {
  margin: -16px 6px 0 6px !important;
}

@media (max-width: 767px) {

  .twitter-video {
    min-width: inherit !important;
    max-width: 100% !important;
  }
}

.page-nav .page-nav-links a {
  margin: 0.25rem 0;
}

.page-nav .page-nav-links a:hover,
      .page-nav .page-nav-links a:active,
      .page-nav .page-nav-links a.active {
  text-decoration: underline;
}

@media (max-width: 767px) {

  .page-nav {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .page-nav .page-nav-links {
    font-size: 0.75rem;
  }
}

.dual-image-section .dual-image-section-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 35%;
          flex: 1 1 35%;
}

@media (max-width: 767px) {

  .dual-image-section .dual-image-section-content {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
}

@media (min-width: 768px) {

  .dual-image-section .dual-image-section-content {
    padding-right: 1.5rem;
  }
}

.dual-image-section .dual-image-section-images {/*border: 1px solid red;
 */
  -webkit-box-flex: 1;
      -ms-flex: 1 1 65%;
          flex: 1 1 65%;
  position: relative;
}

@media (max-width: 767px) {

  .dual-image-section .dual-image-section-images {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
}

.dual-image-section .dual-image-section-images .square-image,
    .dual-image-section .dual-image-section-images .pill-image {
  position: absolute;
}

.dual-image-section .dual-image-section-images .square-image {
  width: 70%;
}

.dual-image-section .dual-image-section-images .pill-image {
  width: 65%;
}

.dual-image-section .dual-image-section-images .pill-image .media {
  border-radius: 9999px;
  background-color: none;
}

.dual-image-section .dual-image-section-images.pill-left .square-image {
  left: 0;
}

.dual-image-section .dual-image-section-images.pill-left .pill-image {
  right: 0;
}

.dual-image-section .dual-image-section-images.pill-right .square-image {
  right: 0;
}

.dual-image-section .dual-image-section-images.pill-right .pill-image {
  left: 0;
}

.dual-image-section .dual-image-section-images.pill-bottom .square-image {
  top: 0;
  // width: initial;
  height: 100%;
}

.dual-image-section .dual-image-section-images.pill-bottom .pill-image {
  bottom: 0;
}

.dual-image-section .dual-image-section-images.pill-middle .square-image {
  top: 0;
}

.dual-image-section .dual-image-section-images.pill-middle .pill-image {
  width: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Component
 */

a.anchor-icon {
  display: inline-block;
  margin-left: -2rem;
  margin-right: 0.5rem;
  color: inherit;
  opacity: 0;
  vertical-align: middle;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out
}

a.anchor-icon:not(.button):hover,
  a.anchor-icon:not(.button):focus {
  color: inherit;
  opacity: 1;
  text-decoration: none;
}

.audio-circle figure {
  position: relative;
}

.audio-circle-controls {
  position: absolute
}

.audio-circle-controls.display-block {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.audio-circle-controls.display-block .audio-circle-play-pause::after {
  -webkit-animation-name: rotate50;
          animation-name: rotate50;
}

.audio-circle-controls.display-block .audio-circle-playhead circle {
  stroke-width: 3;
}

.audio-circle-controls .audio-circle-play-pause,
  .audio-circle-controls .audio-circle-loader,
  .audio-circle-controls .audio-circle-playhead,
  .audio-circle-controls .audio-circle-playhead svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 100%;
}

.audio-circle-controls.display-inline {
  left: 0.75rem;
  bottom: 0.75rem;
}

.audio-circle-controls.display-inline .audio-circle-play-pause,
    .audio-circle-controls.display-inline .audio-circle-loader {
  top: inherit;
  bottom: 0;
}

.audio-circle-controls .audio-circle-loader,
  .audio-circle-controls .audio-circle-playhead {
  opacity: 0;
  -webkit-transform: scaleY(-1) rotateZ(90deg);
          transform: scaleY(-1) rotateZ(90deg);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.audio-circle-controls .audio-circle-loader circle, .audio-circle-controls .audio-circle-playhead circle {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.15s ease-in-out;
  transition: stroke-dashoffset 0.15s ease-in-out;
}

.audio-circle-controls .audio-circle-loader {
  cursor: crosshair;
}

.audio-circle-controls .audio-circle-loader::before {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
}

.audio-circle-controls .audio-circle-loader.loading {
  opacity: 1;
}

.audio-circle-controls .audio-circle-playhead {
  pointer-events: none;
}

.audio-circle-controls .audio-circle-playhead.playing {
  opacity: 1;
}

.audio-circle-controls.spinner::before {
  width: 100%;
  height: 100%;
  margin-top: -50%;
  margin-left: -50%;
}

.audio-circle-controls .audio-circle-play-pause {
  cursor: pointer;
}

.audio-circle-controls .audio-circle-play-pause::after {
  content: '';
  position: absolute;
  top: calc(50% - 4.75px);
  left: calc(50% + 2px);
  -webkit-transform-origin: -50% 50%;
          transform-origin: -50% 50%;
  width: 4px;
  height: 10px;
  background-color: inherit;
  -webkit-animation: 3s linear 0s rotate34;
          animation: 3s linear 0s rotate34;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 0;
}

.audio-circle-controls .audio-circle-play-pause.playing::after {
  opacity: 1;
}

@-webkit-keyframes rotate34 {
  from {
    -webkit-transform: rotate(0deg) translateX(14px);
            transform: rotate(0deg) translateX(14px);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(14px);
            transform: rotate(360deg) translateX(14px);
  }
}

@keyframes rotate34 {
  from {
    -webkit-transform: rotate(0deg) translateX(14px);
            transform: rotate(0deg) translateX(14px);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(14px);
            transform: rotate(360deg) translateX(14px);
  }
}

@-webkit-keyframes rotate50 {
  from {
    -webkit-transform: rotate(0deg) translateX(22px);
            transform: rotate(0deg) translateX(22px);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(22px);
            transform: rotate(360deg) translateX(22px);
  }
}

@keyframes rotate50 {
  from {
    -webkit-transform: rotate(0deg) translateX(22px);
            transform: rotate(0deg) translateX(22px);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(22px);
            transform: rotate(360deg) translateX(22px);
  }
}

.audio-block {
  position: relative
}

.audio-block .audio-block-play-pause,
  .audio-block .audio-block-loader,
  .audio-block .audio-block-playhead {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.audio-block .media {
  border: 1px solid #e5ebff;
  border-bottom: none;
}

.audio-block .audio-block-play-pause {
  cursor: pointer;
}

.audio-block .audio-block-controls {
  position: relative;
  width: 100%;
  height: 12px;
  border: 1px solid #e5ebff;
}

.audio-block .audio-block-controls.buffering {
  background: linear-gradient(
        135deg,
        rgb(18, 206, 227) 0%,
        rgb(18, 206, 227) 24.9%,
        rgb(48, 108, 239) 25%,
        rgb(48, 108, 239) 49.9%,
        rgb(18, 206, 227) 50%,
        rgb(18, 206, 227) 74.9%,
        rgb(48, 108, 239) 75%,
        rgb(48, 108, 239) 100%
      );
  background-size: 10px 10px;
  background-position: 0px 0px;
  -webkit-animation: 1s linear 0s backgroundloop;
          animation: 1s linear 0s backgroundloop;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.audio-block .audio-block-loader,
  .audio-block .audio-block-playhead {
  width: 0%;
  cursor: col-resize;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.audio-block .audio-block-loader {
  background-color: rgb(106, 30, 204);
}

.audio-block .audio-block-loader.loading {
  opacity: 1;
}

.audio-block .audio-block-playhead {
  background-color: rgb(255, 255, 255);
}

.audio-block .audio-block-playhead.playing {
  opacity: 1;
}

@media (max-width: 767px) {

  .audio-block {
    width: 180px !important;
  }

  .audio-block .media {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 180px !important;
            flex: 1 0 180px !important;
  }
}

@-webkit-keyframes backgroundloop {
  from {
    background-position: 0px 0px;
  }

  to {
    background-position: 0px 10px;
  }
}

@keyframes backgroundloop {
  from {
    background-position: 0px 0px;
  }

  to {
    background-position: 0px 10px;
  }
}

.music-player {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.music-player-background {
  position: absolute;
  width: calc(100% + 100px);
  height: calc(100% + 100px);
  left: -50px;
  top: -50px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="25" /></filter></svg>#filter');
  -webkit-filter: blur(25px);
          filter: blur(25px);
  background-size: cover;
  background-position: center;
  background-blend-mode: multiply;
}

.audio-player-app {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.audio-player-app .audio-player .audio-player-image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 35vh;
  height: 35vh;
  cursor: pointer;
  color: #e5ebff;
}

.audio-player-app .audio-player .audio-player-image:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.audio-player-app .audio-player .audio-player-image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-box-shadow: inset 0px 0px 50px 10px rgba(0, 0, 0, .7);
          box-shadow: inset 0px 0px 50px 10px rgba(0, 0, 0, .7);
}

.audio-player-app .audio-player .audio-player-image img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.audio-player-app .audio-player .audio-player-image .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, .5));
          filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, .5));
}

.audio-player-app .audio-player .audio-player-canvas-wrapper {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
}

.audio-player-app .audio-player .audio-player-canvas-wrapper canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}

.audio-player-app.ui-disabled .audio-player-image:after {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.audio-player-controls {
  position: fixed;
  z-index: 100;
  right: 0.75rem;
  bottom: 0.75rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  padding: 0.75rem;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 24px 1px rgba(100, 100, 100, .2);
          box-shadow: 0 1px 24px 1px rgba(100, 100, 100, .2)
}

.audio-player-controls .audio-player-controls-media {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 4rem;
  margin-right: 0.75rem;
}

.audio-player-controls .audio-player-controls-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
}

.audio-player-controls .audio-player-controls-info h4 {
  margin-bottom: 0.4em;
}

.audio-player-controls .audio-player-controls-info h6 {
  opacity: 0.5;
}

.audio-player-controls .audio-player-controls-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1rem;
}

@media (min-width: 768px) {

  .audio-player-controls {
    left: auto;
    right: 1rem;
    bottom: 1rem;
    max-width: 28rem;
  }
}

@media (max-width: 767px) {

  .audio-player-controls {
    z-index: 1001;
    border-radius: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0.7rem;
  }

  .audio-player-controls .audio-player-controls-media {
    width: 3.5rem;
  }

  .audio-player-controls .audio-player-controls-info h4 {
    margin-bottom: 0.3rem;
  }

  .audio-player-controls .audio-player-controls-info h5 {
    font-size: 0.875rem;
  }

  .audio-player-controls .audio-player-controls-buttons {
    padding-right: 0.5rem;
  }
}

button:not(.button-square) svg, .button:not(.button-square) svg {
  margin-top: -0.2em;
}

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

.button-light-100 {
  color: rgb(29, 26, 55);
  background: rgb(245, 247, 255);
  border: none;
  text-transform: none
}

.button-light-100:not(:disabled):hover,
  .button-light-100:not(:disabled):focus {
  color: rgb(29, 26, 55);
  background: rgb(255, 255, 255);
}

.button-light-100:not(:disabled):active {
  color: rgb(29, 26, 55);
  background: rgb(255, 255, 255);
}

.button-circle {
  position: relative;
  border-radius: 100%;
  width: 2.5rem;
  height: 2.5rem
}

.button-circle svg {
  position: absolute;
  width: 50% !important;
  height: 50% !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.button-circle.button-xs {
  width: 2rem;
  height: 2rem;
}

.button-circle.button-s {
  width: 2.25rem;
  height: 2.25rem;
}

.button-circle.button-l {
  width: 2.75rem;
  height: 2.75rem;
}

.button-circle.button-xl {
  width: 3rem;
  height: 3rem;
}

.button-group button + button.button-circle,
  .button-group button + .button.button-circle,
  .button-group .button + button.button-circle,
  .button-group .button + .button.button-circle {
  border-top-left-radius: 100%;
  border-bottom-left-radius: 100%;
}

button .spinner, .button .spinner {
  display: inline-block;
  vertical-align: super;
  margin-left: 0.5rem;
  margin-right: 2rem;
}

.button-minimal {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  height: auto;
  min-width: 0
}

.button-minimal:not(:disabled):hover,
  .button-minimal:not(:disabled):focus,
  .button-minimal:not(:disabled):active {
  color: inherit;
}

.button-tall {
  height: 3rem;
}

.button-mobile:hover,
  .button-mobile:focus,
  .button-mobile:active {
  background: transparent;
  color: currentColor !important;
}

.button-yellow {
  color: rgb(0, 0, 0);
  background-color: var(--yellow);
  border-color: var(--yellow)
}

.button-yellow:hover,
  .button-yellow:focus {
  background-color: var(--yellow-hover);
  border-color: var(--yellow-hover);
  color: rgb(0, 0, 0);
}

.button-yellow:active {
  background-color: var(--yellow-active);
  border-color: var(--yellow-active);
  color: rgb(0, 0, 0);
}

.button-pink {
  color: rgb(255, 255, 255);
  background-color: var(--pink);
  border-color: var(--pink)
}

.button-pink:hover,
  .button-pink:focus {
  background-color: var(--pink-hover);
  border-color: var(--pink-hover);
  color: rgb(255, 255, 255);
}

.button-pink:active {
  background-color: var(--pink-active);
  border-color: var(--pink-active);
  color: rgb(255, 255, 255);
}

.category {
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-transform: uppercase;
  padding: 0.2em 0.5em 0.3em;
  line-height: 1;
  border-radius: 0.25em;
  font-size: 0.625rem;
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Monaco, Menlo, Consolas, 'Courier New', monospace;
  font-weight: 500;
}

.category-text {
  font-weight: 400;
}

.meta {
}

.meta-divide {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/* Tooltip */

[data-tooltip] {
  position: relative;
  display: inline-block;
  margin-left: 0.4rem;
  cursor: pointer;
  vertical-align: text-bottom;
  -webkit-transition: color 200ms linear;
  transition: color 200ms linear
}

[data-tooltip] svg {
  fill: currentcolor;
}

[data-tooltip]::before,
  [data-tooltip]::after {
  position: absolute;
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 200ms linear, visibility 200ms linear;
  transition: opacity 200ms linear, visibility 200ms linear;
  pointer-events: none;
}

[data-tooltip]::before {
  z-index: 1001;
  border: 6px solid transparent;
  content: '';
  background: transparent;
}

[data-tooltip]::after {
  z-index: 1000;
  padding: 0.8rem 1rem;
  min-width: 14rem;
  max-width: 24rem;
  content: attr(data-tooltip);
  font-size: 0.875rem;
  color: rgb(255, 255, 255);
  line-height: 1.35;
  background: rgb(29, 26, 55);
}

[data-tooltip]:hover,
  [data-tooltip]:focus {
  color: rgb(29, 26, 55);
}

[data-tooltip]:hover::before,
    [data-tooltip]:hover::after,
    [data-tooltip]:focus::before,
    [data-tooltip]:focus::after {
  visibility: visible;
  opacity: 1;
}

/* Tooltip Direction Top */

[data-tooltip-direction='top']::before,
  [data-tooltip-direction='top']::after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip-direction='top']::before {
  border-top-color: rgb(29, 26, 55);
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

[data-tooltip-direction='top']::after {
  text-align: center;
  -webkit-transform: translate(-50%, -6px);
          transform: translate(-50%, -6px);
}

/* Tooltip Direction Right */

[data-tooltip-direction='right']::before,
  [data-tooltip-direction='right']::after {
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

[data-tooltip-direction='right']::before {
  margin-left: -6px;
  border-right-color: rgb(29, 26, 55);
}

[data-tooltip-direction='right']::after {
  margin-left: 6px;
  text-align: left;
}

/* Tooltip Direction Bottom */

[data-tooltip-direction='bottom']::before,
  [data-tooltip-direction='bottom']::after {
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

[data-tooltip-direction='bottom']::before {
  margin-top: -(6px * 2);
  border-bottom-color: rgb(29, 26, 55);
}

[data-tooltip-direction='bottom']::after {
  margin-top: 6px;
  text-align: center;
}

/* Tooltip Direction Left */

[data-tooltip-direction='left']::before,
  [data-tooltip-direction='left']::after {
  top: 50%;
  right: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

[data-tooltip-direction='left']::before {
  margin-right: -6px;
  border-left-color: rgb(29, 26, 55);
}

[data-tooltip-direction='left']::after {
  margin-right: 6px;
  text-align: left;
}

.input-underline {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid currentColor
}

.input-underline:focus,
  .input-underline:hover {
  border-color: currentColor !important;
}

.input-underline:focus {
  border-width: 2px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.pagination {
  position: relative;
  text-align: center
}

.pagination ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  margin: 0 auto;
}

.pagination li {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1;
}

.pagination li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 2.5rem;
  min-width: 2.5rem;
  text-align: center;
  text-decoration: none;
  color: rgb(29, 26, 55);
  border: 1px solid rgb(29, 26, 55);
  border-radius: 999px;
}

.pagination li a:hover,
      .pagination li a:focus {
  color: rgb(255, 255, 255);
  background: rgb(29, 26, 55);
}

.pagination li.active a {
  color: rgb(255, 255, 255);
  background: rgb(29, 26, 55);
}

@media (max-width: 767px) {

  .pagination li {
    display: none;
  }

  .pagination li.first,
      .pagination li.prev,
      .pagination li.active,
      .pagination li.next,
      .pagination li.last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.user-nav-dropdown {
  position: relative;
  margin-right: 1rem;
  border-radius: 5px;
}

.user-nav-dropdown-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid currentColor;
  background: transparent;
  color: currentColor
}

.user-nav-dropdown-button:hover, .user-nav-dropdown-button:focus {
  color: currentColor;
  border-color: currentColor;
  background: transparent;
}

.user-nav-dropdown-button:hover ul, .user-nav-dropdown-button:focus ul {
  opacity: 1;
  visibility: visible;
}

.user-nav-dropdown-links {
  position: absolute;
  top: calc(100% + 1em);
  right: 0;
  min-width: 100%;
  width: 300px;
  margin: 0;
  list-style: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  color: rgb(29, 26, 55);
  background-color: rgb(106, 30, 204)
}

.user-nav-dropdown-links:before {
  content: '';
  background-color: rgb(106, 30, 204);
  position: absolute;
  top: -5px;
  right: 20px;
  width: 10px;
  height: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: -1;
}

.user-nav-dropdown-links li {
  margin: 0;
  padding: 0;
}

.user-nav-dropdown-links li:first-of-type a span {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 1 !important;
}

.user-nav-dropdown-links a {
  display: block;
  padding: 0.5rem 1rem;
}

.user-nav-dropdown-links a:hover {
  background: rgb(48, 108, 239);
}

.user-nav-dropdown-links a:hover span {
  color: rgb(29, 26, 55);
  opacity: 1;
}

.user-nav-dropdown-links a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.5;
  padding-right: 2rem;
}

.user-nav-dropdown-links a span:after {
  content: '';
  background-image: url('/assets/glyphs/src/arrow-right.svg');
  background-size: cover;
  position: absolute;
  right: 1rem;
  width: 20px;
  height: 20px;
  color: currentColor;
}

.header.collapsed .user-nav-dropdown .user-nav-dropdown-links {
  pointer-events: none;
  opacity: 0;
}

.interactive-table-container {
  max-width: 100%;
  overflow: auto;
  overflow-x: auto;
  max-height: calc(100vh - 190px - 0.75rem);
}

.interactive-table {
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Monaco, Menlo, Consolas, 'Courier New', monospace;
  font-size: 0.875rem;
  table-layout: fixed;
  margin: 0
}

.interactive-table thead td,
    .interactive-table thead th {
  font-weight: 500;
  background-color: rgb(29, 26, 55);
  color: rgb(255, 255, 255);
  vertical-align: top;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.interactive-table tbody tr td {
  vertical-align: top;
  cursor: pointer;
}

.interactive-table tbody tr td .cell-content {
  max-height: 120px;
  overflow: auto;
}

.interactive-table tbody tr.last-selected td:not([class*='background-']) {
  background-color: rgb(255, 255, 255);
}

.interactive-table tbody tr:hover td:not([class*='background-']) {
  background-color: rgb(238, 224, 255);
}

[data-overflow-shadow] {
  position: relative;
}

.overflow-shadow {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 10;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  opacity: 1
}

.overflow-shadow.hide {
  display: block !important;
  opacity: 0;
}

.overflow-shadow-t,
.overflow-shadow-b {
  width: 100%;
  left: 0;
  height: 20px;
}

.overflow-shadow-l,
.overflow-shadow-r {
  height: 100%;
  top: 0;
  width: 20px;
}

.overflow-shadow-t {
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 0%, .3)), color-stop(9.99%, hsla(0, 0%, 0%, .2941)), color-stop(19.07%, hsla(0, 0%, 0%, .27778)), color-stop(27.44%, hsla(0, 0%, 0%, .25312)), color-stop(35.26%, hsla(0, 0%, 0%, .22222)), color-stop(42.72%, hsla(0, 0%, 0%, .18715)), color-stop(50%, hsla(0, 0%, 0%, .15)), color-stop(57.28%, hsla(0, 0%, 0%, .11285)), color-stop(64.74%, hsla(0, 0%, 0%, .07778)), color-stop(72.56%, hsla(0, 0%, 0%, .04688)), color-stop(80.93%, hsla(0, 0%, 0%, .02222)), color-stop(90.01%, hsla(0, 0%, 0%, .0059)), to(hsla(0, 0%, 0%, 0)));
  background: linear-gradient(to bottom, hsla(0, 0%, 0%, .3), hsla(0, 0%, 0%, .2941) 9.99%, hsla(0, 0%, 0%, .27778) 19.07%, hsla(0, 0%, 0%, .25312) 27.44%, hsla(0, 0%, 0%, .22222) 35.26%, hsla(0, 0%, 0%, .18715) 42.72%, hsla(0, 0%, 0%, .15) 50%, hsla(0, 0%, 0%, .11285) 57.28%, hsla(0, 0%, 0%, .07778) 64.74%, hsla(0, 0%, 0%, .04688) 72.56%, hsla(0, 0%, 0%, .02222) 80.93%, hsla(0, 0%, 0%, .0059) 90.01%, hsla(0, 0%, 0%, 0));
}

.overflow-shadow-r {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 0%, .3)), color-stop(9.99%, hsla(0, 0%, 0%, .2941)), color-stop(19.07%, hsla(0, 0%, 0%, .27778)), color-stop(27.44%, hsla(0, 0%, 0%, .25312)), color-stop(35.26%, hsla(0, 0%, 0%, .22222)), color-stop(42.72%, hsla(0, 0%, 0%, .18715)), color-stop(50%, hsla(0, 0%, 0%, .15)), color-stop(57.28%, hsla(0, 0%, 0%, .11285)), color-stop(64.74%, hsla(0, 0%, 0%, .07778)), color-stop(72.56%, hsla(0, 0%, 0%, .04688)), color-stop(80.93%, hsla(0, 0%, 0%, .02222)), color-stop(90.01%, hsla(0, 0%, 0%, .0059)), to(hsla(0, 0%, 0%, 0)));
  background: linear-gradient(to left, hsla(0, 0%, 0%, .3), hsla(0, 0%, 0%, .2941) 9.99%, hsla(0, 0%, 0%, .27778) 19.07%, hsla(0, 0%, 0%, .25312) 27.44%, hsla(0, 0%, 0%, .22222) 35.26%, hsla(0, 0%, 0%, .18715) 42.72%, hsla(0, 0%, 0%, .15) 50%, hsla(0, 0%, 0%, .11285) 57.28%, hsla(0, 0%, 0%, .07778) 64.74%, hsla(0, 0%, 0%, .04688) 72.56%, hsla(0, 0%, 0%, .02222) 80.93%, hsla(0, 0%, 0%, .0059) 90.01%, hsla(0, 0%, 0%, 0));
}

.overflow-shadow-b {
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 0%, .3)), color-stop(9.99%, hsla(0, 0%, 0%, .2941)), color-stop(19.07%, hsla(0, 0%, 0%, .27778)), color-stop(27.44%, hsla(0, 0%, 0%, .25312)), color-stop(35.26%, hsla(0, 0%, 0%, .22222)), color-stop(42.72%, hsla(0, 0%, 0%, .18715)), color-stop(50%, hsla(0, 0%, 0%, .15)), color-stop(57.28%, hsla(0, 0%, 0%, .11285)), color-stop(64.74%, hsla(0, 0%, 0%, .07778)), color-stop(72.56%, hsla(0, 0%, 0%, .04688)), color-stop(80.93%, hsla(0, 0%, 0%, .02222)), color-stop(90.01%, hsla(0, 0%, 0%, .0059)), to(hsla(0, 0%, 0%, 0)));
  background: linear-gradient(to top, hsla(0, 0%, 0%, .3), hsla(0, 0%, 0%, .2941) 9.99%, hsla(0, 0%, 0%, .27778) 19.07%, hsla(0, 0%, 0%, .25312) 27.44%, hsla(0, 0%, 0%, .22222) 35.26%, hsla(0, 0%, 0%, .18715) 42.72%, hsla(0, 0%, 0%, .15) 50%, hsla(0, 0%, 0%, .11285) 57.28%, hsla(0, 0%, 0%, .07778) 64.74%, hsla(0, 0%, 0%, .04688) 72.56%, hsla(0, 0%, 0%, .02222) 80.93%, hsla(0, 0%, 0%, .0059) 90.01%, hsla(0, 0%, 0%, 0));
}

.overflow-shadow-l {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 0%, .3)), color-stop(9.99%, hsla(0, 0%, 0%, .2941)), color-stop(19.07%, hsla(0, 0%, 0%, .27778)), color-stop(27.44%, hsla(0, 0%, 0%, .25312)), color-stop(35.26%, hsla(0, 0%, 0%, .22222)), color-stop(42.72%, hsla(0, 0%, 0%, .18715)), color-stop(50%, hsla(0, 0%, 0%, .15)), color-stop(57.28%, hsla(0, 0%, 0%, .11285)), color-stop(64.74%, hsla(0, 0%, 0%, .07778)), color-stop(72.56%, hsla(0, 0%, 0%, .04688)), color-stop(80.93%, hsla(0, 0%, 0%, .02222)), color-stop(90.01%, hsla(0, 0%, 0%, .0059)), to(hsla(0, 0%, 0%, 0)));
  background: linear-gradient(to right, hsla(0, 0%, 0%, .3), hsla(0, 0%, 0%, .2941) 9.99%, hsla(0, 0%, 0%, .27778) 19.07%, hsla(0, 0%, 0%, .25312) 27.44%, hsla(0, 0%, 0%, .22222) 35.26%, hsla(0, 0%, 0%, .18715) 42.72%, hsla(0, 0%, 0%, .15) 50%, hsla(0, 0%, 0%, .11285) 57.28%, hsla(0, 0%, 0%, .07778) 64.74%, hsla(0, 0%, 0%, .04688) 72.56%, hsla(0, 0%, 0%, .02222) 80.93%, hsla(0, 0%, 0%, .0059) 90.01%, hsla(0, 0%, 0%, 0));
}

/**
 * Collection
 */

@media (max-width: 1279px) {

  .collection-inline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .collection-inline .collection-inline-inner {
    padding: 0;
    padding-bottom: 0.75rem;
  }

  .collection-inline .collection-inline-right {
}
}

@media (min-width: 1280px) {

  .collection-inline .collection-inline-inner {
    padding: 0;
    padding-right: 1.5rem;
  }

  .collection-inline .collection-inline-inner.order-2 {
    padding-right: 0;
    padding-left: 1.5rem;
  }

  .collection-inline .collection-media-1-4 {
    width: 25%;
  }

  .collection-inline .collection-media-1-3 {
    width: 33.33333%;
  }

  .collection-inline .collection-media-1-2 {
    width: 50%;
  }

  .collection-inline .collection-media-2-3 {
    width: 66.66667%;
  }

  .collection-inline .collection-media-3-4 {
    width: 75%;
  }
}

@media (min-width: 1024px) {
  .event-month-vertical-m-up {
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    text-align: end;
    -webkit-transform: rotate(180deg) translateX(0.025em);
            transform: rotate(180deg) translateX(0.025em);
  }
}

p.quote {
  position: relative;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem
}

p.quote:before,
  p.quote:after {
  font-size: 3rem;
  position: absolute;
  top: -1rem;
}

p.quote:before {
  content: '“';
  left: 0;
}

p.quote:after {
  content: '”';
  right: 0;
}

.tile {
  position: relative;
}

.tile-media {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.tile-media > a,
  .tile-media > div {
  display: block;
  width: 100%;
  height: 100%;
}

.tile-media img,
  .tile-media video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.tile-inner {
  z-index: 2;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 20rem;
  pointer-events: none
}

.tile-inner a {
  pointer-events: all;
}

.songwriter-text {
    display: none
}

.songwriter-text.open {
  display: block;
}

.songwriter-button .arrow-down {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.songwriter-button .arrow-up {
  display: none;
}

.songwriter-button.open .arrow-up {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.songwriter-button.open .arrow-down {
  display: none;
}

/**
 * Element
 */

.swiper-slide {
  height: auto; /* need to override height so our carousel items flex to 100% height */
}

.swiper-overflow-visible {
  overflow: visible;
}

.swiper-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.swiper-button-disabled {
  opacity: 0.5;
}

.swiper-button > svg {
  width: 0.875rem;
  height: 0.875rem;
}

/* .swiper-pagination-bullet {
  background-color: white;
  margin-right: 0.5rem;
} */

.acknowledgment {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 1000
  }

.acknowledgment.open {
  display: block;
}

.acknowledgment-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%
  }

.acknowledgment-inner p {
  font-weight: 200;
  line-height: 1.65;
}

.acknowledgment-inner p.font-family-condensed {
  font-size: 1.2rem;
}

.acknowledgment-inner p svg {
  margin-left: 0.5rem;
}

.acknowledgment-inner strong {
  color: rgb(255, 255, 255);
}

/**
 * Utility
 */

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

.align-center {
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

.height-20 {
  min-height: 20vh;
}

.height-25 {
  min-height: 25vh;
}

.height-40,
.min-height-40vh {
  min-height: 40vh;
}

.height-33 {
  min-height: 33vh;
}

.height-50 {
  min-height: 50vh;
}

.height-66 {
  min-height: 66vh;
}

.height-75 {
  min-height: 75vh;
}

.height-100 {
  min-height: 100vh;
}

.height-full {
  height: 100%;
}

.min-height-14rem {
  min-height: 14rem;
}

.gap-xxs {
  gap: 0.5rem;
}

.gap-xs {
  gap: 0.75rem;
}

.gap-s {
  gap: 1rem;
}

.gap-m {
  gap: 1.5rem;
}

.gap-l {
  gap: 2rem;
}

.gap-xl {
  gap: 3rem;
}

.gap-xxl {
  gap: 4rem;
}

.gap-x-xxs {
  -webkit-column-gap: 0.5rem;
          column-gap: 0.5rem;
}

.gap-x-xs {
  -webkit-column-gap: 0.75rem;
          column-gap: 0.75rem;
}

.gap-x-s {
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
}

.gap-x-m {
  -webkit-column-gap: 1.5rem;
          column-gap: 1.5rem;
}

.gap-x-l {
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
}

.gap-x-xl {
  -webkit-column-gap: 3rem;
          column-gap: 3rem;
}

.gap-x-xxl {
  -webkit-column-gap: 4rem;
          column-gap: 4rem;
}

.gap-y-xxs {
  row-gap: 0.5rem;
}

.gap-y-xs {
  row-gap: 0.75rem;
}

.gap-y-s {
  row-gap: 1rem;
}

.gap-y-m {
  row-gap: 1.5rem;
}

.gap-y-l {
  row-gap: 2rem;
}

.gap-y-xl {
  row-gap: 3rem;
}

.gap-y-xxl {
  row-gap: 4rem;
}

.grid {
  display: grid;
}

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

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

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

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

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

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

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

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

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

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

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

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

.grid-cols-none {
  grid-template-columns: none;
}

@media (min-width: 768px) {
  .s\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .s\:.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .s\:.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .s\:.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .s\:.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .s\:.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .s\:.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .s\:.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .s\:.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .s\:.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .s\:.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .m\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .m\:.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .m\:.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .m\:.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .m\:.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .m\:.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .m\:.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .m\:.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .m\:.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .m\:.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .m\:.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .l\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .l\:.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .l\:.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .l\:.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .l\:.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .l\:.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .l\:.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .l\:.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .l\:.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .l\:.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .l\:.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.col-auto {
  grid-column: auto;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-5 {
  grid-column: span 5 / span 5;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.col-span-10 {
  grid-column: span 10 / span 10;
}

.col-span-11 {
  grid-column: span 11 / span 11;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-full {
  grid-column: 1 / -1;
}

.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.col-start-12 {
  grid-column-start: 12;
}

.col-start-13 {
  grid-column-start: 13;
}

.col-start-auto {
  grid-column-start: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-end-13 {
  grid-column-end: 13;
}

.col-end-auto {
  grid-column-end: auto;
}

@media (min-width: 768px) {
  .s\:col-span-2 {
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 1024px) {
  .m\:col-span-2 {
    grid-column: span 2 / span 2;
  }
}

.margin-vertical-1 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.margin-vertical-1-2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.margin-vertical-1-4 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.margin-negative-xs {
  margin: -0.75rem;
}

.margin-negative-s {
  margin: -1rem;
}

.margin-negative-m {
  margin: -1.5rem;
}

.margin-negative-l {
  margin: -2rem;
}

.margin-negative-xl {
  margin: -3rem;
}

.margin-auto {
  margin: auto;
}

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

.margin-vertical-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.margin-top-auto {
  margin-top: auto;
}

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

.margin-bottom-auto {
  margin-bottom: auto;
}

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

.margin-xxl {
  margin: 4rem;
}

.margin-negative-xxl {
  margin: -4rem;
}

.margin-horizontal-xxl {
  margin-left: 4rem;
  margin-right: 4rem;
}

.margin-vertical-xxl {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.margin-top-xxl {
  margin-top: 4rem;
}

.margin-bottom-xxl {
  margin-bottom: 4rem;
}

.margin-left-xxl {
  margin-left: 4rem;
}

.margin-right-xxl {
  margin-right: 4rem;
}

.margin-xl {
  margin: 3rem;
}

.margin-negative-xl {
  margin: -3rem;
}

.margin-horizontal-xl {
  margin-left: 3rem;
  margin-right: 3rem;
}

.margin-vertical-xl {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.margin-top-xl {
  margin-top: 3rem;
}

.margin-bottom-xl {
  margin-bottom: 3rem;
}

.margin-left-xl {
  margin-left: 3rem;
}

.margin-right-xl {
  margin-right: 3rem;
}

.margin-l {
  margin: 2rem;
}

.margin-negative-l {
  margin: -2rem;
}

.margin-horizontal-l {
  margin-left: 2rem;
  margin-right: 2rem;
}

.margin-vertical-l {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.margin-top-l {
  margin-top: 2rem;
}

.margin-bottom-l {
  margin-bottom: 2rem;
}

.margin-left-l {
  margin-left: 2rem;
}

.margin-right-l {
  margin-right: 2rem;
}

.margin-m {
  margin: 1.5rem;
}

.margin-negative-m {
  margin: -1.5rem;
}

.margin-horizontal-m {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.margin-vertical-m {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.margin-top-m {
  margin-top: 1.5rem;
}

.margin-bottom-m {
  margin-bottom: 1.5rem;
}

.margin-left-m {
  margin-left: 1.5rem;
}

.margin-right-m {
  margin-right: 1.5rem;
}

.margin-s {
  margin: 1rem;
}

.margin-negative-s {
  margin: -1rem;
}

.margin-horizontal-s {
  margin-left: 1rem;
  margin-right: 1rem;
}

.margin-vertical-s {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.margin-top-s {
  margin-top: 1rem;
}

.margin-bottom-s {
  margin-bottom: 1rem;
}

.margin-left-s {
  margin-left: 1rem;
}

.margin-right-s {
  margin-right: 1rem;
}

.margin-xs {
  margin: 0.75rem;
}

.margin-negative-xs {
  margin: -0.75rem;
}

.margin-horizontal-xs {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.margin-vertical-xs {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.margin-top-xs {
  margin-top: 0.75rem;
}

.margin-bottom-xs {
  margin-bottom: 0.75rem;
}

.margin-left-xs {
  margin-left: 0.75rem;
}

.margin-right-xs {
  margin-right: 0.75rem;
}

.margin-xxs {
  margin: 0.5rem;
}

.margin-negative-xxs {
  margin: -0.5rem;
}

.margin-horizontal-xxs {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.margin-vertical-xxs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.margin-top-xxs {
  margin-top: 0.5rem;
}

.margin-bottom-xxs {
  margin-bottom: 0.5rem;
}

.margin-left-xxs {
  margin-left: 0.5rem;
}

.margin-right-xxs {
  margin-right: 0.5rem;
}

.header-padding {
  padding-top: 120px;
}

a.media img {
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}

a.media img:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.media-rounded {
  border-radius: 99999px;
  overflow: hidden;
}

@media (min-width: 768px) {

  .order-1,
.order-first {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (min-width: 768px) {

  .order-2,
.order-middle {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (min-width: 768px) {

  .order-3,
.order-last {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.width-xs {
  width: 4rem;
}

.width-s {
  width: 6rem;
}

.width-m {
  width: 8rem;
}

.width-l {
  width: 10rem;
}

.width-xl {
  width: 15rem;
}

.width-10rem {
  width: 10rem;
}

.width-1 {
  width: 100%;
}

.width-1-4 {
  width: 25%;
}

.width-1-3 {
  width: 33.33333%;
}

.width-1-2 {
  width: 50%;
}

.width-2-3 {
  width: 66.66667%;
}

.width-3-4 {
  width: 75%;
}

@media (min-width: 1024px) {
  .width-m-up-60rem {
    width: 60rem;
  }

  .width-m-up-40rem {
    width: 40rem;
  }

  .width-m-up-10rem {
    width: 10rem;
  }

  .width-m-up-20rem {
    width: 20rem;
  }

  .width-m-up-8rem {
    width: 8rem;
  }

  .width-m-up-6rem {
    width: 6rem;
  }

  .width-m-up-5rem {
    width: 5rem;
  }

  .width-m-up-4rem {
    width: 4rem;
  }

  .width-m-up-1-4 {
    width: 25%;
  }

  .width-m-up-1-3 {
    width: 33.33333%;
  }

  .width-m-up-1-2 {
    width: 50%;
  }

  .width-m-up-2-3 {
    width: 66.66667%;
  }

  .min-width-m-up-2-3 {
    min-width: 66.66667%;
  }

  .width-m-up-3-4 {
    width: 75%;
  }
}

@media (max-width: 1023px) {
  .width-s-down-10rem {
    width: 10rem;
  }

  .width-s-down-8rem {
    width: 8rem;
  }

  .width-s-down-6rem {
    width: 6rem;
  }

  .width-s-down-5rem {
    width: 5rem;
  }

  .width-s-down-4rem {
    width: 4rem;
  }

  .width-s-down-1-4 {
    width: 25%;
  }

  .width-s-down-1-3 {
    width: 33.33333%;
  }

  .width-s-down-1-2 {
    width: 50%;
  }

  .width-s-down-2-3 {
    width: 66.66667%;
  }

  .width-s-down-3-4 {
    width: 75%;
  }
}

@media (min-width: 1680px) {
  .width-xl-up-60rem {
    width: 60rem;
  }

  .width-xl-up-40rem {
    width: 40rem;
  }
}

.max-width-10rem {
  max-width: 10rem;
}

.max-width-15rem {
  max-width: 15rem;
}

.max-width-20rem {
  max-width: 20rem;
}

.max-width-25rem {
  max-width: 25rem;
}

.max-width-30rem {
  max-width: 30rem;
}

@media (min-width: 768px) {
  .max-width-20 {
    max-width: 20%;
  }

  .max-width-25 {
    max-width: 25%;
  }

  .max-width-33 {
    max-width: 33.33333%;
  }

  .max-width-40 {
    max-width: 40%;
  }

  .max-width-50 {
    max-width: 50%;
  }

  .max-width-60 {
    max-width: 60%;
  }

  .max-width-66 {
    max-width: 66.66667%;
  }

  .max-width-75 {
    max-width: 75%;
  }

  .max-width-80 {
    max-width: 80%;
  }
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.shadow-xs {
  -webkit-box-shadow: 0 0 0.25em 0.125em rgba(52, 49, 75, 0.05);
          box-shadow: 0 0 0.25em 0.125em rgba(52, 49, 75, 0.05);
}

.shadow-s {
  -webkit-box-shadow: 0 0 0.375rem 0.125rem rgba(52, 49, 75, 0.05);
          box-shadow: 0 0 0.375rem 0.125rem rgba(52, 49, 75, 0.05);
}

.shadow,
.shadow-m {
  -webkit-box-shadow: 0 0 0.5rem 0.25rem rgba(52, 49, 75, 0.05);
          box-shadow: 0 0 0.5rem 0.25rem rgba(52, 49, 75, 0.05);
}

.shadow-l {
  -webkit-box-shadow: 0 0 0.75rem 0.375rem rgba(52, 49, 75, 0.05);
          box-shadow: 0 0 0.75rem 0.375rem rgba(52, 49, 75, 0.05);
}

.shadow-xl {
  -webkit-box-shadow: 0 0 1rem 0.5rem rgba(52, 49, 75, 0.05);
          box-shadow: 0 0 1rem 0.5rem rgba(52, 49, 75, 0.05);
}

.spacer {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.spacer-gutter {
  width: 0.75rem;
  height: 0.75rem;
}

.spacer-xs,
.space-xs {
  width: 0.5rem;
  height: 0.5rem;
}

.spacer-xs,
.space-xs {
  width: 0.75rem;
  height: 0.75rem;
}

.spacer-s,
.space-s {
  width: 1rem;
  height: 1rem;
}

.spacer-m,
.space-m {
  width: 1.5rem;
  height: 1.5rem;
}

.spacer-l,
.space-l {
  width: 2rem;
  height: 2rem;
}

.spacer-xl,
.space-xl {
  width: 3rem;
  height: 3rem;
}

.spacer-xxl,
.space-xxl {
  width: 4rem;
  height: 4rem;
}

/* @import './utility/pattern'; */

.flex-basis-12rem {
  -ms-flex-preferred-size: 12rem;
      flex-basis: 12rem;
}

@media (max-width: 767px) {

  .no-flex-xs {
    display: inline;
  }
}

@media (max-width: 1023px) {

  .no-flex-s-down {
    display: inline;
  }
}

@media (max-width: 1279px) {

  .no-flex-m-down {
    display: inline;
  }
}

@media (max-width: 1679px) {

  .no-flex-l-down {
    display: inline;
  }
}

@media (max-width: 1023px) {

  .flex-inline-m-up {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .flex-inline-m-up figure[class*='width-'] {
    width: 100%;
  }
}

@media (min-width: 1024px) {

  .flex-inline-s-down {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 768px) {

  .flex-end-s-up {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media (max-width: 1023px) {

  .flex-inline-m-up {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 1024px) {

  .flex-inline-s-down {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.flex-m-up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 1024px) {

  .flex-m-up {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.flex-s-up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {

  .flex-s-up {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.flex-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.75rem;
}

.flex-group-item {
  padding: 0.75rem;
}

.gotham {
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: normal;
}

.text-gotham p,
  .text-gotham ul li,
  .text-gotham ol li {
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: normal;
}

.text-gotham p strong, .text-gotham ul li strong, .text-gotham ol li strong {
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-weight: bold;
}

.text-gotham .lead {
  font-family: 'Gotham A', 'Gotham B', -apple-system, BlinkMacSystemFont, 'Segoe UI', Gotham, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', Monaco, Menlo, Consolas, 'Courier New', monospace;
}

.font-family-condensed {
  font-family: 'Gotham Cond A', 'Gotham Cond B', sans-serif;
  font-weight: 600;
}

.font-family-display {
  font-family: 'TT Trailers', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* capsize-fix */
  line-height: 0.9
}

.font-family-display::before {
  content: '';
  margin-bottom: -0.05em;
  display: table;
}

.font-family-display::after {
  content: '';
  margin-top: -0.15em;
  display: table;
}

.font-family-display {/*end capsize-fix
 */
}

.border-primary {
  border-color: rgb(106, 30, 204);
}

.border-secondary {
  border-color: rgb(18, 206, 227);
}

.border-tertiary {
  border-color: rgb(48, 108, 239);
}

.background-secondary-gradient {
  background: rgb(18, 206, 227);
  background: linear-gradient(135deg, rgb(18, 206, 227) 0%, rgb(48, 108, 239) 100%);
}

.active-color-primary .active,
  .active-color-primary :active {
  color: rgb(106, 30, 204);
}

.active-color-secondary .active,
  .active-color-secondary :active {
  color: rgb(18, 206, 227);
}

.active-color-tertiary .active,
  .active-color-tertiary :active {
  color: rgb(48, 108, 239);
}

.active-color-light .active,
  .active-color-light :active {
  color: #e5ebff;
}

.active-color-dark .active,
  .active-color-dark :active {
  color: rgb(29, 26, 55);
}

.background-glass {
  background: rgba(0, 0, 0, .6);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
          backdrop-filter: saturate(180%) blur(20px);
}

section .text-inner a, section .form a, .section .text-inner a, .section .form a {
  border-bottom: 1px solid currentColor;
}

.text a {
  text-decoration: underline;
  color: black;
}

.text[class*='font-size-'] ul li,
    .text[class*='font-size-'] ol li,
    .text[class*='font-size-'] p:not(.lead) {
  font-size: inherit;
}

.text[class*='color-'] p,
    .text[class*='color-'] .lead,
    .text[class*='color-'] ul li,
    .text[class*='color-'] ol li {
  color: currentColor;
}

@media (max-width: 1023px) {

  .text h2 {
    font-size: 2rem;
  }

  .text h3 {
    font-size: 1.625rem;
  }

  .text h4 {
    font-size: 1.5rem;
  }
}

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

.text-underline-hover:focus,
  .text-underline-hover:hover {
  text-decoration: underline;
}

.toggle-target {
  display: none
}

.toggle-target.open {
  display: block;
}

.staggered {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0;
  max-height: 90%;
  pointer-events: none
}

.staggered > *:nth-child(even) {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.overlay:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  pointer-events: none;
  z-index: 1;
}

.overlay-primary:before,
.overlay-gradient-blue-white:before,
.overlay-gradient-blue-white:before,
.overlay-gradient-blue-purple:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(106, 30, 204)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(106, 30, 204) 100%);
}

.overlay-secondary:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 96, 255, 0)), to(rgb(18, 206, 227)));
  background: linear-gradient(180deg, rgba(125, 96, 255, 0) 0%, rgb(18, 206, 227) 100%);
}

.overlay-tertiary:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(48, 108, 239)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(48, 108, 239) 100%);
}

.overlay-yellow:before,
.overlay-gradient-yellow-purple:before,
.overlay-gradient-yellow-darkpurple:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffcf8d));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffcf8d 100%);
}

.overlay-pink:before,
.overlay-gradient-red-blue-white:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ff6b88));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ff6b88 100%);
}

.overlay-white:before,
.overlay-gradient-white-blue-purple:before,
.overlay-gradient-white-purple-yellow:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.overlay-dark:before,
.overlay-gradient-black-purple:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(29, 26, 55)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(29, 26, 55) 100%);
}

.overlay-gradient-purple-blue-white:before,
.overlay-gradient-purple-blue:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(18, 206, 227)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(18, 206, 227) 100%);
}

.border-radius-s {
  border-radius: 5px;
}

.opacity-0 {
    opacity: 0;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-90 {
    opacity: 0.9;
}

.opacity-100 {
    opacity: 1;
}

.header {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out
}

.header.header-items-hidden {
  pointer-events: none;
}

.header.header-items-hidden .logo {
  pointer-events: auto;
}

.header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 0.75rem;
  height: 3rem;
}

@media (min-width: 1024px) {

  .header-inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 5rem;
    padding-right: 0.75rem;
  }
}

.header-inner .logo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.header-inner .navigation {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.logo img,
  .logo svg {
  display: block;
  width: 78px;
  height: 39px;
}

.logo img path, .logo svg path {
  -webkit-transition: fill 0.12s linear;
  transition: fill 0.12s linear;
}

@media (min-width: 1024px) {

  .logo img,
    .logo svg {
    width: 104px;
    height: 52px;
  }
}

.judges-portal pre {
  font-size: 0.75rem;
  background-color: transparent;
  border: none;
  line-height: 1.5;
  padding: 0;
  white-space: pre-wrap;
}

.judges-portal .round-done {
  color: rgb(255, 255, 255);
  border: 2px solid rgb(255, 255, 255);
  padding: 5px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.judges-portal .round-panel {
  position: relative;
}

.judges-portal .round-panel .round-done {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
}

.judging-interface {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh
}

.judging-interface > .song-view {
  width: 50vw;
  overflow: auto;
}

.judging-interface > .songs-list {
  width: 50vw;
}

.judging-interface > .songs-list .songs-list-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}

@media (max-width: 767px) {

  .judging-interface > .song-view {
    width: 100vw;
  }

  .judging-interface > .song-view:not(.song-view.empty) {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .judging-interface > .songs-list {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 100%;
    top: 0;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    transition: -webkit-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
  }

  .judging-interface > .songs-list.open {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    z-index: 998;
  }

  .judging-interface > .songs-list:not(.open) {
    z-index: 1000;
  }

  .judging-interface > .songs-list .menu-button {
    position: absolute;
    top: 0;
    right: 100%;
    width: 3rem;
    height: 3rem;
  }

  .judging-interface > .songs-list .close-button {
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
  }

  .judging-interface > .songs-list .songs-list-wrapper > .songs-list-header {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .judging-interface > .songs-list .songs-list-wrapper > .songs-list-header h3 {
    font-size: 1.1rem;
    font-weight: 600;
  }
}

.songs-list-item {
  padding: 0.5rem 0
}

.songs-list-item.active {
  background-color: rgb(28, 220, 242);
}

.songs-list-item .song-list-item-status {
  width: 80px;
}

.songs-list-item .song-list-item-image a {
  overflow: hidden;
}

.songs-list-item .song-list-item-image a img {
  width: 80px;
  height: 80px;
  display: block;
  -webkit-transform: scale(1.38);
          transform: scale(1.38);
}

.songs-list-item .song-list-item-actions > * + * {
  margin-left: 0.75rem;
}

@media (max-width: 767px) {

  .songs-list-item .song-list-item-status {
    width: 45px;
  }

  .songs-list-item .song-list-item-image img {
    width: 50px;
    height: 50px;
  }

  .songs-list-item .song-list-item-title h4 {
    font-size: 0.85rem;
  }

  .songs-list-item .song-list-item-title h5 {
    font-size: 1rem;
  }
}

.song-view {
  max-height: 100vh;
  overflow: auto
}

.song-view .button-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.song-view .button-group button,
    .song-view .button-group .button {
  margin: 0.25rem !important;
}

@media (max-width: 767px) {

  .song-view .button-group {
    max-width: 200px;
    margin: 0 auto;
  }
}

.song-view-overlay {
  z-index: 10;
  opacity: 0;
  max-height: 100vh;
  overflow: auto;
  pointer-events: none;
  background-color: rgba(37, 11, 71, 0.9);
  -webkit-transition: opacity 0.35s linear;
  transition: opacity 0.35s linear
}

.song-view-overlay .container {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.song-view-overlay.open {
  opacity: 1;
  pointer-events: auto;
}

.song-view-overlay.open .container {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.song-view-overlay .close-button {
  position: fixed;
  top: 0.75rem;
  right: calc(50vw + 0.75rem);
}

@media (max-width: 767px) {

  .song-view-overlay .close-button {
    top: auto;
    top: initial;
    right: 0.75rem;
    bottom: 0.75rem;
  }
}

.footer {
  position: relative;
  z-index: 1
}

.footer a {
  text-decoration: none;
}

.footer a:hover,
    .footer a:focus {
  color: rgb(106, 30, 204);
}

.footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer-logo {
  width: 8rem;
  height: auto;
}

.footer-logos {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none
}

.footer-logos .bigsound-logo img {
  width: 108px;
}

.footer-logos .qmusic-logo img {
  width: 64px;
}

@media (min-width: 768px) {

  .footer-logos {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (min-width: 768px) {
  .footer-logo,
  .footer-logos {
    min-width: 210px;
  }
}

@media (min-width: 768px) {

  .footer-social {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (max-width: 767px) {

  .footer-social {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
    margin-top: 0.75rem;
  }
}

.footer-body {
}

@media (min-width: 768px) {

  .footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.footer-copyright {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0;
}

.footer-links {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none
}

.footer-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: inherit;
}

.footer-links li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
}

.footer-links li + li {
  margin-left: 0.75em;
}

.footer-links a {
  display: block;
}

.qma-splash {
  position: relative;
  left: 0;
  width: 100%;
  top: 0;
  min-height: 150vh;
  overflow: hidden
}

.qma-splash .qma-splash-background {
  z-index: -1;
  position: fixed;/*top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
 */
  width: calc(100vw + 50px);
  height: calc(100vh + 50px);
  left: -25px;
  top: -25px;
  background-size: cover;
  background-position: center 100%;
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
}

.qma-splash .qma-splash-background.blurred-background {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="25" /></filter></svg>#filter');
  -webkit-filter: blur(25px);
          filter: blur(25px);
}