/*! normalize.css v8.0.1 | 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;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

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

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

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

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

/* 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.
 */

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

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

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

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


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

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,
select {
  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="submit"] {
  -webkit-appearance: button;
}

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

button::-moz-focus-inner,
[type="button"]::-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="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

/**
 * 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.
 */

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

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

/**
 * 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.
 */

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

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

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

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

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

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

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
h2,
h3,
h4,
h5,
figure,
p {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}


ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e2e8f0; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

input::-webkit-input-placeholder {
  color: #a0aec0;
}

input::-moz-placeholder {
  color: #a0aec0;
}

input:-ms-input-placeholder {
  color: #a0aec0;
}

input::-ms-input-placeholder {
  color: #a0aec0;
}

input::placeholder {
  color: #a0aec0;
}

button {
  cursor: pointer;
}


h2,
h3,
h4,
h5 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
select {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

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

/* Settings */

/* Client Colours */

/* Misc */

/* Headings */

/* Loading */

/* Fonts */

/* @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap'); */

@charset 'UTF-8';

@font-face {
  font-family: 'Ed';

  src: local('Ed Gothic'),
       url('https://www-tac-stage.squiz.cloud/__data/assets/file/0006/473145/regular.woff2?v=0.1.3') format('woff2'),
       url('https://www-tac-stage.squiz.cloud/__data/assets/file/0005/473144/regular.woff?v=0.1.2') format('woff');

  font-weight: 400;

  font-style: normal;
}

@charset 'UTF-8';

@font-face {
  font-family: 'tac';

  src:url('https://www-tac-stage.squiz.cloud/__data/assets/file/0007/473146/tac.eot?v=0.1.4');

  src:url('https://www-tac-stage.squiz.cloud/__data/assets/file/0007/473146/tac.eot?v=0.1.4?#iefix') format('embedded-opentype'),
    url('https://www-tac-stage.squiz.cloud/__data/assets/file/0010/473149/tac.woff?v=0.1.4') format('woff'),
    url('https://www-tac-stage.squiz.cloud/__data/assets/file/0009/473148/tac.ttf?v=0.1.4') format('truetype'),
    url('https://www-tac-stage.squiz.cloud/__data/assets/file/0008/473147/tac.svg?v=0.1.2#tac') format('svg');

  font-weight: normal;

  font-style: normal;
}

[data-icon]:before {
  font-family: "tac" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="tac-"]:before,
[class*=" tac-"]:before {
  font-family: "tac" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tac-grid:before {
  content: "\61";
}

.tac-slider:before {
  content: "\62";
}

.tac-lock:before {
  content: "\64";
}

.tac-open:before {
  content: "\65";
}

.tac-scribble:before {
  content: "\66";
}

.tac-arrow:before {
  content: "\67";
}

/* Modules */

/* @import 'components/accordion'; */

/* @import 'components/assets'; */

.carousel {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* transition: all 0.66s cubic-bezier(.6, .2, 0, 1); */

.carousel.carousel-grab {
    width: 100%;
  }

.carousel.carousel-grab .slide {
      cursor: move;
      height: auto;
      overflow: hidden;
      cursor: -webkit-grab;
      cursor: grab;
    }

.carousel .slide {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    cursor: pointer;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }

.carousel .slide.active .slide-detail {
        opacity: 1;
      }

.carousel .slide img {
      pointer-events: none;
    }

.carousel .slide .index {
      position: absolute;
      right: 10px;
      bottom: 10px;
    }

.carousel .slide .slide-detail {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 50%;
      text-align: center;
      opacity: 0;
      -webkit-transition: opacity 0.33s cubic-bezier(.6, .2, 0, 1);
      -o-transition: opacity 0.33s cubic-bezier(.6, .2, 0, 1);
      transition: opacity 0.33s cubic-bezier(.6, .2, 0, 1);
    }

.carousel.gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

.carousel-container,
.carousel-meta {
  position: relative;
}

.carousel-container {
  overflow: hidden;
}

.carousel-meta .dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

.carousel-meta .dots li {
      border-radius: 9999px;
      margin-right: 0.5rem;
      width: 12px;
      height: 12px;
      background-color: #000;
    }

.carousel-meta .dots li.active {
        background-color: #fff;
      }

.carousel-meta .lines {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 10;
  }

.carousel-meta .lines li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0%;
          -ms-flex: 1 1 0%;
              flex: 1 1 0%;
      border-radius: 0;
      margin-left: 0;
      margin-right: 0;
      background-color: transparent;
      height: 5px;
    }

.carousel-meta .blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

.carousel-meta .blocks li {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding-top: 2rem;
      padding-bottom: 2rem;
      padding-left: 2rem;
      padding-right: 2rem;
      cursor: pointer;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-flex-basis: 0;
          -ms-flex-preferred-size: 0;
              flex-basis: 0;
    }

.carousel-meta .blocks li:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        content: '';
        height: 8px;
        background-color: #fff;
      }

.carousel-meta .blocks li:not(:last-child) {
        border-style: solid;
        border-right-width: 1px;
        border-color: #000;
      }

.carousel-meta .blocks li.active:before {
          opacity: 1;
        }

.carousel-meta .blocks li h5 {
        margin-bottom: 0.5rem;
        font-weight: 500;
      }

.nav-buttons {
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  z-index: 10;
  width: 84px;
  height: 36px;
}

.nav-buttons .left-btn,
  .nav-buttons .right-btn {
    position: absolute;
    top: 0;
    display: block;
    border-radius: 9999px;
    pointer-events: auto;
    cursor: pointer;
    width: 36px;
    height: 36px;
    background-color: #fff;
    -webkit-transition: opacity 0.66s cubic-bezier(.6, .2, 0, 1);
    -o-transition: opacity 0.66s cubic-bezier(.6, .2, 0, 1);
    transition: opacity 0.66s cubic-bezier(.6, .2, 0, 1);
  }

.nav-buttons .left-btn:before, .nav-buttons .right-btn:before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      font-family: 'bl';
      font-size: 20px;
      color: #000;
    }

@media (min-width: 768px) {

.nav-buttons .left-btn:before, .nav-buttons .right-btn:before {
        font-size: 20px
    }
      }

.nav-buttons .left-btn.disabled, .nav-buttons .right-btn.disabled {
      opacity: 0.25;
      pointer-events: none;
    }

.nav-buttons .left-btn {
    left: 0;
  }

.nav-buttons .left-btn:before {
      content: '\69';
    }

.nav-buttons .right-btn {
    right: 0;
  }

.nav-buttons .right-btn:before {
      content: '\68';
    }

/* @import 'components/form'; */

/* @import 'components/gdpr'; */

/* @import 'components/hamburger'; */

/* @import 'components/language'; */

/* @import 'components/lightbox'; */

/* Progress Bar */

.progress-bar {
  position: fixed;
  top: 0;
  width: 100%;
  height: 5px;
  background: #D1131F;
  -webkit-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
  transition: width 0.2s linear;
}

/* Loading Blank */

.blank {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.blank.initial {
    z-index: 10 - 1;
  }

.blank.initial .upper {
      background: #fff;
    }

.blank .upper, .blank .lower {
    position: relative;
    width: 100vw;
    height: 100vh;
  }

.blank .upper {
    background: #fff;
  }

.blank .lower {
    opacity: 1;
    background: #D1131F;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
  }

.blank.fadeout .lower {
      opacity: 0;
    }

.blank .inner {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }

.blank.animate .inner {
      opacity: 1;
    }

/* Loading Transition */

.fadeout-transition {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 10;
}

.fadeout-transition.initial {
    z-index: calc(10 + 10);
  }

.fadeout-transition.animate img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      height: 100px;
    }

/* Nav overlay during Loading */

.nav-overlay {
  z-index: 999 !important;
}

/* Loading Spinner */

form.loading:after {
      display: none;
    }

form.loading button {
      position: relative;
    }

form.loading button:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 28px;
        height: 28px;
        margin-top: calc(-28px / 2);
        margin-left: calc(-28px / 2);
        border-radius: 50%;
        border: 3px solid rgba(255,255,255, 0.33);
        border-top-color: #fff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-animation: spinner .6s linear infinite;
                animation: spinner .6s linear infinite;
      }

form.loading button {
      pointer-events: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      color: rgba(0, 0, 0, 0) !important;
}

form.loading button span {
        opacity: 0;
      }

button.loading {
    position: relative;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #fff !important;
    background-color: #fff !important;
  }

/* @import 'components/marquee'; */

/* @import 'components/menu-dropdown'; */

/* @import 'components/message'; */

/* Rolling Copy */

.rolling-copy {
  position: relative;
}

.rolling-copy > * {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.55s, -webkit-transform 0.66s;
    transition: all 0.55s, -webkit-transform 0.66s;
    -o-transition: all 0.55s, transform 0.66s;
    transition: all 0.55s, transform 0.66s;
    transition: all 0.55s, transform 0.66s, -webkit-transform 0.66s;
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
  }

.rolling-copy > *.in {
      opacity: 1;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
    }

.rolling-copy > *.out {
      opacity: 0;
      -webkit-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
              transform: translateY(-30px);
    }

/* @import 'components/slick'; */

/* @import 'components/tabs'; */

/* @import 'components/tooltip'; */

/* Layout */

/* @import 'common/base'; */

/* @import 'common/error'; */

/* Layout */

body {
  min-height: 100vh;
  background-color: #D1131F;
}

body > main {
    opacity: 0 !important;
  }

body nav,
  body footer,
  body main {
    opacity: 1;
  }

body nav,
  body footer {
    display: none;
  }

body section {
    opacity: 0;
  }

body .script {
    display: none;
  }

#advent {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: calc(1.50em + (1.50 - 1.2) * ((100vw - 640px)/(1680 - 640)));
}

@media (min-width: 640px) {

#advent {
    font-size: calc(20px + (22 - 20) * ((100vw - 640px) / (1680 - 640)))
}
  }

@media (min-width: 1680px) {

#advent {
    font-size: 22px
}
  }

#advent p,
  #advent li {
    margin-bottom: 1rem;
    color: #222;
    font-size: 20px;
    line-height: calc(1.50em + (1.50 - 1.2) * ((100vw - 640px)/(1680 - 640)));
  }

@media (min-width: 640px) {

#advent p,
  #advent li {
      font-size: calc(20px + (22 - 20) * ((100vw - 640px) / (1680 - 640)))
  }
    }

@media (min-width: 768px) {

#advent p,
  #advent li {
      margin-bottom: 2rem
  }
    }

@media (min-width: 1680px) {

#advent p,
  #advent li {
      font-size: 22px
  }
    }

#advent h1,
  #advent h2,
  #advent h3,
  #advent h4,
  #advent h5,
  #advent h6 {
    font-family: 'Ed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: calc(1.25em + (1.25 - 1.2) * ((100vw - 640px)/(1680 - 640)));
    color: #000;
  }

#advent h1 {
    font-size: 34px;
    font-weight: 400;
    letter-spacing: -0.015em;
  }

@media (min-width: 640px) {

#advent h1 {
      font-size: calc(34px + (68 - 34) * ((100vw - 640px) / (1680 - 640)))
  }
    }

@media (min-width: 1680px) {

#advent h1 {
      font-size: 68px
  }
    }

#advent h2 {
    font-size: 66px;
    font-weight: 400;
    letter-spacing: -0.0066em;
  }

@media (min-width: 640px) {

#advent h2 {
      font-size: calc(66px + (158 - 66) * ((100vw - 640px) / (1680 - 640)))
  }
    }

@media (min-width: 1680px) {

#advent h2 {
      font-size: 158px
  }
    }

#advent h3 {
    font-size: 52px;
    font-weight: 400;
    letter-spacing: initial;
  }

@media (min-width: 640px) {

#advent h3 {
      font-size: calc(52px + (72 - 52) * ((100vw - 640px) / (1680 - 640)))
  }
    }

@media (min-width: 1680px) {

#advent h3 {
      font-size: 72px
  }
    }

#advent h4 {
    font-size: 36px;
    font-weight: 400;
    letter-spacing: initial;
  }

@media (min-width: 640px) {

#advent h4 {
      font-size: calc(36px + (54 - 36) * ((100vw - 640px) / (1680 - 640)))
  }
    }

@media (min-width: 1680px) {

#advent h4 {
      font-size: 54px
  }
    }

#advent h5 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: initial;
  }

@media (min-width: 640px) {

#advent h5 {
      font-size: calc(20px + (36 - 20) * ((100vw - 640px) / (1680 - 640)))
  }
    }

@media (min-width: 1680px) {

#advent h5 {
      font-size: 36px
  }
    }

#advent h6 {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: initial;
  }

@media (min-width: 640px) {

#advent h6 {
      font-size: calc(17px + (20 - 17) * ((100vw - 640px) / (1680 - 640)))
  }
    }

@media (min-width: 1680px) {

#advent h6 {
      font-size: 20px
  }
    }

#error {
  height: 100vh;
  background-color: rgba(233,30,99, 0.44);
}

#error nav, #error footer {
    display: none;
  }

#error header {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

#error h1, #error h3 {
    line-height: 1.5;
    color: #e91e63;
  }

#error h1 {
    font-weight: 700;
    font-size: 3rem;
  }

#error h3 {
    font-weight: 400;
    font-size: 1.4rem;
  }

#error h3:last-child {
      margin-top: 2rem;
      margin-bottom: 2rem;
    }

#error a {
    text-decoration: none;
    border-style: solid;
    border-bottom-width: 1px;
    border-color: #e91e63;
  }

/* @import 'main/navigation'; */

/* @import 'main/footer'; */

/* Pages */

body {
}

#advent {
  position: relative;
  min-height: 100vh;
  opacity: 1 !important;
  background-color: #D1131F;
  -webkit-transition: opacity 0.33s ease-in,
              background-color 0.33s ease-in;
  -o-transition: opacity 0.33s ease-in,
              background-color 0.33s ease-in;
  transition: opacity 0.33s ease-in,
              background-color 0.33s ease-in;
  will-change: opacity, background-color;
}

/* First Time visits */

#advent.firsttime section.opening {
        opacity: 1;
        pointer-events: auto;
        /* transform: translateY(0); */
      }

#advent.firsttime section.header,
      #advent.firsttime section.calendar .slide {
        opacity: 0;
      }

#advent.firsttime section.calendar {
        height: 100vh;
        width: 100vw;
        z-index: 40;
      }

#advent.firsttime section:not(.opening) {
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        overflow: hidden;
        opacity: 0;
        z-index: -1;
      }

#advent:not(.firsttime) section.opening {
        /* transform: translateY(-100px); */
      }

#advent:not(.firsttime) section.header {
        -webkit-animation: fi 1.44s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.4s both;
                animation: fi 1.44s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.4s both;
      }

#advent:not(.firsttime) section.calendar .slide {
          -webkit-animation: fib 1.44s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.4s both;
                  animation: fib 1.44s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.4s both;
        }

#advent:not(.firsttime) section:not(.opening) {
        opacity: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
      }

#advent h1,
  #advent h2,
  #advent h3,
  #advent h4,
  #advent h5,
  #advent h6 {
    text-transform: uppercase;
  }

#advent section {
    position: relative;
  }

#advent section .max-width {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 1rem;
      padding-right: 1rem;
      max-width: 1180px;
    }

@media (min-width: 768px) {

#advent section .max-width {
        padding-left: 2rem;

        padding-right: 2rem
    }
      }

#advent section .noise-container {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
      z-index: 10;
      height: auto;
    }

#advent section .noise-container canvas {
        width: 100%;
        height: 100%;
      }

#advent section.opening {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      opacity: 0;
      pointer-events: none;
      /* @apply items-center justify-center; */
      width: 100vw;
      height: 100vh;
      z-index: 50;
      -webkit-transition: opacity 0.33s ease-in;
      -o-transition: opacity 0.33s ease-in;
      transition: opacity 0.33s ease-in;
      will-change: opacity;
    }

#advent section.opening .max-width {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        display: block;
      }

#advent section.opening .max-width h3 {
          text-align: center;
          color: #fff;
        }

#advent section.opening .max-width figure {
          margin-left: auto;
          margin-right: auto;
          width: 220px;
        }

@media (min-width: 768px) {

#advent section.opening .max-width figure {
            width: 280px
        }
          }

#advent section.opening .max-width .cta {
          width: 100%;
          display: block;
          margin-left: auto;
          margin-right: auto;
        }

@media (min-width: 768px) {

#advent section.opening .max-width .cta {
            width: 66.66667%
        }
          }

@media (min-width: 1280px) {

#advent section.opening .max-width .cta {
            width: 50%
        }
          }

#advent section.opening .max-width button {
          width: 100%;
          color: #D1131F;
          background-color: #fff;
        }

/* Rolling Copy */

#advent section.opening .rolling-copy {
        position: relative;
        width: 100%;
        overflow: hidden;
        opacity: 0;
        min-height: 275px;
      }

#advent section.opening .rolling-copy h3 {
          width: 100%;
          line-height: 1;
        }

@media (max-width: 767px) {

#advent section.opening .rolling-copy h3 {
            font-size: 40px
        }
          }

#advent section.opening .rolling-copy > * {
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-transition: all 0.55s, -webkit-transform 0.66s;
          transition: all 0.55s, -webkit-transform 0.66s;
          -o-transition: all 0.55s, transform 0.66s;
          transition: all 0.55s, transform 0.66s;
          transition: all 0.55s, transform 0.66s, -webkit-transform 0.66s;
          -webkit-transform: translateY(30px);
              -ms-transform: translateY(30px);
                  transform: translateY(30px);
        }

#advent section.opening .rolling-copy > *.in {
            opacity: 1;
            -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                    transform: translateY(0);
          }

#advent section.opening .rolling-copy > *.out {
            opacity: 0;
            -webkit-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                    transform: translateY(-30px);
          }

#advent section.opening .navigation {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #D3D8F3;
      }

#advent section.opening .navigation .noise-container {
          position: absolute;
          left: 0;
          top: calc(100% - 10px);
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg);
        }

#advent section.opening ul {
        width: 100%;
        list-style-type: none;
      }

#advent section.opening ul li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 75px;
        }

@media (min-width: 1024px) {

#advent section.opening ul li {
            height: 130px
        }
          }

#advent section.opening ul li:first-child {
            margin-right: auto;
          }

#advent section.opening ul li:first-child img {
              margin-left: 2.5rem;
              margin-right: 2.5rem;
              height: 50px;
            }

@media (min-width: 1024px) {

#advent section.opening ul li:first-child img {
                height: 90px
            }
              }

#advent section.opening ul li img {
            margin-right: 1rem;
            height: 25px;
          }

@media (min-width: 1024px) {

#advent section.opening ul li img {
              margin-left: 1.25rem;

              margin-right: 1.25rem;

              height: 40px
          }
            }

#advent section.calendar,
    #advent section.foot {
      background-color: #D1131F;
      background: -o-linear-gradient(295deg, #DA0A18 0%, #B50007 100%);
      background: linear-gradient(155deg, #DA0A18 0%, #B50007 100%);
    }

#advent section.calendar > *, #advent section.foot > * {
        position: relative;
        z-index: 10;
      }

#advent section.calendar:before, #advent section.foot:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: repeat;
        background-position: center;
        z-index: 0;
        /* TEMP */
        content: '';
        background-image: url('https://www-tac-stage.squiz.cloud/__data/assets/image/0007/473164/noise-10.png?v=0.1.2');
        background-size: 50%;
      }

#advent section.opening {
      background-color: #D1131F;
    }

#advent section.opening > * {
        position: relative;
        z-index: 10;
      }

#advent section.foot ul, #advent section.header ul, #advent section.opening ul, #advent section.partners ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        list-style-type: none;
      }

#advent section.foot ul li, #advent section.header ul li, #advent section.opening ul li, #advent section.partners ul li {
          position: relative;
          margin: 0;
          padding: 0;
          list-style-type: none;
        }

#advent section.header {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      /* @apply z-30; */
      opacity: 1;
      z-index: 1;
      /* transition: opacity 0.44s ease-in-out; */
      -webkit-transition-delay: 0.22s;
           -o-transition-delay: 0.22s;
              transition-delay: 0.22s;
      will-change: opacity;
    }

#advent section.header figure {
        position: absolute;
        z-index: 20;
        top: 20px;
        left: 20px;
        width: 120px;
      }

@media (min-width: 1024px) {

#advent section.header figure {
          top: 30px;

          left: 40px;

          width: 220px
      }
        }

#advent section.header .dash {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-repeat: repeat-x;
        background-size: cover;
        height: 2px;
        background-image: url('https://www-tac-stage.squiz.cloud/__data/assets/image/0006/473163/dash-h.png?v=0.1.3');
      }

@media (min-width: 1024px) {

#advent section.header .dash {
          background-size: contain
      }
        }

#advent section.header ul {
        margin-left: auto;
      }

#advent section.header ul li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 75px;
        }

@media (min-width: 1024px) {

#advent section.header ul li {
            height: 130px
        }
          }

#advent section.header ul li:first-child {
            margin-left: auto;
          }

#advent section.header ul li:last-child {
            background-color: #D3D8F3;
          }

#advent section.header ul li:last-child img {
              margin-left: 2.5rem;
              margin-right: 2.5rem;
              height: 50px;
            }

@media (min-width: 1024px) {

#advent section.header ul li:last-child img {
                height: 90px
            }
              }

@media (max-width: 767px) {

#advent section.header ul li:last-child {
              display: none
          }
            }

#advent section.header ul li img {
            margin-right: 1rem;
            height: 25px;
          }

@media (min-width: 1024px) {

#advent section.header ul li img {
              margin-left: 1.25rem;

              margin-right: 1.25rem;

              height: 40px
          }
            }

#advent section.calendar {
      padding-top: 75px;
      z-index: 0;
    }

@media (min-width: 1024px) {

#advent section.calendar {
        padding-top: 130px
    }
      }

#advent section.calendar .title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-left: auto;
        margin-right: auto;
      }

@media (min-width: 768px) {

#advent section.calendar .title {
          padding-left: 2rem;

          padding-right: 2rem
      }
        }

#advent section.calendar .calendar-toggle {
        margin-left: auto;
      }

#advent section.calendar .calendar-toggle button {
          color: #fff;
        }

@media (max-width: 767px) {

#advent section.calendar .calendar-toggle .form-switch {
            -webkit-transform: scale(0.8);
                -ms-transform: scale(0.8);
                    transform: scale(0.8);

            -webkit-transform-origin: right;

                -ms-transform-origin: right;

                    transform-origin: right
        }
          }

#advent section.calendar .instructions {
        padding-top: 3rem;
        padding-bottom: 3rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
      }

@media (min-width: 768px) {

#advent section.calendar .instructions {
          padding-top: 6rem;

          padding-bottom: 6rem
      }
        }

#advent section.calendar .instructions .left-btn,
        #advent section.calendar .instructions .right-btn {
          margin-left: 1.5rem;
          margin-right: 1.5rem;
          cursor: pointer;
        }

#advent section.calendar .instructions .left-btn {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg);
        }

#advent section.calendar .instructions img {
          width: 70px;
        }

#advent section.calendar .carousel-container.grid .instructions {
            display: none;
          }

#advent section.calendar .carousel-container.grid .carousel {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-gap: 1rem;
            gap: 1rem;
            margin-left: auto;
            margin-right: auto;
            padding-bottom: 6rem;
            padding-left: 1rem;
            padding-right: 1rem;
            max-width: 1180px;
          }

@media (min-width: 768px) {

#advent section.calendar .carousel-container.grid .carousel {
              grid-template-columns: repeat(4, minmax(0, 1fr));

              grid-gap: 1.5rem;

              gap: 1.5rem
          }
            }

@media (min-width: 1024px) {

#advent section.calendar .carousel-container.grid .carousel {
              grid-gap: 2.5rem;

              gap: 2.5rem;

              padding-left: 0.5rem;

              padding-right: 0.5rem
          }
            }

#advent section.calendar .carousel-container.grid .carousel .slide {
              width: 100%;
              height: 0;
              opacity: 0;
              padding-bottom: 100%;
              -webkit-animation: fi 1.44s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.4s both;
                      animation: fi 1.44s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.4s both;
            }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(1) {
                -webkit-animation-delay: calc(1 * 0.0444s);
                        animation-delay: calc(1 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(2) {
                -webkit-animation-delay: calc(2 * 0.0444s);
                        animation-delay: calc(2 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(3) {
                -webkit-animation-delay: calc(3 * 0.0444s);
                        animation-delay: calc(3 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(4) {
                -webkit-animation-delay: calc(4 * 0.0444s);
                        animation-delay: calc(4 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(5) {
                -webkit-animation-delay: calc(5 * 0.0444s);
                        animation-delay: calc(5 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(6) {
                -webkit-animation-delay: calc(6 * 0.0444s);
                        animation-delay: calc(6 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(7) {
                -webkit-animation-delay: calc(7 * 0.0444s);
                        animation-delay: calc(7 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(8) {
                -webkit-animation-delay: calc(8 * 0.0444s);
                        animation-delay: calc(8 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(9) {
                -webkit-animation-delay: calc(9 * 0.0444s);
                        animation-delay: calc(9 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(10) {
                -webkit-animation-delay: calc(10 * 0.0444s);
                        animation-delay: calc(10 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(11) {
                -webkit-animation-delay: calc(11 * 0.0444s);
                        animation-delay: calc(11 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(12) {
                -webkit-animation-delay: calc(12 * 0.0444s);
                        animation-delay: calc(12 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(13) {
                -webkit-animation-delay: calc(13 * 0.0444s);
                        animation-delay: calc(13 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(14) {
                -webkit-animation-delay: calc(14 * 0.0444s);
                        animation-delay: calc(14 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(15) {
                -webkit-animation-delay: calc(15 * 0.0444s);
                        animation-delay: calc(15 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(16) {
                -webkit-animation-delay: calc(16 * 0.0444s);
                        animation-delay: calc(16 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(17) {
                -webkit-animation-delay: calc(17 * 0.0444s);
                        animation-delay: calc(17 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(18) {
                -webkit-animation-delay: calc(18 * 0.0444s);
                        animation-delay: calc(18 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(19) {
                -webkit-animation-delay: calc(19 * 0.0444s);
                        animation-delay: calc(19 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(20) {
                -webkit-animation-delay: calc(20 * 0.0444s);
                        animation-delay: calc(20 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(21) {
                -webkit-animation-delay: calc(21 * 0.0444s);
                        animation-delay: calc(21 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(22) {
                -webkit-animation-delay: calc(22 * 0.0444s);
                        animation-delay: calc(22 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(23) {
                -webkit-animation-delay: calc(23 * 0.0444s);
                        animation-delay: calc(23 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(24) {
                -webkit-animation-delay: calc(24 * 0.0444s);
                        animation-delay: calc(24 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(25) {
                -webkit-animation-delay: calc(25 * 0.0444s);
                        animation-delay: calc(25 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(26) {
                -webkit-animation-delay: calc(26 * 0.0444s);
                        animation-delay: calc(26 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(27) {
                -webkit-animation-delay: calc(27 * 0.0444s);
                        animation-delay: calc(27 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(28) {
                -webkit-animation-delay: calc(28 * 0.0444s);
                        animation-delay: calc(28 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(29) {
                -webkit-animation-delay: calc(29 * 0.0444s);
                        animation-delay: calc(29 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(30) {
                -webkit-animation-delay: calc(30 * 0.0444s);
                        animation-delay: calc(30 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide:nth-child(31) {
                -webkit-animation-delay: calc(31 * 0.0444s);
                        animation-delay: calc(31 * 0.0444s);
              }

#advent section.calendar .carousel-container.grid .carousel .slide .inner button {
                  padding-top: 0.5rem;
                  padding-bottom: 0.5rem;
                  line-height: 1;
                  font-size: 24px;
                }

#advent section.calendar .carousel-container.grid .carousel .slide .inner .enter .text,
                  #advent section.calendar .carousel-container.grid .carousel .slide .inner .enter .input,
                  #advent section.calendar .carousel-container.grid .carousel .slide .inner .enter .check,
                  #advent section.calendar .carousel-container.grid .carousel .slide .inner .missedout .text,
                  #advent section.calendar .carousel-container.grid .carousel .slide .inner .missedout .input,
                  #advent section.calendar .carousel-container.grid .carousel .slide .inner .missedout .check {
                    margin-bottom: 0.5rem;
                  }

#advent section.calendar .carousel-container.grid .carousel .slide .inner .enter input, #advent section.calendar .carousel-container.grid .carousel .slide .inner .missedout input {
                    padding-top: 0;
                    padding-bottom: 0;
                  }

@media (min-width: 768px) {

#advent section.calendar .carousel-container.grid .carousel .slide .inner .enter input, #advent section.calendar .carousel-container.grid .carousel .slide .inner .missedout input {
                      padding-top: 0.25rem;

                      padding-bottom: 0.25rem
                  }
                    }

@media (max-width: 767px) {
                      #advent section.calendar .carousel-container.grid .carousel .slide .inner .enter input[type='radio'],
                      #advent section.calendar .carousel-container.grid .carousel .slide .inner .enter input[type='checkbox'],
                      #advent section.calendar .carousel-container.grid .carousel .slide .inner .missedout input[type='radio'],
                      #advent section.calendar .carousel-container.grid .carousel .slide .inner .missedout input[type='checkbox'] {
                        height: 24px;
                        width: 24px;
                      }
                    }

@media (max-width: 767px) {

#advent section.calendar .carousel-container.grid .carousel .slide .inner .enter button, #advent section.calendar .carousel-container.grid .carousel .slide .inner .missedout button {
                      padding-top: 0.5rem;

                      padding-bottom: 0.5rem;

                      font-size: 20px
                  }
                    }

#advent section.calendar .carousel-container.grid .carousel .slide .inner .enter .check span, #advent section.calendar .carousel-container.grid .carousel .slide .inner .missedout .check span {
                      font-size: 12px;
                    }

@media (max-width: 767px) {

#advent section.calendar .carousel-container.grid .carousel .slide .inner .enter .check span, #advent section.calendar .carousel-container.grid .carousel .slide .inner .missedout .check span {
                        margin-left: 2rem
                    }
                      }

#advent section.calendar .carousel-container.grid .carousel .slide .door,
              #advent section.calendar .carousel-container.grid .carousel .slide .inner {
                position: absolute;
                top: 0;
                left: 0;
              }

#advent section.calendar .carousel-container.grid .carousel .slide .closed {
                background-image: url('https://www-tac-stage.squiz.cloud/__data/assets/file/0003/473169/stroke-grid.svg?v=0.1.3');
              }

#advent section.calendar .carousel-container.grid .carousel .slide .prize img {
                  width: 58.33333%;
                  max-width: 160px;
                  max-height: 60px;
                }

@media (min-width: 1024px) {

#advent section.calendar .carousel-container.grid .carousel .slide .prize img {
                    width: 66.66667%;

                    max-width: 220px;

                    max-height: 110px
                }
                  }

#advent section.calendar .carousel-container.grid .carousel .slide h2 {
                font-size: 50px;
              }

@media (min-width: 640px) {

#advent section.calendar .carousel-container.grid .carousel .slide h2 {
                  font-size: calc(50px + (130 - 50) * ((100vw - 640px) / (1680 - 640)))
              }
                }

@media (min-width: 1680px) {

#advent section.calendar .carousel-container.grid .carousel .slide h2 {
                  font-size: 130px
              }
                }

#advent section.calendar .carousel-container.grid .carousel .slide h2 sup {
                }

#advent section.calendar .carousel-container.grid .carousel .slide p {
                font-size: 12px;
              }

@media (min-width: 768px) {

#advent section.calendar .carousel-container.grid .carousel .slide p {
                  font-size: 16px
              }
                }

#advent section.calendar .carousel-container.slider .carousel {
            height: auto;
            -webkit-animation: fi 1.44s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.4s both;
                    animation: fi 1.44s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.4s both;
          }

#advent section.calendar .carousel-container.slider .slide {
            padding-left: 1rem;
            padding-right: 1rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
            opacity: 0;
          }

#advent section.calendar .carousel-container.slider .slide:nth-child(1) {
              -webkit-animation-delay: calc(1 * 0.0666s);
                      animation-delay: calc(1 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(2) {
              -webkit-animation-delay: calc(2 * 0.0666s);
                      animation-delay: calc(2 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(3) {
              -webkit-animation-delay: calc(3 * 0.0666s);
                      animation-delay: calc(3 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(4) {
              -webkit-animation-delay: calc(4 * 0.0666s);
                      animation-delay: calc(4 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(5) {
              -webkit-animation-delay: calc(5 * 0.0666s);
                      animation-delay: calc(5 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(6) {
              -webkit-animation-delay: calc(6 * 0.0666s);
                      animation-delay: calc(6 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(7) {
              -webkit-animation-delay: calc(7 * 0.0666s);
                      animation-delay: calc(7 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(8) {
              -webkit-animation-delay: calc(8 * 0.0666s);
                      animation-delay: calc(8 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(9) {
              -webkit-animation-delay: calc(9 * 0.0666s);
                      animation-delay: calc(9 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(10) {
              -webkit-animation-delay: calc(10 * 0.0666s);
                      animation-delay: calc(10 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(11) {
              -webkit-animation-delay: calc(11 * 0.0666s);
                      animation-delay: calc(11 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(12) {
              -webkit-animation-delay: calc(12 * 0.0666s);
                      animation-delay: calc(12 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(13) {
              -webkit-animation-delay: calc(13 * 0.0666s);
                      animation-delay: calc(13 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(14) {
              -webkit-animation-delay: calc(14 * 0.0666s);
                      animation-delay: calc(14 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(15) {
              -webkit-animation-delay: calc(15 * 0.0666s);
                      animation-delay: calc(15 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(16) {
              -webkit-animation-delay: calc(16 * 0.0666s);
                      animation-delay: calc(16 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(17) {
              -webkit-animation-delay: calc(17 * 0.0666s);
                      animation-delay: calc(17 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(18) {
              -webkit-animation-delay: calc(18 * 0.0666s);
                      animation-delay: calc(18 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(19) {
              -webkit-animation-delay: calc(19 * 0.0666s);
                      animation-delay: calc(19 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(20) {
              -webkit-animation-delay: calc(20 * 0.0666s);
                      animation-delay: calc(20 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(21) {
              -webkit-animation-delay: calc(21 * 0.0666s);
                      animation-delay: calc(21 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(22) {
              -webkit-animation-delay: calc(22 * 0.0666s);
                      animation-delay: calc(22 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(23) {
              -webkit-animation-delay: calc(23 * 0.0666s);
                      animation-delay: calc(23 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(24) {
              -webkit-animation-delay: calc(24 * 0.0666s);
                      animation-delay: calc(24 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(25) {
              -webkit-animation-delay: calc(25 * 0.0666s);
                      animation-delay: calc(25 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(26) {
              -webkit-animation-delay: calc(26 * 0.0666s);
                      animation-delay: calc(26 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(27) {
              -webkit-animation-delay: calc(27 * 0.0666s);
                      animation-delay: calc(27 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(28) {
              -webkit-animation-delay: calc(28 * 0.0666s);
                      animation-delay: calc(28 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(29) {
              -webkit-animation-delay: calc(29 * 0.0666s);
                      animation-delay: calc(29 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(30) {
              -webkit-animation-delay: calc(30 * 0.0666s);
                      animation-delay: calc(30 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide:nth-child(31) {
              -webkit-animation-delay: calc(31 * 0.0666s);
                      animation-delay: calc(31 * 0.0666s);
            }

#advent section.calendar .carousel-container.slider .slide h2 {
              font-size: 160px;
            }

@media (min-width: 640px) {

#advent section.calendar .carousel-container.slider .slide h2 {
                font-size: calc(160px + (280 - 160) * ((100vw - 640px) / (1680 - 640)))
            }
              }

@media (min-width: 1680px) {

#advent section.calendar .carousel-container.slider .slide h2 {
                font-size: 280px
            }
              }

@media (min-width: 1024px) {

#advent section.calendar .carousel-container.slider .slide:not(.locked) .door {
                  border-radius: 1rem
              }
                }

@media (min-width: 1024px) {

#advent section.calendar .carousel-container.slider .slide:not(.locked).poem .inner, #advent section.calendar .carousel-container.slider .slide:not(.locked).prize .inner, #advent section.calendar .carousel-container.slider .slide:not(.locked).enter .inner, #advent section.calendar .carousel-container.slider .slide:not(.locked).missedout .inner {
                    border-radius: 1rem
                }
                  }

#advent section.calendar .carousel-container.slider .slide:not(.locked).poem .closed, #advent section.calendar .carousel-container.slider .slide:not(.locked).prize .closed, #advent section.calendar .carousel-container.slider .slide:not(.locked).enter .closed, #advent section.calendar .carousel-container.slider .slide:not(.locked).missedout .closed {
                  background-image: url('https://www-tac-stage.squiz.cloud/__data/assets/file/0007/473173/stroke-slider-open.svg?v=0.1.5');
                }

@media (min-width: 1280px) {

#advent section.calendar .carousel-container.slider .slide:not(.locked).missedout .missedout .text p {
                        /* font-size: 32px; */
                    }
                      }

#advent section.calendar .carousel-container.slider .slide:not(.locked).prize .prize img {
                    width: 58.33333%;
                    max-width: 200px;
                    max-height: 100px;
                  }

@media (min-width: 1024px) {

#advent section.calendar .carousel-container.slider .slide:not(.locked).prize .prize img {
                      width: 66.66667%;

                      max-width: 340px;

                      max-height: 160px
                  }
                    }

@media (min-width: 1024px) {

#advent section.calendar .carousel-container.slider .slide .poem,
            #advent section.calendar .carousel-container.slider .slide .prize,
            #advent section.calendar .carousel-container.slider .slide .enter,
            #advent section.calendar .carousel-container.slider .slide .missedout {
                border-radius: 1rem
            }
              }

@media (min-width: 768px) {

#advent section.calendar .carousel-container.slider .slide .poem button, #advent section.calendar .carousel-container.slider .slide .prize button, #advent section.calendar .carousel-container.slider .slide .enter button, #advent section.calendar .carousel-container.slider .slide .missedout button {
                  width: 320px
              }
                }

#advent section.calendar .carousel .slide {
          position: relative;
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          border-radius: 0.25rem;
          outline: 2px solid transparent;
          outline-offset: 2px;
          overflow: hidden;
        }

#advent section.calendar .carousel .slide .inner {
            position: relative;
            width: 100%;
            height: 100%;
          }

#advent section.calendar .carousel .slide .door {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 50;
          }

#advent section.calendar .carousel .slide .door,
          #advent section.calendar .carousel .slide .poem,
          #advent section.calendar .carousel .slide .prize,
          #advent section.calendar .carousel .slide .enter,
          #advent section.calendar .carousel .slide .missedout {
            -webkit-transition: opacity 0.33s ease-in;
            -o-transition: opacity 0.33s ease-in;
            transition: opacity 0.33s ease-in;
            will-change: opacity;
          }

#advent section.calendar .carousel .slide .poem,
          #advent section.calendar .carousel .slide .prize,
          #advent section.calendar .carousel .slide .enter,
          #advent section.calendar .carousel .slide .missedout {
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-width: 1px;
            border-style: solid;
            overflow: hidden;
            border-color: #D1131F;
            border-radius: 0.50rem;
          }

#advent section.calendar .carousel .slide .poem > *, #advent section.calendar .carousel .slide .prize > *, #advent section.calendar .carousel .slide .enter > *, #advent section.calendar .carousel .slide .missedout > * {
              display: none;
            }

#advent section.calendar .carousel .slide .poem {
            background-color: #f8e2e1;
          }

#advent section.calendar .carousel .slide .poem video {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
            }

#advent section.calendar .carousel .slide .prize,
          #advent section.calendar .carousel .slide .enter,
          #advent section.calendar .carousel .slide .missedout {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            background-color: #fff;
          }

#advent section.calendar .carousel .slide .prize form, #advent section.calendar .carousel .slide .enter form, #advent section.calendar .carousel .slide .missedout form {
              text-align: center;
            }

#advent section.calendar .carousel .slide .prize img, #advent section.calendar .carousel .slide .enter img, #advent section.calendar .carousel .slide .missedout img {
              width: 66.66667%;
              margin-bottom: 0.75rem;
            }

#advent section.calendar .carousel .slide .prize .text, #advent section.calendar .carousel .slide .enter .text, #advent section.calendar .carousel .slide .missedout .text {
              width: 83.33333%;
              text-align: center;
              margin-left: auto;
              margin-right: auto;
              margin-bottom: 0.75rem;
            }

#advent section.calendar .carousel .slide .prize p, #advent section.calendar .carousel .slide .enter p, #advent section.calendar .carousel .slide .missedout p {
              margin-bottom: 0;
              text-transform: uppercase;
              font-weight: 400;
              line-height: 1.25;
              text-align: center;
              color: #D1131F;
              font-family: 'Ed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            }

@media (max-width: 639px) {

#advent section.calendar .carousel .slide .prize p, #advent section.calendar .carousel .slide .enter p, #advent section.calendar .carousel .slide .missedout p {
                font-size: 16px
            }
              }

#advent section.calendar .carousel .slide .tac-lock {
            position: absolute;
            top: 0;
            left: 0;
            padding-left: 1rem;
            padding-right: 1rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
            color: #fff;
            font-size: 20px;
          }

#advent section.calendar .carousel .slide .closed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-size: 100% 100%;
            background-image: url('https://www-tac-stage.squiz.cloud/road-safety/spend-it-wisely/styles/spentit.css/stroke-slider.svg');
          }

#advent section.calendar .carousel .slide h2 {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            margin-top: 0.5rem;
            color: #fff;
            line-height: 1;
          }

#advent section.calendar .carousel .slide h2 sup {
              position: relative;
              line-height: 1;
              font-size: 35%;
              vertical-align: super;
            }

#advent section.calendar .carousel .slide button {
            color: #fff;
            background-color: #D1131F;
          }

#advent section.calendar .carousel .slide:not(.locked) .tac-lock:before {
                content: '\65';
              }

#advent section.calendar .carousel .slide:not(.locked):hover {
              /* cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>🎄</text></svg>") 16 0,auto; */
            }

/* TODAY */

#advent section.calendar .carousel .slide:not(.locked).today {
              /* animation-duration: 1.44s; */
              /* animation-fill-mode: both; */
              /* animation-name: tada; */
            }

#advent section.calendar .carousel .slide:not(.locked).poem,
            #advent section.calendar .carousel .slide:not(.locked).prize,
            #advent section.calendar .carousel .slide:not(.locked).enter,
            #advent section.calendar .carousel .slide:not(.locked).missedout {
              pointer-events: none;
              cursor: default;
            }

#advent section.calendar .carousel .slide:not(.locked).poem h2,
              #advent section.calendar .carousel .slide:not(.locked).poem .tac-lock,
              #advent section.calendar .carousel .slide:not(.locked).prize h2,
              #advent section.calendar .carousel .slide:not(.locked).prize .tac-lock,
              #advent section.calendar .carousel .slide:not(.locked).enter h2,
              #advent section.calendar .carousel .slide:not(.locked).enter .tac-lock,
              #advent section.calendar .carousel .slide:not(.locked).missedout h2,
              #advent section.calendar .carousel .slide:not(.locked).missedout .tac-lock {
                opacity: 0;
                pointer-events: none;
              }

#advent section.calendar .carousel .slide:not(.locked).poem .door, #advent section.calendar .carousel .slide:not(.locked).prize .door, #advent section.calendar .carousel .slide:not(.locked).enter .door, #advent section.calendar .carousel .slide:not(.locked).missedout .door {
                -webkit-box-shadow: inset 0 0 20px rgba(0,0,0, 0.33);
                        box-shadow: inset 0 0 20px rgba(0,0,0, 0.33);
              }

#advent section.calendar .carousel .slide:not(.locked).poem .inner, #advent section.calendar .carousel .slide:not(.locked).prize .inner, #advent section.calendar .carousel .slide:not(.locked).enter .inner, #advent section.calendar .carousel .slide:not(.locked).missedout .inner {
                border-radius: 0.25rem;
                overflow: hidden;
                background-color: #fff;
              }

#advent section.calendar .carousel .slide:not(.locked).poem .closed, #advent section.calendar .carousel .slide:not(.locked).prize .closed, #advent section.calendar .carousel .slide:not(.locked).enter .closed, #advent section.calendar .carousel .slide:not(.locked).missedout .closed {
                pointer-events: none;
                background-image: url('https://www-tac-stage.squiz.cloud/__data/assets/file/0004/473170/stroke-grid-open.svg?v=0.1.5');
              }

/* OPENED */

#advent section.calendar .carousel .slide:not(.locked).poem .poem {
                opacity: 1;
                pointer-events: auto;
              }

#advent section.calendar .carousel .slide:not(.locked).poem .poem > * {
                  display: block;
                }

/* MISSED OUT */

#advent section.calendar .carousel .slide:not(.locked).missedout .missedout {
                opacity: 1;
                pointer-events: auto;
                -webkit-user-select: none;
                   -moz-user-select: none;
                    -ms-user-select: none;
                        user-select: none;
              }

#advent section.calendar .carousel .slide:not(.locked).missedout .missedout > * {
                  display: block;
                }

/* CLAIM PRIZE */

#advent section.calendar .carousel .slide:not(.locked).prize .prize {
                opacity: 1;
                pointer-events: auto;
              }

#advent section.calendar .carousel .slide:not(.locked).prize .prize > * {
                  display: block;
                }

#advent section.calendar .carousel .slide:not(.locked).prize .prize img {
                  margin-left: auto;
                  margin-right: auto;
                  -o-object-fit: contain;
                     object-fit: contain;
                }

/* ENTER FORM */

#advent section.calendar .carousel .slide:not(.locked).enter .enter {
                opacity: 1;
                pointer-events: auto;
                -webkit-user-select: none;
                   -moz-user-select: none;
                    -ms-user-select: none;
                        user-select: none;
              }

#advent section.calendar .carousel .slide:not(.locked).enter .enter > * {
                  display: block;
                }

#advent section.calendar .carousel .slide:not(.locked).enter .enter .input,
                #advent section.calendar .carousel .slide:not(.locked).enter .enter .check,
                #advent section.calendar .carousel .slide:not(.locked).enter .missedout .input,
                #advent section.calendar .carousel .slide:not(.locked).enter .missedout .check,
                #advent section.calendar .carousel .slide:not(.locked).missedout .enter .input,
                #advent section.calendar .carousel .slide:not(.locked).missedout .enter .check,
                #advent section.calendar .carousel .slide:not(.locked).missedout .missedout .input,
                #advent section.calendar .carousel .slide:not(.locked).missedout .missedout .check {
                  position: relative;
                  width: 83.33333%;
                  margin-left: auto;
                  margin-right: auto;
                  margin-bottom: 0.75rem;
                }

@media (min-width: 768px) {

#advent section.calendar .carousel .slide:not(.locked).enter .enter .input,
                #advent section.calendar .carousel .slide:not(.locked).enter .enter .check,
                #advent section.calendar .carousel .slide:not(.locked).enter .missedout .input,
                #advent section.calendar .carousel .slide:not(.locked).enter .missedout .check,
                #advent section.calendar .carousel .slide:not(.locked).missedout .enter .input,
                #advent section.calendar .carousel .slide:not(.locked).missedout .enter .check,
                #advent section.calendar .carousel .slide:not(.locked).missedout .missedout .input,
                #advent section.calendar .carousel .slide:not(.locked).missedout .missedout .check {
                    margin-bottom: 1.25rem
                }
                  }

#advent section.calendar .carousel .slide:not(.locked).enter .enter .input, #advent section.calendar .carousel .slide:not(.locked).enter .missedout .input, #advent section.calendar .carousel .slide:not(.locked).missedout .enter .input, #advent section.calendar .carousel .slide:not(.locked).missedout .missedout .input {
                  text-align: center;
                }

#advent section.calendar .carousel .slide:not(.locked).enter .enter .check, #advent section.calendar .carousel .slide:not(.locked).enter .missedout .check, #advent section.calendar .carousel .slide:not(.locked).missedout .enter .check, #advent section.calendar .carousel .slide:not(.locked).missedout .missedout .check {
                  margin-bottom: 1rem;
                }

@media (min-width: 768px) {

#advent section.calendar .carousel .slide:not(.locked).enter .enter .check, #advent section.calendar .carousel .slide:not(.locked).enter .missedout .check, #advent section.calendar .carousel .slide:not(.locked).missedout .enter .check, #advent section.calendar .carousel .slide:not(.locked).missedout .missedout .check {
                    margin-bottom: 2rem
                }
                  }

#advent section.calendar .carousel .slide:not(.locked).enter .enter .check span, #advent section.calendar .carousel .slide:not(.locked).enter .missedout .check span, #advent section.calendar .carousel .slide:not(.locked).missedout .enter .check span, #advent section.calendar .carousel .slide:not(.locked).missedout .missedout .check span {
                    color: #D1131F;
                  }

#advent section.calendar .carousel .slide:not(.locked) .poem,
            #advent section.calendar .carousel .slide:not(.locked) .prize,
            #advent section.calendar .carousel .slide:not(.locked) .enter {
              /* @apply opacity-100; */
              /* @apply pointer-events-auto; */
            }

#advent section.calendar .carousel .slide.locked {
            cursor: -webkit-grab;
            cursor: grab;
          }

#advent section.calendar .carousel .slide.locked > * {
              pointer-events: none;
            }

#advent section.calendar .carousel .slide.locked h2,
            #advent section.calendar .carousel .slide.locked .closed {
              opacity: 0.5;
            }

#advent section.calendar .carousel .slide.locked:active {
              cursor: -webkit-grabbing;
              cursor: grabbing;
              /* cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>👎</text></svg>") 16 0,auto; */
            }

#advent section.intro,
    #advent section.staycation {
      overflow: hidden;
    }

#advent section.intro .noise-container, #advent section.staycation .noise-container {
        position: relative;
        top: 2px;
      }

#advent section.fullwidth {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 6rem;
      padding-bottom: 6rem;
      background-color: #D1131F;
    }

#advent section.fullwidth p,
      #advent section.fullwidth h1,
      #advent section.fullwidth h2,
      #advent section.fullwidth h3,
      #advent section.fullwidth h4,
      #advent section.fullwidth .copy {
        text-align: center;
        color: #fff;
      }

#advent section.fullwidth p:last-child {
          margin-bottom: 0;
        }

@media (min-width: 768px) {

#advent section.fullwidth {
        padding-top: 8rem;

        padding-bottom: 8rem
    }
      }

@media (min-width: 1024px) {

#advent section.fullwidth {
        padding-top: 10rem;

        padding-bottom: 10rem
    }
      }

#advent section.intro {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 6rem;
      background-color: #FDCEA5;
    }

@media (min-width: 768px) {

#advent section.intro {
        padding-top: 10rem
    }
      }

@media (min-width: 1024px) {

#advent section.intro {
        padding-top: 16rem
    }
      }

#advent section.intro .ribbons {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-top: 5rem;
        padding-bottom: 5rem;
        opacity: 0;
      }

@media (min-width: 768px) {

#advent section.intro .ribbons {
          opacity: 1
      }
        }

#advent section.intro .ribbons img {
          width: 30%;
        }

#advent section.intro figure {
        width: 66.66667%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3rem;
      }

@media (min-width: 768px) {

#advent section.intro figure {
          margin-bottom: 6rem;

          width: 348px
      }
        }

@media (min-width: 1280px) {

#advent section.intro figure {
          width: 408px
      }
        }

#advent section.intro p,
      #advent section.intro h4 {
        color: #AE7022;
      }

#advent section.intro h4 {
        text-transform: uppercase;
        margin-bottom: 1.5rem;
      }

@media (min-width: 768px) {

#advent section.intro h4 {
          width: 41.66667%;

          margin-right: auto
      }
        }

@media (max-width: 767px) {

#advent section.intro h4,
      #advent section.intro .copy {
          text-align: center
      }
        }

#advent section.intro .max-width {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
      }

@media (min-width: 768px) {

#advent section.intro .max-width {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
              -ms-flex-direction: row;
                  flex-direction: row;

          -webkit-box-align: center;

          -webkit-align-items: center;

              -ms-flex-align: center;

                  align-items: center;

          -webkit-box-pack: center;

          -webkit-justify-content: center;

              -ms-flex-pack: center;

                  justify-content: center;

          padding-left: 4rem;

          padding-right: 4rem
      }
        }

@media (min-width: 768px) {

#advent section.intro .copy {
          width: 50%
      }
        }

#advent section.staycation {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 6rem;
      padding-bottom: 0;
      background-color: #7774B2;
    }

@media (min-width: 768px) {

#advent section.staycation {
        padding-top: 10rem
    }
      }

@media (min-width: 1024px) {

#advent section.staycation {
        padding-top: 16rem
    }
      }

#advent section.staycation p,
      #advent section.staycation h3 {
        color: #fff;
      }

#advent section.staycation h3 {
        margin-bottom: 1.5rem;
        text-transform: uppercase;
      }

@media (min-width: 768px) {

#advent section.staycation h3 {
          margin-bottom: 2.5rem
      }
        }

#advent section.staycation button {
        margin-bottom: 2rem;
        color: #7774B2;
        background-color: #fff;
      }

@media (max-width: 767px) {

#advent section.staycation button {
          width: 100%;
      }
        }

@media (max-width: 767px) {

#advent section.staycation h3,
      #advent section.staycation .copy {
          text-align: center
      }
        }

#advent section.staycation .terms p {
          margin-bottom: 0.75rem;
          font-size: 60%;
        }

#advent section.staycation .max-width {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-left: 4rem;
        padding-right: 4rem;
      }

@media (min-width: 768px) {

#advent section.staycation .max-width {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
              -ms-flex-direction: row;
                  flex-direction: row;

          -webkit-box-align: center;

          -webkit-align-items: center;

              -ms-flex-align: center;

                  align-items: center;

          padding-left: 4rem;

          padding-right: 4rem
      }
        }

#advent section.staycation .copy,
      #advent section.staycation figure {
        z-index: 20;
      }

#advent section.staycation .copy {
        position: relative;
        z-index: 30;
      }

@media (min-width: 768px) {

#advent section.staycation .copy {
          width: 50%
      }
        }

@media (min-width: 1024px) {

#advent section.staycation .copy {
          width: 41.66667%;

          margin-right: auto
      }
        }

#advent section.staycation figure {
        position: relative;
        width: 100%;
        margin-top: 4rem;
        z-index: 20;
      }

@media (min-width: 768px) {

#advent section.staycation figure {
          margin-left: 0;

          margin-right: 0;

          width: 50%
      }
        }

#advent section.staycation figure img {
          position: relative;
          width: 100%;
          height: 100%;
        }

@media (max-width: 767px) {

#advent section.staycation figure img:first-child {
              top: 20px
          }
            }

#advent section.staycation figure img:not(:first-child) {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
          }

#advent section.staycation figure img.stars {
            top: -88px;
          }

#advent section.staycation figure img.building {
            top: 20px;
          }

#advent section.contact {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 3rem;
      padding-bottom: 3rem;
      background-color: #fff;
    }

@media (min-width: 768px) {

#advent section.contact {
        padding-top: 5rem;

        padding-bottom: 5rem
    }
      }

#advent section.contact p {
        text-align: center;
        margin-bottom: 0;
        color: #7774B2;
      }

#advent section.contact a {
        text-decoration: underline;
      }

#advent section.partners {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 5rem;
      padding-bottom: 5rem;
      background-color: #D3D8F3;
    }

@media (min-width: 768px) {

#advent section.partners {
        padding-top: 10rem;

        padding-bottom: 10rem
    }
      }

#advent section.partners h3,
      #advent section.partners h5 {
        text-align: center;
        text-transform: uppercase;
        color: #7774B2;
      }

@media (min-width: 768px) {

#advent section.partners h3 {
          margin-bottom: 2.5rem
      }
        }

#advent section.partners .logos {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        width: 83.33333%;
        margin-left: auto;
        margin-right: auto;
      }

#advent section.partners .logos .logo {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 50%;
          padding-top: 0.75rem;
          padding-bottom: 0.75rem;
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }

@media (min-width: 768px) {

#advent section.partners .logos .logo {
            width: 33.33333%;

            padding-top: 1rem;

            padding-bottom: 1rem;

            padding-left: 1rem;

            padding-right: 1rem
        }
          }

@media (min-width: 1024px) {

#advent section.partners .logos .logo {
            width: 25%;

            padding-top: 1rem;

            padding-bottom: 1rem;

            padding-left: 1rem;

            padding-right: 1rem
        }
          }

#advent section.partners .logos a {
          position: relative;
          display: block;
          width: 100%;
          height: 0;
          border-radius: 0.5rem;
          background-color: #fff;
          padding-bottom: 100%;
          -webkit-transition: -webkit-box-shadow 0.33s ease-in-out;
          transition: -webkit-box-shadow 0.33s ease-in-out;
          -o-transition: box-shadow 0.33s ease-in-out;
          transition: box-shadow 0.33s ease-in-out;
          transition: box-shadow 0.33s ease-in-out, -webkit-box-shadow 0.33s ease-in-out;
          will-change: box-shadow;
        }

#advent section.partners .logos a:hover {
            -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0, 0.15), 0 10px 20px 0 rgba(0,0,0, 0.20);
                    box-shadow: 0 1px 5px 0 rgba(0,0,0, 0.15), 0 10px 20px 0 rgba(0,0,0, 0.20);
          }

#advent section.partners .logos a:hover img {
              -webkit-transform: translate(-50%, -50%) scale(0.95);
                  -ms-transform: translate(-50%, -50%) scale(0.95);
                      transform: translate(-50%, -50%) scale(0.95);
            }

#advent section.partners .logos img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          height: auto;
          -webkit-transition: -webkit-transform 0.33s ease-in-out;
          transition: -webkit-transform 0.33s ease-in-out;
          -o-transition: transform 0.33s ease-in-out;
          transition: transform 0.33s ease-in-out;
          transition: transform 0.33s ease-in-out, -webkit-transform 0.33s ease-in-out;
          will-change: transform;
        }

#advent section.foot {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 3rem;
      padding-bottom: 3rem;
    }

@media (min-width: 768px) {

#advent section.foot {
        padding-top: 5rem;

        padding-bottom: 5rem
    }
      }

#advent section.foot img {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        height: 36px;
      }

@media (min-width: 768px) {

#advent section.foot img {
          height: 45px
      }
        }

/* Resets */

#advent ul li:before {
        display: none;
      }

/* Buttons */

#advent button {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-radius: 0.5rem;
    height: auto;
    outline: 2px solid transparent;
    outline-offset: 2px;
    font-weight: 400;
    width: 83.33333%;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    opacity: 0.75;
    font-size: 34px;
    font-family: 'Ed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #D1131F;
    background-color: #fff;
    -webkit-transition: opacity 0.33s ease-in-out,
                -webkit-box-shadow 0.33s ease-in-out;
    transition: opacity 0.33s ease-in-out,
                -webkit-box-shadow 0.33s ease-in-out;
    -o-transition: opacity 0.33s ease-in-out,
                box-shadow 0.33s ease-in-out;
    transition: opacity 0.33s ease-in-out,
                box-shadow 0.33s ease-in-out;
    transition: opacity 0.33s ease-in-out,
                box-shadow 0.33s ease-in-out,
                -webkit-box-shadow 0.33s ease-in-out;
    will-change: opacity, box-shadow;
  }

#advent button:hover {
      outline: 2px solid transparent;
      outline-offset: 2px;
      opacity: 1;
      -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0, 0.15), 0 10px 20px 0 rgba(0,0,0, 0.20);
              box-shadow: 0 1px 5px 0 rgba(0,0,0, 0.15), 0 10px 20px 0 rgba(0,0,0, 0.20);
    }

/* Switch */

#advent .form-switch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    border-width: 2px;
    border-style: solid;
    z-index: 10;
    background: #fff;
    border-color: #fff;
    border-radius: 48px;
    width: calc(146px - 10px);
  }

#advent .form-switch .btn {
      position: relative;
      display: inline-block;
      z-index: 20;
      width: 71px;
      height: 48px;
      -webkit-transition: background 600ms ease, color 600ms ease;
      -o-transition: background 600ms ease, color 600ms ease;
      transition: background 600ms ease, color 600ms ease;
    }

#advent .form-switch input[type="radio"].toggle {
      display: none;
    }

#advent .form-switch input[type="radio"].toggle + label {
        position: relative;
        cursor: pointer;
        min-width: 71px;
        color: #D1131F;
      }

#advent .form-switch input[type="radio"].toggle + label:hover {
          background-color: transparent;
        }

#advent .form-switch input[type="radio"].toggle + label span {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          z-index: 20;
          font-size: 22px;
          line-height: 0;
        }

#advent .form-switch input[type="radio"].toggle + label span:before {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
          }

#advent .form-switch input[type="radio"].toggle + label:after {
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          content: '';
          background: #D1131F;
          border-radius: 48px;
          z-index: -1;
          -webkit-transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
          -o-transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
        }

#advent .form-switch input[type="radio"].toggle.toggle-left + label {
        border-right-width: 0;
      }

#advent .form-switch input[type="radio"].toggle.toggle-left + label:after {
          left: calc(100% - 10px);
        }

#advent .form-switch input[type="radio"].toggle.toggle-right + label {
        left: -10px;
      }

#advent .form-switch input[type="radio"].toggle.toggle-right + label:after {
          left: calc(-100% + 10px);
        }

#advent .form-switch input[type="radio"].toggle:checked + label {
        cursor: default;
        z-index: 30;
        /* left: -10px; */
        color: #fff;
        -webkit-transition: color 200ms;
        -o-transition: color 200ms;
        transition: color 200ms;
      }

#advent .form-switch input[type="radio"].toggle:checked + label:after{
          left: 0px;
        }

/* Radio & Checkbox */

#advent .check label {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      opacity: 1;
      cursor: pointer;
      text-align: left;
      margin-bottom: 0;
      font-size: inherit;
      min-height: 32px;
    }

#advent .check span {
      display: block;
      margin-left: 3rem;
      line-height: 1.25;
      font-size: 14px;
    }

#advent .check input[type='radio'],
    #advent .check input[type='checkbox'] {
      position: absolute;
      left: 0;
      display: inline-block;
      outline: 2px solid transparent;
      outline-offset: 2px;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      cursor: pointer;
      border-radius: 0.25rem;
      border-width: 1px;
      border-style: solid;
      margin: 0 !important;
      padding: 0 !important;
      height: 32px;
      width: 32px;
      color: #D1131F;
      background-color: #fff;
      border-color: #acacac;
      -webkit-transition: background-color 0.33s ease-in-out,
                  border 0.33s ease-in-out,
                  -webkit-transform 350ms cubic-bezier(.78,-1.22,.17,1.89);
      transition: background-color 0.33s ease-in-out,
                  border 0.33s ease-in-out,
                  -webkit-transform 350ms cubic-bezier(.78,-1.22,.17,1.89);
      -o-transition: background-color 0.33s ease-in-out,
                  border 0.33s ease-in-out,
                  transform 350ms cubic-bezier(.78,-1.22,.17,1.89);
      transition: background-color 0.33s ease-in-out,
                  border 0.33s ease-in-out,
                  transform 350ms cubic-bezier(.78,-1.22,.17,1.89);
      transition: background-color 0.33s ease-in-out,
                  border 0.33s ease-in-out,
                  transform 350ms cubic-bezier(.78,-1.22,.17,1.89),
                  -webkit-transform 350ms cubic-bezier(.78,-1.22,.17,1.89);
    }

#advent .check input[type='radio']:checked::before, #advent .check input[type='checkbox']:checked::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
      }

#advent .check input[type='radio']:hover, #advent .check input[type='checkbox']:hover {
        border-color: #D1131F;
      }

#advent .check input[type='radio']:focus, #advent .check input[type='checkbox']:focus {
      }

#advent .check input[type='radio']:checked, #advent .check input[type='checkbox']:checked {
        border-color: #D1131F !important;
        color: #D1131F !important;
        background-color: #D1131F !important;
      }

#advent .check input[type='radio'] {
      border-radius: 9999px;
    }

/* Basic checkbox/radio */

#advent input:not([type='checkbox']):not([type='radio']) {
    position: relative;
    display: block;
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-weight: 500;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    pointer-events: auto;
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all;
    color: #D1131F;
    background-color: #fff;
    border-color: #acacac;
    -webkit-transition: border 0.33s ease-in-out,
                background 0.33s ease-in-out,
                -webkit-box-shadow 0.33s ease-in-out;
    transition: border 0.33s ease-in-out,
                background 0.33s ease-in-out,
                -webkit-box-shadow 0.33s ease-in-out;
    -o-transition: border 0.33s ease-in-out,
                box-shadow 0.33s ease-in-out,
                background 0.33s ease-in-out;
    transition: border 0.33s ease-in-out,
                box-shadow 0.33s ease-in-out,
                background 0.33s ease-in-out;
    transition: border 0.33s ease-in-out,
                box-shadow 0.33s ease-in-out,
                background 0.33s ease-in-out,
                -webkit-box-shadow 0.33s ease-in-out;
    will-change: border, box-shadow, background;
  }

@media (min-width: 768px) {

#advent input:not([type='checkbox']):not([type='radio']) {
      padding-top: 0.75rem;

      padding-bottom: 0.75rem
  }
    }

#advent input:not([type='checkbox']):not([type='radio']).focus,
    #advent input:not([type='checkbox']):not([type='radio']):focus,
    #advent input:not([type='checkbox']):not([type='radio']):valid,
    #advent input:not([type='checkbox']):not([type='radio']).success {
      outline: 2px solid transparent;
      outline-offset: 2px;
      color: #D1131F;
      background-color: #fff;
      border-color: #acacac;
    }

#advent input:not([type='checkbox']):not([type='radio']):not(:-moz-placeholder-shown):invalid {
      color: #e91e63;
      border-color: #e91e63;
    }

#advent input:not([type='checkbox']):not([type='radio']):not(:-ms-input-placeholder):invalid {
      color: #e91e63;
      border-color: #e91e63;
    }

#advent input:not([type='checkbox']):not([type='radio']):not(:placeholder-shown):invalid,
    #advent input:not([type='checkbox']):not([type='radio']).error {
      color: #e91e63;
      border-color: #e91e63;
    }

/* @import 'page/account'; */

/* Utilities */

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.w-6o12 {
  width: 50%;
}

.w-7o12 {
  width: 58.33333%;
}

.w-8o12 {
  width: 66.66667%;
}

.w-9o12 {
  width: 75%;
}

.w-10o12 {
  width: 83.33333%;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    -webkit-transform: none;
            transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

::selection {
  color: #D1131F;
  background: rgba(209,19,31, 0.075);
}

/* @import 'utilities/development'; */

[data-animation] {
  visibility: hidden;
  opacity: 0;
}

[data-animation].js-animated {
    visibility: visible;
    opacity: 1;
  }

@-webkit-keyframes rotate {

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

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

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

/**
 * ----------------------------------------
 * spinner animation for transitions
 * ----------------------------------------
 */

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Custom – Tada */

@-webkit-keyframes tada {

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */

@keyframes fi {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fi {
  -webkit-animation: fi 1.33s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: fi 1.33s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  -webkit-animation-delay: 0.33s;
          animation-delay: 0.33s;
}

.fi-d {
    -webkit-animation: fi 1.33s both;
            animation: fi 1.33s both;
    opacity: 0;
  }

.fi-d.d-1, .fi-d:nth-of-type(1) {
      -webkit-animation-delay: calc(1 * 0.22s);
              animation-delay: calc(1 * 0.22s);
    }

.fi-d.d-2, .fi-d:nth-of-type(2) {
      -webkit-animation-delay: calc(2 * 0.22s);
              animation-delay: calc(2 * 0.22s);
    }

.fi-d.d-3, .fi-d:nth-of-type(3) {
      -webkit-animation-delay: calc(3 * 0.22s);
              animation-delay: calc(3 * 0.22s);
    }

.fi-d.d-4, .fi-d:nth-of-type(4) {
      -webkit-animation-delay: calc(4 * 0.22s);
              animation-delay: calc(4 * 0.22s);
    }

.fi-d.d-5, .fi-d:nth-of-type(5) {
      -webkit-animation-delay: calc(5 * 0.22s);
              animation-delay: calc(5 * 0.22s);
    }

 .fi-d:nth-of-type(6) {
      -webkit-animation-delay: calc(6 * 0.22s);
              animation-delay: calc(6 * 0.22s);
    }

 .fi-d:nth-of-type(7) {
      -webkit-animation-delay: calc(7 * 0.22s);
              animation-delay: calc(7 * 0.22s);
    }

 .fi-d:nth-of-type(8) {
      -webkit-animation-delay: calc(8 * 0.22s);
              animation-delay: calc(8 * 0.22s);
    }

 .fi-d:nth-of-type(9) {
      -webkit-animation-delay: calc(9 * 0.22s);
              animation-delay: calc(9 * 0.22s);
    }

 .fi-d:nth-of-type(10) {
      -webkit-animation-delay: calc(10 * 0.22s);
              animation-delay: calc(10 * 0.22s);
    }

 .fi-d:nth-of-type(11) {
      -webkit-animation-delay: calc(11 * 0.22s);
              animation-delay: calc(11 * 0.22s);
    }

 .fi-d:nth-of-type(12) {
      -webkit-animation-delay: calc(12 * 0.22s);
              animation-delay: calc(12 * 0.22s);
    }

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */

@keyframes fib {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.fib-d {
    -webkit-animation: fib 1.33s both;
            animation: fib 1.33s both;
    opacity: 0;
  }

.fib-d.d-1, .fib-d:nth-of-type(1) {
      -webkit-animation-delay: calc(1 * 0.22s);
              animation-delay: calc(1 * 0.22s);
    }

.fib-d.d-2, .fib-d:nth-of-type(2) {
      -webkit-animation-delay: calc(2 * 0.22s);
              animation-delay: calc(2 * 0.22s);
    }

.fib-d.d-3, .fib-d:nth-of-type(3) {
      -webkit-animation-delay: calc(3 * 0.22s);
              animation-delay: calc(3 * 0.22s);
    }

.fib-d.d-4, .fib-d:nth-of-type(4) {
      -webkit-animation-delay: calc(4 * 0.22s);
              animation-delay: calc(4 * 0.22s);
    }

.fib-d.d-5, .fib-d:nth-of-type(5) {
      -webkit-animation-delay: calc(5 * 0.22s);
              animation-delay: calc(5 * 0.22s);
    }

 .fib-d:nth-of-type(6) {
      -webkit-animation-delay: calc(6 * 0.22s);
              animation-delay: calc(6 * 0.22s);
    }

 .fib-d:nth-of-type(7) {
      -webkit-animation-delay: calc(7 * 0.22s);
              animation-delay: calc(7 * 0.22s);
    }

 .fib-d:nth-of-type(8) {
      -webkit-animation-delay: calc(8 * 0.22s);
              animation-delay: calc(8 * 0.22s);
    }

 .fib-d:nth-of-type(9) {
      -webkit-animation-delay: calc(9 * 0.22s);
              animation-delay: calc(9 * 0.22s);
    }

 .fib-d:nth-of-type(10) {
      -webkit-animation-delay: calc(10 * 0.22s);
              animation-delay: calc(10 * 0.22s);
    }

/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */

@keyframes fit {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation slide-down-psuedo
 * ----------------------------------------
 */

@-webkit-keyframes sdpa {

  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
}

@keyframes sdpa {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
}

@-webkit-keyframes sdpb {

  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 1;
  }
}

@keyframes sdpb {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 1;
  }
}