{"version":3,"sources":["webpack:///./node_modules/slick-carousel/slick/slick.css","webpack:///./slick.css","webpack:///./node_modules/slick-carousel/slick/slick-theme.css","webpack:///./slick-theme.css","webpack:///./src/scss/_variables.scss","webpack:///./src/scss/_typography.scss","webpack:///./src/scss/components/_archive-bar.scss","webpack:///./src/scss/components/_attribution.scss","webpack:///./src/scss/components/_base.scss","webpack:///./src/scss/components/_bottom-container.scss","webpack:///./src/scss/components/_color-selector.scss","webpack:///./src/scss/components/_controls.scss","webpack:///./src/scss/components/_generator-spinner.scss","webpack:///./app.scss","webpack:///./src/scss/components/_generator.scss","webpack:///./src/scss/components/_happy-holidays.scss","webpack:///./src/scss/components/_header.scss","webpack:///./src/scss/components/_leaderboard.scss","webpack:///./src/scss/components/_modal.scss","webpack:///./src/scss/components/_slash-border.scss","webpack:///./src/scss/components/_snail-mail.scss","webpack:///./src/scss/_color-change.scss","webpack:///./src/scss/_trex.scss"],"names":[],"mappings":"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","file":"app-40763c71935ae34cd144.min.css","sourcesContent":["/* Slider */\n.slick-slider\n{\n    position: relative;\n\n    display: block;\n    box-sizing: border-box;\n\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n        touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.slick-list\n{\n    position: relative;\n\n    display: block;\n    overflow: hidden;\n\n    margin: 0;\n    padding: 0;\n}\n.slick-list:focus\n{\n    outline: none;\n}\n.slick-list.dragging\n{\n    cursor: pointer;\n    cursor: hand;\n}\n\n.slick-slider .slick-track,\n.slick-slider .slick-list\n{\n    -webkit-transform: translate3d(0, 0, 0);\n       -moz-transform: translate3d(0, 0, 0);\n        -ms-transform: translate3d(0, 0, 0);\n         -o-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0);\n}\n\n.slick-track\n{\n    position: relative;\n    top: 0;\n    left: 0;\n\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n}\n.slick-track:before,\n.slick-track:after\n{\n    display: table;\n\n    content: '';\n}\n.slick-track:after\n{\n    clear: both;\n}\n.slick-loading .slick-track\n{\n    visibility: hidden;\n}\n\n.slick-slide\n{\n    display: none;\n    float: left;\n\n    height: 100%;\n    min-height: 1px;\n}\n[dir='rtl'] .slick-slide\n{\n    float: right;\n}\n.slick-slide img\n{\n    display: block;\n}\n.slick-slide.slick-loading img\n{\n    display: none;\n}\n.slick-slide.dragging img\n{\n    pointer-events: none;\n}\n.slick-initialized .slick-slide\n{\n    display: block;\n}\n.slick-loading .slick-slide\n{\n    visibility: hidden;\n}\n.slick-vertical .slick-slide\n{\n    display: block;\n\n    height: auto;\n\n    border: 1px solid transparent;\n}\n.slick-arrow.slick-hidden {\n    display: none;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/slick-carousel/slick/slick.css","/* Slider */\n.slick-slider {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-touch-callout: none;\n  -khtml-user-select: none;\n  -ms-touch-action: pan-y;\n  touch-action: pan-y;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.slick-list {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n}\n\n.slick-list:focus {\n  outline: none;\n}\n\n.slick-list.dragging {\n  cursor: pointer;\n  cursor: hand;\n}\n\n.slick-slider .slick-track,\n.slick-slider .slick-list {\n  -webkit-transform: translate3d(0, 0, 0);\n  -moz-transform: translate3d(0, 0, 0);\n  -ms-transform: translate3d(0, 0, 0);\n  -o-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n}\n\n.slick-track {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.slick-track:before,\n.slick-track:after {\n  display: table;\n  content: '';\n}\n\n.slick-track:after {\n  clear: both;\n}\n\n.slick-loading .slick-track {\n  visibility: hidden;\n}\n\n.slick-slide {\n  display: none;\n  float: left;\n  height: 100%;\n  min-height: 1px;\n}\n\n[dir='rtl'] .slick-slide {\n  float: right;\n}\n\n.slick-slide img {\n  display: block;\n}\n\n.slick-slide.slick-loading img {\n  display: none;\n}\n\n.slick-slide.dragging img {\n  pointer-events: none;\n}\n\n.slick-initialized .slick-slide {\n  display: block;\n}\n\n.slick-loading .slick-slide {\n  visibility: hidden;\n}\n\n.slick-vertical .slick-slide {\n  display: block;\n  height: auto;\n  border: 1px solid transparent;\n}\n\n.slick-arrow.slick-hidden {\n  display: none;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./slick.css","@charset 'UTF-8';\n/* Slider */\n.slick-loading .slick-list\n{\n    background: #fff url('./ajax-loader.gif') center center no-repeat;\n}\n\n/* Icons */\n@font-face\n{\n    font-family: 'slick';\n    font-weight: normal;\n    font-style: normal;\n\n    src: url('./fonts/slick.eot');\n    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n}\n/* Arrows */\n.slick-prev,\n.slick-next\n{\n    font-size: 0;\n    line-height: 0;\n\n    position: absolute;\n    top: 50%;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    -webkit-transform: translate(0, -50%);\n    -ms-transform: translate(0, -50%);\n    transform: translate(0, -50%);\n\n    cursor: pointer;\n\n    color: transparent;\n    border: none;\n    outline: none;\n    background: transparent;\n}\n.slick-prev:hover,\n.slick-prev:focus,\n.slick-next:hover,\n.slick-next:focus\n{\n    color: transparent;\n    outline: none;\n    background: transparent;\n}\n.slick-prev:hover:before,\n.slick-prev:focus:before,\n.slick-next:hover:before,\n.slick-next:focus:before\n{\n    opacity: 1;\n}\n.slick-prev.slick-disabled:before,\n.slick-next.slick-disabled:before\n{\n    opacity: .25;\n}\n\n.slick-prev:before,\n.slick-next:before\n{\n    font-family: 'slick';\n    font-size: 20px;\n    line-height: 1;\n\n    opacity: .75;\n    color: white;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.slick-prev\n{\n    left: -25px;\n}\n[dir='rtl'] .slick-prev\n{\n    right: -25px;\n    left: auto;\n}\n.slick-prev:before\n{\n    content: '←';\n}\n[dir='rtl'] .slick-prev:before\n{\n    content: '→';\n}\n\n.slick-next\n{\n    right: -25px;\n}\n[dir='rtl'] .slick-next\n{\n    right: auto;\n    left: -25px;\n}\n.slick-next:before\n{\n    content: '→';\n}\n[dir='rtl'] .slick-next:before\n{\n    content: '←';\n}\n\n/* Dots */\n.slick-dotted.slick-slider\n{\n    margin-bottom: 30px;\n}\n\n.slick-dots\n{\n    position: absolute;\n    bottom: -25px;\n\n    display: block;\n\n    width: 100%;\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n\n    text-align: center;\n}\n.slick-dots li\n{\n    position: relative;\n\n    display: inline-block;\n\n    width: 20px;\n    height: 20px;\n    margin: 0 5px;\n    padding: 0;\n\n    cursor: pointer;\n}\n.slick-dots li button\n{\n    font-size: 0;\n    line-height: 0;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 5px;\n\n    cursor: pointer;\n\n    color: transparent;\n    border: 0;\n    outline: none;\n    background: transparent;\n}\n.slick-dots li button:hover,\n.slick-dots li button:focus\n{\n    outline: none;\n}\n.slick-dots li button:hover:before,\n.slick-dots li button:focus:before\n{\n    opacity: 1;\n}\n.slick-dots li button:before\n{\n    font-family: 'slick';\n    font-size: 6px;\n    line-height: 20px;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 20px;\n    height: 20px;\n\n    content: '•';\n    text-align: center;\n\n    opacity: .25;\n    color: black;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n.slick-dots li.slick-active button:before\n{\n    opacity: .75;\n    color: black;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/slick-carousel/slick/slick-theme.css","@charset \"UTF-8\";\n/* Slider */\n.slick-loading .slick-list {\n  background: #fff url(\"./ajax-loader.gif\") center center no-repeat;\n}\n\n/* Icons */\n@font-face {\n  font-family: 'slick';\n  font-weight: normal;\n  font-style: normal;\n  src: url(\"./fonts/slick.eot\");\n  src: url(\"./fonts/slick.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/slick.woff\") format(\"woff\"), url(\"./fonts/slick.ttf\") format(\"truetype\"), url(\"./fonts/slick.svg#slick\") format(\"svg\");\n}\n\n/* Arrows */\n.slick-prev,\n.slick-next {\n  font-size: 0;\n  line-height: 0;\n  position: absolute;\n  top: 50%;\n  display: block;\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  -webkit-transform: translate(0, -50%);\n  -ms-transform: translate(0, -50%);\n  transform: translate(0, -50%);\n  cursor: pointer;\n  color: transparent;\n  border: none;\n  outline: none;\n  background: transparent;\n}\n\n.slick-prev:hover,\n.slick-prev:focus,\n.slick-next:hover,\n.slick-next:focus {\n  color: transparent;\n  outline: none;\n  background: transparent;\n}\n\n.slick-prev:hover:before,\n.slick-prev:focus:before,\n.slick-next:hover:before,\n.slick-next:focus:before {\n  opacity: 1;\n}\n\n.slick-prev.slick-disabled:before,\n.slick-next.slick-disabled:before {\n  opacity: .25;\n}\n\n.slick-prev:before,\n.slick-next:before {\n  font-family: 'slick';\n  font-size: 20px;\n  line-height: 1;\n  opacity: .75;\n  color: white;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.slick-prev {\n  left: -25px;\n}\n\n[dir='rtl'] .slick-prev {\n  right: -25px;\n  left: auto;\n}\n\n.slick-prev:before {\n  content: '←';\n}\n\n[dir='rtl'] .slick-prev:before {\n  content: '→';\n}\n\n.slick-next {\n  right: -25px;\n}\n\n[dir='rtl'] .slick-next {\n  right: auto;\n  left: -25px;\n}\n\n.slick-next:before {\n  content: '→';\n}\n\n[dir='rtl'] .slick-next:before {\n  content: '←';\n}\n\n/* Dots */\n.slick-dotted.slick-slider {\n  margin-bottom: 30px;\n}\n\n.slick-dots {\n  position: absolute;\n  bottom: -25px;\n  display: block;\n  width: 100%;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  text-align: center;\n}\n\n.slick-dots li {\n  position: relative;\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  margin: 0 5px;\n  padding: 0;\n  cursor: pointer;\n}\n\n.slick-dots li button {\n  font-size: 0;\n  line-height: 0;\n  display: block;\n  width: 20px;\n  height: 20px;\n  padding: 5px;\n  cursor: pointer;\n  color: transparent;\n  border: 0;\n  outline: none;\n  background: transparent;\n}\n\n.slick-dots li button:hover,\n.slick-dots li button:focus {\n  outline: none;\n}\n\n.slick-dots li button:hover:before,\n.slick-dots li button:focus:before {\n  opacity: 1;\n}\n\n.slick-dots li button:before {\n  font-family: 'slick';\n  font-size: 6px;\n  line-height: 20px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 20px;\n  height: 20px;\n  content: '•';\n  text-align: center;\n  opacity: .25;\n  color: black;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.slick-dots li.slick-active button:before {\n  opacity: .75;\n  color: black;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./slick-theme.css","// Fonts\n@font-face {\n  font-family: 'TradeGothicStd-BdCn';\n  src: url('../fonts/TradeGothicLTStd-BdCn20.eot'); /* IE9 Compat Modes */\n  src: url('../fonts/TradeGothicLTStd-BdCn20.woff2') format('woff2'),\n    url('../fonts/TradeGothicLTStd-BdCn20.woff') format('woff'),\n    url('../fonts/TradeGothicLTStd-BdCn20.ttf')  format('truetype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n$trade-gothic: 'TradeGothicStd-BdCn';\n\n$white: #fff;\n$black: #231f20;\n$grey: #808285;\n$grey--light: #b1b3b6;\n\n$pink: #dd417f;\n$cyan: #74c7ba;\n$yellow: #f9c837;\n\n$bp-s: 28.125em;      // 450px\n$bp-m: 41.25em;       // 660px\n$bp-l: 48.75em;       // 780px\n$bp-right: 55.625em;  // 890px\n$bp-xl: 58.75em;      // 940px\n$bp-xxl: 65em;        // 1040px\n$bp-greeting: 72.5em; // 1160px\n$bp-reveal: 75em;     // 1200px\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/_variables.scss","$montserrat: 'Montserrat', sans-serif;\n$playfair: 'Playfair Display', serif;\n\nh1, h2, h3, h4, h5, h6, p {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nh1, h2, h3, h4 {\n  font-family: $trade-gothic;\n  font-weight: normal;\n}\n\nh2 {\n  font-size: 2.375rem;\n  color: $grey;\n  text-transform: uppercase;\n\n  @media screen and (min-width: $bp-s) {\n    font-size: 3.125rem;\n  }\n}\n\nh3 {\n  text-transform: uppercase;\n}\n\nh4 {\n  text-transform: uppercase;\n  font-size: 1rem;\n  color: $grey;\n  margin-bottom: 0.75rem;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/_typography.scss",".archive-bar {\n  align-items: center;\n  background-color: #000;\n  color: #fff;\n  display: flex;\n  font-family: 'TradeGothicStd-BdCn', sans-serif;\n  justify-content: space-between;\n  letter-spacing: 0.1em;\n  line-height: 1;\n  text-transform: uppercase;\n}\n\n.archive-bar * {\n  color: inherit;\n}\n\n.archive-bar__item-link {\n  text-decoration: none;\n}\n\n.archive-bar__item {\n  padding: 1rem;\n}\n\n.archive-bar__previous-year {\n  text-align: right;\n}\n\n.archive-bar__previous-year__arrow {\n  display: inline-block;\n  margin-left: 0.5rem;\n  width: 0.4rem;\n}\n\n.archive-bar__previous-year__arrow * {\n  fill: #fff;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_archive-bar.scss",".attribution {\n  display: flex;\n  padding: 8px 0 8px 16px;\n  align-items: flex-end;\n\n  @media screen and (min-width: $bp-m) {\n    align-items: flex-start;\n    padding: 0;\n  }\n\n  &__text {\n    color: $grey;\n    text-transform: uppercase;\n\n    @media screen and (min-width: $bp-m) {\n      padding-right: 34px;\n    }\n\n    @media screen and (min-width: $bp-l) {\n      padding-top: 40px;\n    }\n\n    h3 {\n      text-align: right;\n      font-size: 1.625rem;\n\n      @media screen and (min-width: $bp-s) {\n        font-size: 1.625rem;\n      }\n    }\n  }\n\n  &__logo {\n    width: 114px;\n    height: 114px;\n    display: none;\n\n    @media screen and (min-width: $bp-l) {\n      display: block;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_attribution.scss","html {\n  box-sizing: border-box;\n}\n\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 100%;\n  margin: 0;\n  line-height: 1.2;\n  font-family: $trade-gothic;\n  color: $black;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\nmain {\n  min-height: 100vh;\n  overflow: hidden;\n}\n\n#canvas {\n  display: none;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_base.scss",".bottom-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_bottom-container.scss",".color-selector {\n  margin-bottom: 12px;\n\n  @media screen and (min-width: $bp-m) {\n    margin-bottom: 0;\n  }\n\n  &__colors {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    width: 100px;\n\n    @media screen and (min-width: $bp-s) {\n      width: 132px;\n    }\n\n    @media screen and (min-width: $bp-l) {\n      display: block;\n      width: auto;\n    }\n  }\n\n  &__color {\n    width: 40px;\n    height: 40px;\n    border: 4px solid $black;\n    background-color: $white;\n    border-radius: 50%;\n    box-shadow: 6px 6px 0 -2px $grey;\n    position: relative;\n    cursor: pointer;\n    margin-bottom: 20px;\n\n    @media screen and (min-width: $bp-s) {\n      width: 56px;\n      height: 56px;\n    }\n\n    @media screen and (min-width: $bp-l) {\n      margin-right: 18px;\n      margin-bottom: 0;\n    }\n\n    &::before {\n      content: '';\n      display: block;\n      width: 14px;\n      height: 14px;\n      border-radius: 50%;\n      position: absolute;\n      top: 9px;\n      left: 9px;\n\n      @media screen and (min-width: $bp-s) {\n        width: 18px;\n        height: 18px;\n        top: 15px;\n        left: 15px;\n      }\n    }\n\n    &--white::before {\n      background-color: $white;\n    }\n\n    &--pink::before {\n      background-color: $pink;\n    }\n\n    &--cyan::before {\n      background-color: $cyan;\n    }\n\n    &--yellow::before {\n      background-color: $yellow;\n    }\n  }\n\n  h4 {\n    display: none;\n\n    @media screen and (min-width: $bp-l) {\n      display: block;\n      padding-left: 0.375rem;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_color-selector.scss",".greeting-controls {\n  position: relative;\n  padding: 48px 20px 72px;\n\n  @media screen and (min-width: $bp-m) {\n    display: flex;\n    align-items: flex-start;\n    padding-left: 62px;\n    padding-right: 62px;\n  }\n\n  &::before {\n    content: '';\n    display: block;\n    width: 9px;\n    height: 57px;\n    background-color: $black;\n    position: absolute;\n    top: 0;\n    left: 74px;\n\n    @media screen and (min-width: $bp-m) {\n      left: 168px;\n    }\n  }\n\n  h2 {\n    position: relative;\n    padding: 8px 0 4px;\n    border-top: 9px solid $black;\n    border-bottom: 9px solid $black;\n    margin-bottom: 0;\n\n    @media screen and (min-width: $bp-m) {\n      border-top: none;\n      padding: 17px 27px 3px 0;\n    }\n\n    &::before {\n      @media screen and (min-width: $bp-m) {\n        width: 113px;\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 2px;\n        height: 9px;\n        width: 113px;\n        background-color: $black;\n      }\n    }\n  }\n\n  &__text {\n    padding-top: 7px;\n    padding-right: 9px;\n    position: relative;\n    width: 224px;\n    flex: 0 0 auto;\n\n    &::after {\n      @media screen and (min-width: $bp-m) {\n        content: '';\n        display: block;\n        width: 9px;\n        height: 54px;\n        background-color: $black;\n        position: absolute;\n        right: 0;\n        bottom: 0;\n      }\n    }\n  }\n\n  &__buttons {\n    position: relative;\n    padding-top: 52px;\n\n    @media screen and (min-width: $bp-m) {\n      padding-top: 0;\n      padding-left: 87px;\n    }\n\n    @media screen and (min-width: $bp-xl) {\n      display: flex;\n    }\n\n    &::before {\n      content: '';\n      display: block;\n      width: 9px;\n      height: 52px;\n      background-color: $black;\n      position: absolute;\n      top: 0;\n      left: 54px;\n\n      @media screen and (min-width: $bp-m) {\n        width: 87px;\n        height: 9px;\n        top: 42px;\n        left: 0;\n      }\n    }\n  }\n\n  button {\n    position: relative;\n    background-color: $black;\n    color: $white;\n    border: none;\n    border-radius: 0;\n    margin: 0 17px 26px 0;\n    width: 274px;\n    height: 105px;\n    font-family: $trade-gothic;\n    font-size: 1.875rem;\n    text-transform: uppercase;\n    padding: 36px 0;\n    box-shadow: 11px 11px 0 0 $grey;\n\n    @media screen and (min-width: $bp-xl) {\n      width: 234px;\n      margin-bottom: 0;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_controls.scss",".generator-spinner {\n  border-radius: 50%;\n  margin: 0;\n  padding: 0;\n  background: none;\n  border: none;\n  width: 174px;\n  height: 174px;\n  position: absolute;\n  top: -348px;\n  right: 40px;\n  background-color: $white;\n\n  @media screen and (min-width: $bp-m) {\n    top: -139px;\n  }\n\n  @media screen and (min-width: $bp-xxl) {\n    top: 152px;\n    right: 78px;\n  }\n\n  .spinner {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    svg {\n      width: 174px;\n      height: 174px;\n      animation: rotation 2s infinite linear;\n    }\n  }\n\n  .text {\n    position: absolute;\n    top: 64px;\n    left: 42px;\n\n    svg {\n      width: 90px;\n      height: 48px;\n    }\n  }\n\n  .sprite {\n    display: none;\n    position: absolute;\n    top: 36px;\n    left: 45px;\n    img {\n      width: 81px;\n    }\n  }\n\n  &:hover,\n  &:focus {\n    outline: none;\n    cursor: pointer;\n\n    .text {\n      display: none;\n    }\n\n    .sprite {\n      display: block;\n    }\n  }\n}\n\n@keyframes rotation {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_generator-spinner.scss","@import url(\"https://fonts.googleapis.com/css?family=Montserrat:500,700|Playfair+Display:700\");\n@font-face {\n  font-family: 'TradeGothicStd-BdCn';\n  src: url(\"../fonts/TradeGothicLTStd-BdCn20.eot\");\n  /* IE9 Compat Modes */\n  src: url(\"../fonts/TradeGothicLTStd-BdCn20.woff2\") format(\"woff2\"), url(\"../fonts/TradeGothicLTStd-BdCn20.woff\") format(\"woff\"), url(\"../fonts/TradeGothicLTStd-BdCn20.ttf\") format(\"truetype\");\n  font-weight: normal;\n  font-style: normal;\n}\n\nh1, h2, h3, h4, h5, h6, p {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nh1, h2, h3, h4 {\n  font-family: \"TradeGothicStd-BdCn\";\n  font-weight: normal;\n}\n\nh2 {\n  font-size: 2.375rem;\n  color: #808285;\n  text-transform: uppercase;\n}\n\n@media screen and (min-width: 28.125em) {\n  h2 {\n    font-size: 3.125rem;\n  }\n}\n\nh3 {\n  text-transform: uppercase;\n}\n\nh4 {\n  text-transform: uppercase;\n  font-size: 1rem;\n  color: #808285;\n  margin-bottom: 0.75rem;\n}\n\n.archive-bar {\n  align-items: center;\n  background-color: #000;\n  color: #fff;\n  display: flex;\n  font-family: 'TradeGothicStd-BdCn', sans-serif;\n  justify-content: space-between;\n  letter-spacing: 0.1em;\n  line-height: 1;\n  text-transform: uppercase;\n}\n\n.archive-bar * {\n  color: inherit;\n}\n\n.archive-bar__item-link {\n  text-decoration: none;\n}\n\n.archive-bar__item {\n  padding: 1rem;\n}\n\n.archive-bar__previous-year {\n  text-align: right;\n}\n\n.archive-bar__previous-year__arrow {\n  display: inline-block;\n  margin-left: 0.5rem;\n  width: 0.4rem;\n}\n\n.archive-bar__previous-year__arrow * {\n  fill: #fff;\n}\n\n.attribution {\n  display: flex;\n  padding: 8px 0 8px 16px;\n  align-items: flex-end;\n}\n\n@media screen and (min-width: 41.25em) {\n  .attribution {\n    align-items: flex-start;\n    padding: 0;\n  }\n}\n\n.attribution__text {\n  color: #808285;\n  text-transform: uppercase;\n}\n\n@media screen and (min-width: 41.25em) {\n  .attribution__text {\n    padding-right: 34px;\n  }\n}\n\n@media screen and (min-width: 48.75em) {\n  .attribution__text {\n    padding-top: 40px;\n  }\n}\n\n.attribution__text h3 {\n  text-align: right;\n  font-size: 1.625rem;\n}\n\n@media screen and (min-width: 28.125em) {\n  .attribution__text h3 {\n    font-size: 1.625rem;\n  }\n}\n\n.attribution__logo {\n  width: 114px;\n  height: 114px;\n  display: none;\n}\n\n@media screen and (min-width: 48.75em) {\n  .attribution__logo {\n    display: block;\n  }\n}\n\nhtml {\n  box-sizing: border-box;\n}\n\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 100%;\n  margin: 0;\n  line-height: 1.2;\n  font-family: \"TradeGothicStd-BdCn\";\n  color: #231f20;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\nmain {\n  min-height: 100vh;\n  overflow: hidden;\n}\n\n#canvas {\n  display: none;\n}\n\n.bottom-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n.color-selector {\n  margin-bottom: 12px;\n}\n\n@media screen and (min-width: 41.25em) {\n  .color-selector {\n    margin-bottom: 0;\n  }\n}\n\n.color-selector__colors {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  width: 100px;\n}\n\n@media screen and (min-width: 28.125em) {\n  .color-selector__colors {\n    width: 132px;\n  }\n}\n\n@media screen and (min-width: 48.75em) {\n  .color-selector__colors {\n    display: block;\n    width: auto;\n  }\n}\n\n.color-selector__color {\n  width: 40px;\n  height: 40px;\n  border: 4px solid #231f20;\n  background-color: #fff;\n  border-radius: 50%;\n  box-shadow: 6px 6px 0 -2px #808285;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 20px;\n}\n\n@media screen and (min-width: 28.125em) {\n  .color-selector__color {\n    width: 56px;\n    height: 56px;\n  }\n}\n\n@media screen and (min-width: 48.75em) {\n  .color-selector__color {\n    margin-right: 18px;\n    margin-bottom: 0;\n  }\n}\n\n.color-selector__color::before {\n  content: '';\n  display: block;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  position: absolute;\n  top: 9px;\n  left: 9px;\n}\n\n@media screen and (min-width: 28.125em) {\n  .color-selector__color::before {\n    width: 18px;\n    height: 18px;\n    top: 15px;\n    left: 15px;\n  }\n}\n\n.color-selector__color--white::before {\n  background-color: #fff;\n}\n\n.color-selector__color--pink::before {\n  background-color: #dd417f;\n}\n\n.color-selector__color--cyan::before {\n  background-color: #74c7ba;\n}\n\n.color-selector__color--yellow::before {\n  background-color: #f9c837;\n}\n\n.color-selector h4 {\n  display: none;\n}\n\n@media screen and (min-width: 48.75em) {\n  .color-selector h4 {\n    display: block;\n    padding-left: 0.375rem;\n  }\n}\n\n.greeting-controls {\n  position: relative;\n  padding: 48px 20px 72px;\n}\n\n@media screen and (min-width: 41.25em) {\n  .greeting-controls {\n    display: flex;\n    align-items: flex-start;\n    padding-left: 62px;\n    padding-right: 62px;\n  }\n}\n\n.greeting-controls::before {\n  content: '';\n  display: block;\n  width: 9px;\n  height: 57px;\n  background-color: #231f20;\n  position: absolute;\n  top: 0;\n  left: 74px;\n}\n\n@media screen and (min-width: 41.25em) {\n  .greeting-controls::before {\n    left: 168px;\n  }\n}\n\n.greeting-controls h2 {\n  position: relative;\n  padding: 8px 0 4px;\n  border-top: 9px solid #231f20;\n  border-bottom: 9px solid #231f20;\n  margin-bottom: 0;\n}\n\n@media screen and (min-width: 41.25em) {\n  .greeting-controls h2 {\n    border-top: none;\n    padding: 17px 27px 3px 0;\n  }\n}\n\n@media screen and (min-width: 41.25em) {\n  .greeting-controls h2::before {\n    width: 113px;\n    content: '';\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 2px;\n    height: 9px;\n    width: 113px;\n    background-color: #231f20;\n  }\n}\n\n.greeting-controls__text {\n  padding-top: 7px;\n  padding-right: 9px;\n  position: relative;\n  width: 224px;\n  flex: 0 0 auto;\n}\n\n@media screen and (min-width: 41.25em) {\n  .greeting-controls__text::after {\n    content: '';\n    display: block;\n    width: 9px;\n    height: 54px;\n    background-color: #231f20;\n    position: absolute;\n    right: 0;\n    bottom: 0;\n  }\n}\n\n.greeting-controls__buttons {\n  position: relative;\n  padding-top: 52px;\n}\n\n@media screen and (min-width: 41.25em) {\n  .greeting-controls__buttons {\n    padding-top: 0;\n    padding-left: 87px;\n  }\n}\n\n@media screen and (min-width: 58.75em) {\n  .greeting-controls__buttons {\n    display: flex;\n  }\n}\n\n.greeting-controls__buttons::before {\n  content: '';\n  display: block;\n  width: 9px;\n  height: 52px;\n  background-color: #231f20;\n  position: absolute;\n  top: 0;\n  left: 54px;\n}\n\n@media screen and (min-width: 41.25em) {\n  .greeting-controls__buttons::before {\n    width: 87px;\n    height: 9px;\n    top: 42px;\n    left: 0;\n  }\n}\n\n.greeting-controls button {\n  position: relative;\n  background-color: #231f20;\n  color: #fff;\n  border: none;\n  border-radius: 0;\n  margin: 0 17px 26px 0;\n  width: 274px;\n  height: 105px;\n  font-family: \"TradeGothicStd-BdCn\";\n  font-size: 1.875rem;\n  text-transform: uppercase;\n  padding: 36px 0;\n  box-shadow: 11px 11px 0 0 #808285;\n}\n\n@media screen and (min-width: 58.75em) {\n  .greeting-controls button {\n    width: 234px;\n    margin-bottom: 0;\n  }\n}\n\n.generator-spinner {\n  border-radius: 50%;\n  margin: 0;\n  padding: 0;\n  background: none;\n  border: none;\n  width: 174px;\n  height: 174px;\n  position: absolute;\n  top: -348px;\n  right: 40px;\n  background-color: #fff;\n}\n\n@media screen and (min-width: 41.25em) {\n  .generator-spinner {\n    top: -139px;\n  }\n}\n\n@media screen and (min-width: 65em) {\n  .generator-spinner {\n    top: 152px;\n    right: 78px;\n  }\n}\n\n.generator-spinner .spinner {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.generator-spinner .spinner svg {\n  width: 174px;\n  height: 174px;\n  animation: rotation 2s infinite linear;\n}\n\n.generator-spinner .text {\n  position: absolute;\n  top: 64px;\n  left: 42px;\n}\n\n.generator-spinner .text svg {\n  width: 90px;\n  height: 48px;\n}\n\n.generator-spinner .sprite {\n  display: none;\n  position: absolute;\n  top: 36px;\n  left: 45px;\n}\n\n.generator-spinner .sprite img {\n  width: 81px;\n}\n\n.generator-spinner:hover, .generator-spinner:focus {\n  outline: none;\n  cursor: pointer;\n}\n\n.generator-spinner:hover .text, .generator-spinner:focus .text {\n  display: none;\n}\n\n.generator-spinner:hover .sprite, .generator-spinner:focus .sprite {\n  display: block;\n}\n\n@keyframes rotation {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n\n.above-generator {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  flex-direction: column-reverse;\n  padding-left: 20px;\n  position: relative;\n}\n\n@media screen and (min-width: 41.25em) {\n  .above-generator {\n    flex-direction: row;\n    padding-left: 52px;\n  }\n}\n\n.above-generator::after {\n  content: '';\n  display: block;\n  width: 9px;\n  height: 42px;\n  background-color: #231f20;\n  position: absolute;\n  bottom: -42px;\n  left: 74px;\n}\n\n@media screen and (min-width: 41.25em) {\n  .above-generator::after {\n    bottom: -8px;\n    left: 168px;\n    height: 94px;\n  }\n}\n\n@media screen and (min-width: 48.75em) {\n  .above-generator::after {\n    height: 98px;\n  }\n}\n\n@media screen and (min-width: 65em) {\n  .above-generator::after {\n    bottom: 35px;\n    height: 59px;\n  }\n}\n\n.above-generator h1 {\n  font-size: 8.625rem;\n  line-height: 0.78;\n  margin-right: -2px;\n  margin-bottom: 0;\n}\n\n@media screen and (min-width: 65em) {\n  .above-generator h1 {\n    line-height: 1;\n    margin-bottom: 1rem;\n    font-size: 14.0625rem;\n    margin-right: -8px;\n  }\n}\n\n.above-generator h1.mobile-only {\n  text-align: right;\n  line-height: 0.78;\n}\n\n@media screen and (min-width: 65em) {\n  .above-generator h1.mobile-only {\n    display: none;\n  }\n}\n\n.above-generator h3 {\n  color: #808285;\n  font-size: 1.5rem;\n  margin-bottom: 0;\n}\n\n@media screen and (min-width: 41.25em) {\n  .above-generator h3 {\n    font-size: 1.625rem;\n  }\n}\n\n.above-generator__message {\n  border-top: 9px solid #231f20;\n  border-bottom: 9px solid #231f20;\n  padding: 10px 0 8px;\n  margin-top: 74px;\n}\n\n@media screen and (min-width: 41.25em) {\n  .above-generator__message {\n    margin-top: 67px;\n  }\n}\n\n@media screen and (min-width: 48.75em) {\n  .above-generator__message {\n    margin-top: 133px;\n  }\n}\n\n@media screen and (min-width: 65em) {\n  .above-generator__message {\n    margin-top: 52px;\n  }\n}\n\n.above-generator__header {\n  margin-top: 2px;\n  align-self: flex-end;\n}\n\n@media screen and (min-width: 41.25em) {\n  .above-generator__header {\n    align-self: auto;\n    margin-top: -70px;\n  }\n}\n\n@media screen and (min-width: 48.75em) {\n  .above-generator__header {\n    margin-top: 0;\n  }\n}\n\n.greetings {\n  padding-right: 16px;\n  position: relative;\n}\n\n@media screen and (min-width: 28.125em) {\n  .greetings {\n    padding-right: 32px;\n  }\n}\n\n@media screen and (min-width: 65em) {\n  .greetings {\n    padding-right: 292px;\n  }\n}\n\n.greetings__container {\n  border: 9px solid #231f20;\n  border-left: none;\n  max-width: 878px;\n  box-shadow: 10px 10px 0 4px #808285;\n  margin-top: 42px;\n  min-height: 200px;\n}\n\n@media screen and (min-width: 41.25em) {\n  .greetings__container {\n    margin-top: 8px;\n  }\n}\n\n@media screen and (min-width: 65em) {\n  .greetings__container {\n    margin-top: -40px;\n  }\n}\n\n.greetings__sidebar {\n  width: 292px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: none;\n}\n\n@media screen and (min-width: 65em) {\n  .greetings__sidebar {\n    display: block;\n  }\n}\n\n.greetings__sidebar h1 {\n  font-size: 14.0625rem;\n  line-height: 0.82;\n  text-align: right;\n}\n\n.greetings ul {\n  margin: 0;\n  padding: 0;\n}\n\n@media screen and (min-width: 28.125em) {\n  .greetings ul {\n    padding: 0 62px;\n  }\n}\n\n@media screen and (min-width: 41.25em) {\n  .greetings ul {\n    padding: 0 84px;\n  }\n}\n\n@media screen and (min-width: 72.5em) {\n  .greetings ul {\n    padding: 0 110px;\n  }\n}\n\n.greetings ul:hover .slick-arrow {\n  opacity: 1;\n}\n\n.greetings li {\n  text-align: center;\n}\n\n.slick-arrow {\n  opacity: 0;\n  transition: opacity 0.2s ease-out;\n}\n\n@media screen and (max-width: 28.0625em) {\n  .slick-arrow {\n    display: none !important;\n  }\n}\n\n.slick-arrow.slick-prev, .slick-arrow.slick-next {\n  width: 52px;\n  height: 52px;\n}\n\n.slick-arrow.slick-prev::before, .slick-arrow.slick-next::before {\n  display: none;\n}\n\n.slick-arrow.slick-prev {\n  background: url(\"../images/arrow_left.svg\") no-repeat;\n  left: -4px;\n}\n\n@media screen and (min-width: 41.25em) {\n  .slick-arrow.slick-prev {\n    left: 16px;\n  }\n}\n\n@media screen and (min-width: 72.5em) {\n  .slick-arrow.slick-prev {\n    left: 42px;\n  }\n}\n\n.slick-arrow.slick-prev:hover, .slick-arrow.slick-prev:focus {\n  background: url(\"../images/arrow_left.svg\") no-repeat;\n}\n\n.slick-arrow.slick-next {\n  background: url(\"../images/arrow_right.svg\") no-repeat;\n  right: -4px;\n}\n\n@media screen and (min-width: 41.25em) {\n  .slick-arrow.slick-next {\n    right: 16px;\n  }\n}\n\n@media screen and (min-width: 72.5em) {\n  .slick-arrow.slick-next {\n    right: 42px;\n  }\n}\n\n.slick-arrow.slick-next:hover, .slick-arrow.slick-next:focus {\n  background: url(\"../images/arrow_right.svg\") no-repeat;\n}\n\n#sentiment {\n  display: none;\n}\n\n#sentiment.slick-initialized {\n  display: block;\n}\n\n#sentiment li {\n  font-family: \"Montserrat\", sans-serif;\n  font-size: 1.125rem;\n  text-transform: uppercase;\n  font-weight: 500;\n  padding: 24px 20px 8px;\n}\n\n@media screen and (min-width: 28.125em) {\n  #sentiment li {\n    padding: 36px 0 24px;\n  }\n}\n\n@media screen and (min-width: 41.25em) {\n  #sentiment li {\n    padding-top: 48px;\n    font-size: 1.375rem;\n  }\n}\n\n@media screen and (min-width: 48.75em) {\n  #sentiment li {\n    padding-top: 62px;\n    font-size: 1.5rem;\n  }\n}\n\n@media screen and (min-width: 72.5em) {\n  #sentiment li {\n    font-size: 1.75rem;\n    padding-bottom: 40px;\n  }\n}\n\n#sentiment .slick-arrow {\n  top: calc(50% + 10px);\n}\n\n#adjective {\n  display: none;\n}\n\n#adjective.slick-initialized {\n  display: block;\n}\n\n#adjective li {\n  font-family: \"TradeGothicStd-BdCn\";\n  font-size: 1.875rem;\n  text-transform: uppercase;\n  padding: 13px 20px 16px;\n}\n\n@media screen and (min-width: 28.125em) {\n  #adjective li {\n    padding: 13px 0 22px;\n    font-size: 1.875rem;\n  }\n}\n\n@media screen and (min-width: 41.25em) {\n  #adjective li {\n    font-size: 3rem;\n  }\n}\n\n@media screen and (min-width: 48.75em) {\n  #adjective li {\n    font-size: 3.625rem;\n  }\n}\n\n@media screen and (min-width: 72.5em) {\n  #adjective li {\n    font-size: 4.125rem;\n  }\n}\n\n#adjective .slick-arrow {\n  top: calc(50% - 9px);\n}\n\n#occasion {\n  display: none;\n}\n\n#occasion.slick-initialized {\n  display: block;\n}\n\n#occasion li {\n  font-family: \"Playfair Display\", serif;\n  font-size: 2rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  padding: 0 10px 8px;\n}\n\n@media screen and (min-width: 28.125em) {\n  #occasion li {\n    padding: 0 0 20px;\n  }\n}\n\n@media screen and (min-width: 41.25em) {\n  #occasion li {\n    font-size: 3.25rem;\n  }\n}\n\n@media screen and (min-width: 48.75em) {\n  #occasion li {\n    font-size: 4rem;\n  }\n}\n\n@media screen and (min-width: 72.5em) {\n  #occasion li {\n    font-size: 4.625rem;\n  }\n}\n\n#occasion .slick-arrow {\n  top: calc(50% - 5px);\n}\n\n#closing {\n  display: none;\n}\n\n#closing.slick-initialized {\n  display: block;\n}\n\n#closing li {\n  font-size: 1.25rem;\n  padding: 16px 0 30px;\n}\n\n@media screen and (min-width: 28.125em) {\n  #closing li {\n    padding-bottom: 46px;\n  }\n}\n\n@media screen and (min-width: 41.25em) {\n  #closing li {\n    padding: 22px 0 58px;\n  }\n}\n\n@media screen and (min-width: 48.75em) {\n  #closing li {\n    font-size: 1.5625rem;\n  }\n}\n\n@media screen and (min-width: 72.5em) {\n  #closing li {\n    font-size: 1.6875rem;\n  }\n}\n\n#closing .slick-arrow {\n  top: calc(50% - 19px);\n}\n\n.happy-holidays {\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  padding: 54px 4%;\n}\n\n@media screen and (min-width: 55.625em) {\n  .happy-holidays {\n    margin: 0 172px 0 0;\n    padding: 54px 0;\n  }\n}\n\n.happy-holidays .logo {\n  display: block;\n  margin-bottom: 30px;\n}\n\n.happy-holidays .logo svg {\n  display: block;\n  width: 76px;\n  height: 76px;\n  margin: 0 auto;\n}\n\n.happy-holidays .message {\n  line-height: 1.5;\n  text-align: center;\n}\n\n@media screen and (min-width: 55.625em) {\n  .happy-holidays .message {\n    text-align: left;\n    line-height: 1.2;\n    padding-left: 69px;\n  }\n}\n\n.happy-holidays .message p {\n  font-size: 1.125rem;\n}\n\n.happy-holidays .message a {\n  color: #231f20;\n  text-decoration: none;\n}\n\n.happy-holidays .message a span {\n  border-bottom: 2px solid #808285;\n  padding-bottom: 3px;\n}\n\n.happy-holidays .message .divider {\n  color: #808285;\n  margin: 0 11px;\n}\n\n.happy-holidays .message .offices {\n  color: #808285;\n}\n\nheader {\n  padding: 42px 20px 4px;\n  display: flex;\n  justify-content: space-between;\n}\n\n@media screen and (min-width: 41.25em) {\n  header {\n    padding: 72px 4% 4px;\n  }\n}\n\n@media screen and (min-width: 48.75em) {\n  header {\n    padding-top: 38px;\n    padding-bottom: 14px;\n  }\n}\n\n@media screen and (min-width: 65em) {\n  header {\n    padding-bottom: 0;\n  }\n}\n\n.leaderboard {\n  position: fixed;\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, -100%);\n  background-color: #fff;\n  width: 100%;\n  max-width: 740px;\n  max-height: 100vh;\n  overflow: auto;\n  transition: transform 0.4s ease-out;\n  text-align: center;\n  border: 9px solid #231f20;\n  border-top: none;\n  padding: 54px 20px;\n  z-index: 3;\n}\n\n.leaderboard.visible {\n  transform: translate(-50%, 0);\n}\n\n.leaderboard h1 {\n  font-size: 3.75rem;\n  text-transform: uppercase;\n  color: #808285;\n  width: 286px;\n  border-top: 9px solid #231f20;\n  border-bottom: 9px solid #231f20;\n  padding-top: 4px;\n  margin: 0 auto 16px;\n}\n\n.leaderboard h3 {\n  font-size: 1.625rem;\n  color: #808285;\n  margin-bottom: 32px;\n}\n\n.leaderboard .greeting-controls {\n  justify-content: flex-end;\n  padding: 30px 0 0;\n}\n\n.leaderboard .greeting-controls::before {\n  left: auto;\n  right: 186px;\n  height: 30px;\n}\n\n.leaderboard .greeting-controls button {\n  width: 210px;\n  height: 78px;\n  padding: 23px 0;\n}\n\n.score {\n  display: flex;\n  border-bottom: 9px solid #231f20;\n}\n\n.score__initials {\n  font-size: 3.125rem;\n  color: #808285;\n  border-right: 9px solid #231f20;\n  padding: 8px 16px 8px 0;\n  width: 40%;\n}\n\n.score__number {\n  font-size: 3.125rem;\n  padding: 8px 0 8px 16px;\n  width: 60%;\n}\n\n.score__message {\n  font-size: 0.875rem;\n  color: #231f20;\n  display: none;\n  margin-bottom: 0.75rem;\n}\n\n.score h4 {\n  font-size: 1.5rem;\n  margin-top: 0.5rem;\n}\n\n.score input {\n  font-size: 3.125rem;\n  color: #808285;\n  font-family: \"TradeGothicStd-BdCn\";\n  font-weight: 500;\n  width: 100%;\n  text-align: center;\n  border: 2px solid #808285;\n  text-transform: uppercase;\n}\n\n.score button {\n  color: #fff;\n  background: black;\n  border: none;\n  border-radius: 0;\n  box-shadow: 6px 6px 0 0 #808285;\n  padding: 8px 20px;\n  font-family: \"TradeGothicStd-BdCn\";\n  font-size: 1.5rem;\n  text-transform: uppercase;\n  margin-bottom: 0.75rem;\n}\n\n.reveal-modal {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  background-color: #fff;\n  z-index: 2;\n}\n\n.reveal-modal__close {\n  color: #231f20;\n  position: absolute;\n  top: 18px;\n  left: 50%;\n  font-size: 5.125rem;\n  transform: translateX(-50%);\n  transition: color 0.2s ease-out;\n  cursor: pointer;\n  display: none;\n}\n\n.reveal-modal__close:hover, .reveal-modal__close:focus {\n  color: #808285;\n}\n\n@media screen and (min-width: 75em) {\n  .reveal-modal__close {\n    display: block;\n  }\n}\n\n.reveal-modal__container {\n  padding: 82px 0 0;\n}\n\n@media screen and (min-width: 75em) {\n  .reveal-modal__container {\n    padding: 152px 56px 0;\n    display: flex;\n    align-items: flex-start;\n    flex-wrap: wrap;\n  }\n}\n\n.reveal-modal h2 {\n  font-size: 1.625rem;\n  width: 326px;\n  max-width: calc(100% - 40px);\n  height: 98px;\n  flex: 0 0 auto;\n  text-align: center;\n  padding: 10px 0 8px;\n  position: relative;\n  margin: 0 auto 16px;\n  border-top: 9px solid #231f20;\n  border-bottom: 9px solid #231f20;\n}\n\n@media screen and (min-width: 75em) {\n  .reveal-modal h2 {\n    margin: 0 0 16px;\n  }\n}\n\n.reveal-modal h2::before, .reveal-modal h2::after {\n  content: '';\n  position: absolute;\n  background-color: #231f20;\n  width: 9px;\n  display: none;\n}\n\n@media screen and (min-width: 75em) {\n  .reveal-modal h2::before, .reveal-modal h2::after {\n    display: block;\n  }\n}\n\n.reveal-modal h2::before {\n  height: 38px;\n  top: -9px;\n  right: 100%;\n}\n\n.reveal-modal h2::after {\n  height: 51px;\n  bottom: -9px;\n  left: 100%;\n}\n\n.greeting-bg {\n  display: none;\n}\n\n.back-button {\n  position: relative;\n  text-align: center;\n  padding-bottom: 48px;\n}\n\n@media screen and (min-width: 75em) {\n  .back-button {\n    width: calc(50% - 163px);\n    flex: 0 0 auto;\n    padding-top: 8px;\n    padding-bottom: 0;\n    text-align: left;\n  }\n}\n\n.back-button::before {\n  content: '';\n  position: absolute;\n  background-color: #231f20;\n  width: 9px;\n  height: 48px;\n  left: calc(50% - 4px);\n  bottom: 0;\n  z-index: 1;\n}\n\n@media screen and (min-width: 75em) {\n  .back-button::before {\n    width: 100%;\n    height: 9px;\n    top: 38px;\n    left: 0;\n    bottom: auto;\n    z-index: 0;\n  }\n}\n\n.back-button button {\n  border: none;\n  background-color: #231f20;\n  border-radius: 0;\n  color: #fff;\n  text-transform: uppercase;\n  font-family: \"TradeGothicStd-BdCn\";\n  font-size: 1.25rem;\n  padding: 24px 36px 20px;\n  box-shadow: 8px 8px 0 0 #808285;\n  position: relative;\n}\n\n.back-button button svg {\n  display: inline-block;\n  vertical-align: middle;\n  width: 25px;\n  height: 20px;\n  margin: -5px 28px 0 0;\n}\n\n.preview-container {\n  position: relative;\n  width: 100%;\n  flex: 0 0 auto;\n  padding: 22px 0 72px;\n  order: 2;\n}\n\n@media screen and (min-width: 75em) {\n  .preview-container {\n    padding-bottom: 60px;\n  }\n}\n\n@media screen and (min-width: 75em) {\n  .preview-container::before {\n    content: '';\n    width: 9px;\n    background: #231f20;\n    height: 58px;\n    position: absolute;\n    top: -16px;\n    left: calc(50% - 4px);\n  }\n}\n\n.preview-container img {\n  display: block;\n  width: 100%;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n#social {\n  width: 100%;\n  max-width: calc(100% - 40px);\n  flex: 0 0 auto;\n  padding-top: 8px;\n  display: flex;\n  justify-content: center;\n  position: relative;\n  margin: 0 auto 72px;\n}\n\n@media screen and (min-width: 75em) {\n  #social {\n    margin: 0;\n    width: calc(50% - 163px);\n    justify-content: flex-end;\n  }\n}\n\n#social::before {\n  content: '';\n  background-color: #231f20;\n  position: absolute;\n  top: -39px;\n  left: calc(50% - 99px);\n  width: 199px;\n  height: 9px;\n}\n\n@media screen and (min-width: 75em) {\n  #social::before {\n    top: 38px;\n    left: auto;\n    right: 0;\n    width: 100%;\n  }\n}\n\n#social .twitter-icon,\n#social .facebook-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 160px;\n  height: 88px;\n  position: relative;\n  background-color: #231f20;\n  box-shadow: 8px 8px 0 0 #808285;\n}\n\n@media screen and (min-width: 75em) {\n  #social .twitter-icon,\n  #social .facebook-icon {\n    height: 72px;\n  }\n}\n\n#social .twitter-icon::before,\n#social .facebook-icon::before {\n  content: '';\n  background-color: #231f20;\n  width: 9px;\n  height: 38px;\n  position: absolute;\n  bottom: 100%;\n}\n\n@media screen and (min-width: 75em) {\n  #social .twitter-icon::before,\n  #social .facebook-icon::before {\n    display: none;\n  }\n}\n\n#social .twitter-icon::before {\n  left: 76px;\n}\n\n#social .twitter-icon svg {\n  width: 44px;\n  height: 36px;\n}\n\n#social .facebook-icon {\n  border: none;\n  border-radius: 0;\n  padding: 0;\n  margin-right: 30px;\n  cursor: pointer;\n}\n\n#social .facebook-icon::before {\n  right: 75px;\n}\n\n#social .facebook-icon svg {\n  width: 21px;\n  height: 40px;\n}\n\n.slash-border {\n  width: 100%;\n  max-width: 890px;\n  height: 19px;\n  background: url(\"../images/slash_border.svg\") no-repeat left center;\n  background-size: auto 100%;\n  margin-right: -4px;\n}\n\n.snail-mail {\n  width: 100%;\n  max-width: 700px;\n  padding: 38px 4% 0;\n  margin: 0 auto;\n}\n\n@media screen and (min-width: 55.625em) {\n  .snail-mail {\n    margin: 0 172px 0 0;\n    padding: 38px 0 0;\n  }\n}\n\n.snail-mail a {\n  display: block;\n  font-size: 1.25rem;\n  color: #231f20;\n  text-decoration: none;\n  margin-bottom: 36px;\n}\n\n@media screen and (min-width: 28.125em) {\n  .snail-mail a {\n    font-size: 1.5rem;\n  }\n}\n\n.snail-mail a span {\n  display: inline-block;\n  border-bottom: 2px solid #808285;\n  margin-bottom: 18px;\n}\n\n@media screen and (min-width: 28.125em) {\n  .snail-mail a span {\n    margin-bottom: 0;\n  }\n}\n\n.snail-mail a svg {\n  display: block;\n  width: 72px;\n  height: 54px;\n}\n\n@media screen and (min-width: 28.125em) {\n  .snail-mail a svg {\n    display: inline-block;\n    vertical-align: bottom;\n    margin-left: 22px;\n  }\n}\n\n.store-preview {\n  position: relative;\n}\n\n.store-preview__links {\n  padding: 0 0 54px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n@media screen and (min-width: 28.125em) {\n  .store-preview__links {\n    flex-direction: row;\n  }\n}\n\n.store-preview__links a {\n  display: inline-block;\n  margin: 0 20px;\n}\n\n.store-preview__links .button {\n  background: #231f20;\n  color: #fff;\n  padding: 24px 40px 22px;\n  box-shadow: 8px 8px 0 0 #808285;\n  margin-bottom: 32px;\n}\n\n@media screen and (min-width: 28.125em) {\n  .store-preview__links .button {\n    margin-bottom: 0;\n  }\n}\n\n.edition-text {\n  background: #808285;\n  color: #fff;\n  width: 98px;\n  height: 98px;\n  border-radius: 50%;\n  position: absolute;\n  top: -68px;\n  left: -13px;\n  z-index: 2;\n  text-transform: uppercase;\n  font-size: 1.25rem;\n  text-align: center;\n  padding: 24px 0;\n  transform: rotate(-12deg);\n}\n\n.edition-arrow {\n  position: absolute;\n  top: -42px;\n  left: 92px;\n}\n\n.edition-arrow svg {\n  width: 42px;\n  height: 22px;\n}\n\n.card-slider {\n  padding: 0 24px;\n  margin-top: 118px;\n}\n\n@media screen and (min-width: 28.125em) {\n  .card-slider {\n    padding: 0 48px;\n  }\n}\n\n.card-slider__card {\n  padding: 0 40px;\n}\n\n.card-slider__card__image {\n  position: relative;\n}\n\n.card-slider__card img {\n  position: absolute;\n  bottom: 2.75%;\n  left: 2.78%;\n  width: 94.5%;\n}\n\n.card-slider .slick-arrow {\n  opacity: 1;\n  z-index: 1;\n}\n\n.card-slider .slick-arrow.slick-prev {\n  left: -10px;\n}\n\n.card-slider .slick-arrow.slick-next {\n  right: -10px;\n}\n\n.card-slider .slick-dots {\n  position: static;\n  margin: 28px 0 48px;\n}\n\n.card-slider .slick-dots li {\n  width: 16px;\n  height: 16px;\n}\n\n@media screen and (min-width: 28.125em) {\n  .card-slider .slick-dots li {\n    width: 18px;\n    height: 18px;\n  }\n}\n\n.card-slider .slick-dots li button {\n  background: #808285;\n  border: 3px solid #808285;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  transition: background 0.2s ease-out;\n}\n\n@media screen and (min-width: 28.125em) {\n  .card-slider .slick-dots li button {\n    width: 18px;\n    height: 18px;\n  }\n}\n\n.card-slider .slick-dots li button::before {\n  display: none;\n}\n\n.card-slider .slick-dots li button:hover, .card-slider .slick-dots li button:focus {\n  background: rgba(128, 130, 133, 0.5);\n}\n\n.card-slider .slick-dots li.slick-active button {\n  background: none;\n}\n\nmain.white {\n  background-color: #fff;\n}\n\nmain.pink {\n  background-color: #dd417f;\n}\n\nmain.cyan {\n  background-color: #74c7ba;\n}\n\nmain.yellow {\n  background-color: #f9c837;\n}\n\n.white .color-selector__color {\n  background-color: #fff;\n}\n\n.pink h2,\n.pink h3,\n.pink h4 {\n  color: #b1b3b6;\n}\n\n.pink .color-selector__color {\n  background-color: #dd417f;\n  box-shadow: 6px 6px 0 -2px #b1b3b6;\n}\n\n.pink .attribution__text,\n.pink .above-generator h3 {\n  color: #b1b3b6;\n}\n\n.pink .greetings__container {\n  box-shadow: 10px 10px 0 4px #b1b3b6;\n}\n\n.pink .slick-arrow.slick-prev {\n  background-image: url(\"/images/arrow_left_light.svg\");\n}\n\n.pink .slick-arrow.slick-next {\n  background-image: url(\"/images/arrow_right_light.svg\");\n}\n\n.pink .greeting-controls button {\n  color: #dd417f;\n  box-shadow: 11px 11px 0 0 #b1b3b6;\n}\n\n.pink .generator-spinner {\n  background-color: #dd417f;\n}\n\n.pink .generator-spinner .spinner svg * {\n  fill: #b1b3b6;\n}\n\n.pink .generator-spinner .text svg * {\n  fill: #dd417f;\n}\n\n.pink .slash-border {\n  background-image: url(\"/images/slash_border_light.svg\");\n}\n\n.pink .snail-mail a span {\n  border-bottom-color: #b1b3b6;\n}\n\n.pink .card-slider__card__image svg path:first-of-type {\n  fill: #b1b3b6;\n}\n\n.pink .store-link svg * {\n  fill: #b1b3b6;\n}\n\n.pink .edition-text {\n  background-color: #b1b3b6;\n  color: #dd417f;\n}\n\n.pink .card-slider .slick-dots li button {\n  border-color: #b1b3b6;\n  background-color: #b1b3b6;\n}\n\n.pink .card-slider .slick-dots li button:hover, .pink .card-slider .slick-dots li button:focus {\n  background-color: rgba(177, 179, 182, 0.5);\n}\n\n.pink .card-slider .slick-dots li.slick-active button {\n  background: none;\n}\n\n.pink .store-preview__links .button {\n  box-shadow: 8px 8px 0 0 #b1b3b6;\n  color: #dd417f;\n}\n\n.pink .happy-holidays .message .divider,\n.pink .happy-holidays .message .offices {\n  color: #b1b3b6;\n}\n\n.pink .happy-holidays .message a span {\n  border-bottom-color: #b1b3b6;\n}\n\n.pink .game-container,\n.pink .leaderboard {\n  background-color: #dd417f;\n}\n\n.pink .game-container h3 {\n  color: #231f20;\n}\n\n.pink .leaderboard h1,\n.pink .leaderboard .score__initials {\n  color: #b1b3b6;\n}\n\n.pink .score button {\n  color: #dd417f;\n}\n\n.pink + #canvas + .reveal-modal {\n  background-color: #dd417f;\n}\n\n.pink + #canvas + .reveal-modal h2 {\n  color: #b1b3b6;\n}\n\n.pink + #canvas + .reveal-modal .back-button button {\n  color: #dd417f;\n  box-shadow: 8px 8px 0 0 #b1b3b6;\n}\n\n.pink + #canvas + .reveal-modal .back-button button svg * {\n  fill: #dd417f;\n}\n\n.pink + #canvas + .reveal-modal .twitter-icon,\n.pink + #canvas + .reveal-modal .facebook-icon {\n  box-shadow: 8px 8px 0 0 #b1b3b6;\n}\n\n.pink + #canvas + .reveal-modal .twitter-icon svg *,\n.pink + #canvas + .reveal-modal .facebook-icon svg * {\n  fill: #dd417f;\n}\n\n.cyan .color-selector__color {\n  background-color: #74c7ba;\n}\n\n.cyan .greeting-controls button {\n  color: #74c7ba;\n}\n\n.cyan .generator-spinner {\n  background-color: #74c7ba;\n}\n\n.cyan .generator-spinner .text svg * {\n  fill: #74c7ba;\n}\n\n.cyan .store-preview__links .button,\n.cyan .edition-text {\n  color: #74c7ba;\n}\n\n.cyan .game-container,\n.cyan .leaderboard {\n  background-color: #74c7ba;\n}\n\n.cyan .score button {\n  color: #74c7ba;\n}\n\n.cyan .runner-canvas {\n  background: rgba(0, 0, 0, 0.3);\n}\n\n.cyan + #canvas + .reveal-modal {\n  background-color: #74c7ba;\n}\n\n.cyan + #canvas + .reveal-modal .back-button button {\n  color: #74c7ba;\n}\n\n.cyan + #canvas + .reveal-modal .back-button button svg * {\n  fill: #74c7ba;\n}\n\n.cyan + #canvas + .reveal-modal .twitter-icon svg *,\n.cyan + #canvas + .reveal-modal .facebook-icon svg * {\n  fill: #74c7ba;\n}\n\n.yellow .color-selector__color {\n  background-color: #f9c837;\n}\n\n.yellow .greeting-controls button {\n  color: #f9c837;\n}\n\n.yellow .generator-spinner {\n  background-color: #f9c837;\n}\n\n.yellow .generator-spinner .text svg * {\n  fill: #f9c837;\n}\n\n.yellow .store-preview__links .button,\n.yellow .edition-text {\n  color: #f9c837;\n}\n\n.yellow .game-container,\n.yellow .leaderboard {\n  background-color: #f9c837;\n}\n\n.yellow .score button {\n  color: #f9c837;\n}\n\n.yellow .runner-canvas {\n  background: rgba(0, 0, 0, 0.3);\n}\n\n.yellow + #canvas + .reveal-modal {\n  background-color: #f9c837;\n}\n\n.yellow + #canvas + .reveal-modal .back-button button {\n  color: #f9c837;\n}\n\n.yellow + #canvas + .reveal-modal .back-button button svg * {\n  fill: #f9c837;\n}\n\n.yellow + #canvas + .reveal-modal .twitter-icon svg *,\n.yellow + #canvas + .reveal-modal .facebook-icon svg * {\n  fill: #f9c837;\n}\n\n.game-container {\n  background-color: #fff;\n  visibility: hidden;\n  width: 100%;\n  position: fixed;\n  left: 0;\n  bottom: 0;\n  z-index: 2;\n  border-top: 9px solid #231f20;\n  padding: 20px 16px;\n  transform: translateY(100%);\n  transition: transform 0.3s ease-out;\n}\n\n.game-container.visible {\n  transform: translateY(0);\n}\n\n.game-container h3 {\n  text-align: center;\n  padding: 0 42px;\n  margin-bottom: 48px;\n}\n\n.game-container__close {\n  font-size: 48px;\n  font-weight: 700;\n  position: absolute;\n  top: 0;\n  right: 16px;\n  cursor: pointer;\n  transition: opacity 0.2s ease-out;\n  z-index: 2;\n}\n\n.game-container__close:hover, .game-container__close:focus {\n  opacity: 0.7;\n}\n\n.interstitial-wrapper {\n  color: #2b2b2b;\n  font-size: 1em;\n  line-height: 1.55;\n  margin: 0 auto;\n  max-width: 600px;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.runner-container {\n  height: 150px;\n  max-width: 600px;\n  overflow: hidden;\n  position: absolute;\n  bottom: 0;\n  width: 44px;\n}\n\n.runner-canvas {\n  height: 150px;\n  max-width: 600px;\n  opacity: 1;\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  z-index: 2;\n}\n\n.controller {\n  background: rgba(247, 247, 247, 0.1);\n  height: 100vh;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  z-index: 1;\n}\n\n.hidden {\n  display: none;\n}\n\n#offline-resources {\n  display: none;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./app.scss",".above-generator {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  flex-direction: column-reverse;\n  padding-left: 20px;\n  position: relative;\n\n  @media screen and (min-width: $bp-m) {\n    flex-direction: row;\n    padding-left: 52px;\n  }\n\n  &::after {\n    content: '';\n    display: block;\n    width: 9px;\n    height: 42px;\n    background-color: $black;\n    position: absolute;\n    bottom: -42px;\n    left: 74px;\n\n    @media screen and (min-width: $bp-m) {\n      bottom: -8px;\n      left: 168px;\n      height: 94px;\n    }\n\n    @media screen and (min-width: $bp-l) {\n      height: 98px;\n    }\n\n    @media screen and (min-width: $bp-xxl) {\n      bottom: 35px;\n      height: 59px;\n    }\n  }\n\n  h1 {\n    font-size: 8.625rem;\n    line-height: 0.78;\n    margin-right: -2px;\n    margin-bottom: 0;\n\n    @media screen and (min-width: $bp-xxl) {\n      line-height: 1;\n      margin-bottom: 1rem;\n      font-size: 14.0625rem;\n      margin-right: -8px;\n    }\n\n    &.mobile-only {\n      text-align: right;\n      line-height: 0.78;\n      @media screen and (min-width: $bp-xxl) {\n        display: none;\n      }\n    }\n  }\n\n  h3 {\n    color: $grey;\n    font-size: 1.5rem;\n    margin-bottom: 0;\n\n    @media screen and (min-width: $bp-m) {\n      font-size: 1.625rem;\n    }\n  }\n\n  &__message {\n    border-top: 9px solid $black;\n    border-bottom: 9px solid $black;\n    padding: 10px 0 8px;\n    margin-top: 74px;\n\n    @media screen and (min-width: $bp-m) {\n      margin-top: 67px;\n    }\n\n    @media screen and (min-width: $bp-l) {\n      margin-top: 133px;\n    }\n\n    @media screen and (min-width: $bp-xxl) {\n      margin-top: 52px;\n    }\n  }\n\n  &__header {\n    margin-top: 2px;\n    align-self: flex-end;\n\n    @media screen and (min-width: $bp-m) {\n      align-self: auto;\n      margin-top: -70px;\n    }\n\n    @media screen and (min-width: $bp-l) {\n      margin-top: 0;\n    }\n  }\n}\n\n.greetings {\n  padding-right: 16px;\n  position: relative;\n\n  @media screen and (min-width: $bp-s) {\n    padding-right: 32px;\n  }\n\n  @media screen and (min-width: $bp-xxl) {\n    padding-right: 292px;\n  }\n\n  &__container {\n    border: 9px solid $black;\n    border-left: none;\n    max-width: 878px;\n    box-shadow: 10px 10px 0 4px $grey;\n    margin-top: 42px;\n    min-height: 200px;\n\n    @media screen and (min-width: $bp-m) {\n      margin-top: 8px;\n    }\n\n    @media screen and (min-width: $bp-xxl) {\n      margin-top: -40px;\n    }\n  }\n\n  &__sidebar {\n    width: 292px;\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: none;\n    @media screen and (min-width: $bp-xxl) {\n      display: block;\n    }\n\n    h1 {\n      font-size: 14.0625rem;\n      line-height: 0.82;\n      text-align: right;\n    }\n  }\n\n  ul {\n    margin: 0;\n    padding: 0;\n\n    @media screen and (min-width: $bp-s) {\n      padding: 0 62px;\n    }\n\n    @media screen and (min-width: $bp-m) {\n      padding: 0 84px;\n    }\n\n    @media screen and (min-width: $bp-greeting) {\n      padding: 0 110px;\n    }\n\n    &:hover {\n      .slick-arrow {\n        opacity: 1;\n      }\n    }\n  }\n\n  li {\n    text-align: center;\n  }\n}\n\n.slick-arrow {\n  opacity: 0;\n  transition: opacity 0.2s ease-out;\n\n  @media screen and (max-width: 28.0625em) {\n    display: none !important;\n  }\n\n  &.slick-prev,\n  &.slick-next {\n    width: 52px;\n    height: 52px;\n\n    &::before {\n      display: none;\n    }\n  }\n\n  &.slick-prev {\n    background: url('../images/arrow_left.svg') no-repeat;\n    left: -4px;\n\n    @media screen and (min-width: $bp-m) {\n      left: 16px;\n    }\n\n    @media screen and (min-width: $bp-greeting) {\n      left: 42px;\n    }\n\n    &:hover,\n    &:focus {\n      background: url('../images/arrow_left.svg') no-repeat;\n    }\n  }\n\n  &.slick-next {\n    background: url('../images/arrow_right.svg') no-repeat;\n    right: -4px;\n\n    @media screen and (min-width: $bp-m) {\n      right: 16px;\n    }\n\n    @media screen and (min-width: $bp-greeting) {\n      right: 42px;\n    }\n\n    &:hover,\n    &:focus {\n      background: url('../images/arrow_right.svg') no-repeat;\n    }\n  }\n}\n\n#sentiment {\n  display: none;\n\n  &.slick-initialized {\n    display: block;\n  }\n\n  li {\n    font-family: $montserrat;\n    font-size: 1.125rem;\n    text-transform: uppercase;\n    font-weight: 500;\n    padding: 24px 20px 8px;\n\n    @media screen and (min-width: $bp-s) {\n      padding: 36px 0 24px;\n    }\n\n    @media screen and (min-width: $bp-m) {\n      padding-top: 48px;\n      font-size: 1.375rem;\n    }\n\n    @media screen and (min-width: $bp-l) {\n      padding-top: 62px;\n      font-size: 1.5rem;\n    }\n\n    @media screen and (min-width: $bp-greeting) {\n      font-size: 1.75rem;\n      padding-bottom: 40px;\n    }\n  }\n\n  .slick-arrow {\n    top: calc(50% + 10px);\n  }\n}\n\n#adjective {\n  display: none;\n\n  &.slick-initialized {\n    display: block;\n  }\n\n  li {\n    font-family: $trade-gothic;\n    font-size: 1.875rem;\n    text-transform: uppercase;\n    padding: 13px 20px 16px;\n\n    @media screen and (min-width: $bp-s) {\n      padding: 13px 0 22px;\n      font-size: 1.875rem;\n    }\n\n    @media screen and (min-width: $bp-m) {\n      font-size: 3rem;\n    }\n\n    @media screen and (min-width: $bp-l) {\n      font-size: 3.625rem;\n    }\n\n    @media screen and (min-width: $bp-greeting) {\n      font-size: 4.125rem;\n    }\n  }\n\n  .slick-arrow {\n    top: calc(50% - 9px);\n  }\n}\n\n#occasion {\n  display: none;\n\n  &.slick-initialized {\n    display: block;\n  }\n\n  li {\n    font-family: $playfair;\n    font-size: 2rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    padding: 0 10px 8px;\n\n    @media screen and (min-width: $bp-s) {\n      padding: 0 0 20px;\n    }\n\n    @media screen and (min-width: $bp-m) {\n      font-size: 3.25rem;\n    }\n\n    @media screen and (min-width: $bp-l) {\n      font-size: 4rem;\n    }\n\n    @media screen and (min-width: $bp-greeting) {\n      font-size: 4.625rem;\n    }\n  }\n\n  .slick-arrow {\n    top: calc(50% - 5px);\n  }\n}\n\n#closing {\n  display: none;\n\n  &.slick-initialized {\n    display: block;\n  }\n\n  li {\n    font-size: 1.25rem;\n    padding: 16px 0 30px;\n\n    @media screen and (min-width: $bp-s) {\n      padding-bottom: 46px;\n    }\n\n    @media screen and (min-width: $bp-m) {\n      padding: 22px 0 58px;\n    }\n\n    @media screen and (min-width: $bp-l) {\n      font-size: 1.5625rem;\n    }\n\n    @media screen and (min-width: $bp-greeting) {\n      font-size: 1.6875rem;\n    }\n  }\n\n  .slick-arrow {\n    top: calc(50% - 19px);\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_generator.scss",".happy-holidays {\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  padding: 54px 4%;\n\n  @media screen and (min-width: $bp-right) {\n    margin: 0 172px 0 0;\n    padding: 54px 0;\n  }\n\n  .logo {\n    display: block;\n    margin-bottom: 30px;\n\n    svg {\n      display: block;\n      width: 76px;\n      height: 76px;\n      margin: 0 auto;\n    }\n  }\n\n  .message {\n    line-height: 1.5;\n    text-align: center;\n\n    @media screen and (min-width: $bp-right) {\n      text-align: left;\n      line-height: 1.2;\n      padding-left: 69px;\n    }\n\n    p {\n      font-size: 1.125rem;\n    }\n\n    a {\n      color: $black;\n      text-decoration: none;\n\n      span {\n        border-bottom: 2px solid $grey;\n        padding-bottom: 3px;\n      }\n    }\n\n    .divider {\n      color: $grey;\n      margin: 0 11px;\n    }\n\n    .offices {\n      color: $grey;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_happy-holidays.scss","header {\n  padding: 42px 20px 4px;\n  display: flex;\n  justify-content: space-between;\n\n  @media screen and (min-width: $bp-m) {\n    padding: 72px 4% 4px;\n  }\n\n  @media screen and (min-width: $bp-l) {\n    padding-top: 38px;\n    padding-bottom: 14px;\n  }\n\n  @media screen and (min-width: $bp-xxl) {\n    padding-bottom: 0;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_header.scss",".leaderboard {\n  position: fixed;\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, -100%);\n  background-color: $white;\n  width: 100%;\n  max-width: 740px;\n  max-height: 100vh;\n  overflow: auto;\n  transition: transform 0.4s ease-out;\n  text-align: center;\n  border: 9px solid $black;\n  border-top: none;\n  padding: 54px 20px;\n  z-index: 3;\n\n  &.visible {\n    transform: translate(-50%, 0);\n  }\n\n  h1 {\n    // font-family: $playfair;\n    font-size: 3.75rem;\n    text-transform: uppercase;\n    color: $grey;\n    width: 286px;\n    border-top: 9px solid $black;\n    border-bottom: 9px solid $black;\n    padding-top: 4px;\n    margin: 0 auto 16px;\n  }\n\n  h3 {\n    font-size: 1.625rem;\n    color: $grey;\n    margin-bottom: 32px;\n  }\n\n  .greeting-controls {\n    justify-content: flex-end;\n    padding: 30px 0 0;\n\n    &::before {\n      left: auto;\n      right: 186px;\n      height: 30px;\n    }\n\n    button {\n      width: 210px;\n      height: 78px;\n      padding: 23px 0;\n    }\n  }\n}\n\n.score {\n  display: flex;\n  border-bottom: 9px solid $black;\n\n  &__initials {\n    font-size: 3.125rem;\n    color: $grey;\n    border-right: 9px solid $black;\n    padding: 8px 16px 8px 0;\n    width: 40%;\n  }\n\n  &__number {\n    font-size: 3.125rem;\n    padding: 8px 0 8px 16px;\n    width: 60%;\n  }\n\n  &__message {\n    font-size: 0.875rem;\n    color: $black;\n    display: none;\n    margin-bottom: 0.75rem;\n  }\n\n  h4 {\n    font-size: 1.5rem;\n    margin-top: 0.5rem;\n  }\n\n  input {\n    font-size: 3.125rem;\n    color: $grey;\n    font-family: $trade-gothic;\n    font-weight: 500;\n    width: 100%;\n    text-align: center;\n    border: 2px solid $grey;\n    text-transform: uppercase;\n  }\n\n  button {\n    color: $white;\n    background: black;\n    border: none;\n    border-radius: 0;\n    box-shadow: 6px 6px 0 0 $grey;\n    padding: 8px 20px;\n    font-family: $trade-gothic;\n    font-size: 1.5rem;\n    text-transform: uppercase;\n    margin-bottom: 0.75rem;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_leaderboard.scss",".reveal-modal {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  background-color: $white;\n  z-index: 2;\n\n  &__close {\n    color: $black;\n    position: absolute;\n    top: 18px;\n    left: 50%;\n    font-size: 5.125rem;\n    transform: translateX(-50%);\n    transition: color 0.2s ease-out;\n    cursor: pointer;\n    display: none;\n\n    &:hover,\n    &:focus {\n      color: $grey;\n    }\n\n    @media screen and (min-width: $bp-reveal) {\n      display: block;\n    }\n  }\n\n  &__container {\n    padding: 82px 0 0;\n\n    @media screen and (min-width: $bp-reveal) {\n      padding: 152px 56px 0;\n      display: flex;\n      align-items: flex-start;\n      flex-wrap: wrap;\n    }\n  }\n\n  h2 {\n    font-size: 1.625rem;\n    width: 326px;\n    max-width: calc(100% - 40px);\n    height: 98px;\n    flex: 0 0 auto;\n    text-align: center;\n    padding: 10px 0 8px;\n    position: relative;\n    margin: 0 auto 16px;\n    border-top: 9px solid $black;\n    border-bottom: 9px solid $black;\n\n    @media screen and (min-width: $bp-reveal) {\n      margin: 0 0 16px;\n    }\n\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n      background-color: $black;\n      width: 9px;\n      display: none;\n\n      @media screen and (min-width: $bp-reveal) {\n        display: block;\n      }\n    }\n\n    &::before {\n      height: 38px;\n      top: -9px;\n      right: 100%;\n    }\n\n    &::after {\n      height: 51px;\n      bottom: -9px;\n      left: 100%;\n    }\n  }\n}\n\n.greeting-bg {\n  display: none;\n}\n\n.back-button {\n  position: relative;\n  text-align: center;\n  padding-bottom: 48px;\n\n  @media screen and (min-width: $bp-reveal) {\n    width: calc(50% - 163px);\n    flex: 0 0 auto;\n    padding-top: 8px;\n    padding-bottom: 0;\n    text-align: left;\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    background-color: $black;\n    width: 9px;\n    height: 48px;\n    left: calc(50% - 4px);\n    bottom: 0;\n    z-index: 1;\n\n    @media screen and (min-width: $bp-reveal) {\n      width: 100%;\n      height: 9px;\n      top: 38px;\n      left: 0;\n      bottom: auto;\n      z-index: 0;\n    }\n  }\n\n  button {\n    border: none;\n    background-color: $black;\n    border-radius: 0;\n    color: $white;\n    text-transform: uppercase;\n    font-family: $trade-gothic;\n    font-size: 1.25rem;\n    padding: 24px 36px 20px;\n    box-shadow: 8px 8px 0 0 $grey;\n    position: relative;\n\n    svg {\n      display: inline-block;\n      vertical-align: middle;\n      width: 25px;\n      height: 20px;\n      margin: -5px 28px 0 0;\n    }\n  }\n}\n\n.preview-container {\n  position: relative;\n  width: 100%;\n  flex: 0 0 auto;\n  padding: 22px 0 72px;\n  order: 2;\n\n  @media screen and (min-width: $bp-reveal) {\n    padding-bottom: 60px;\n  }\n\n  &::before {\n    @media screen and (min-width: $bp-reveal) {\n      content: '';\n      width: 9px;\n      background: $black;\n      height: 58px;\n      position: absolute;\n      top: -16px;\n      left: calc(50% - 4px);\n    }\n  }\n\n  img {\n    display: block;\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n}\n\n#social {\n  width: 100%;\n  max-width: calc(100% - 40px);\n  flex: 0 0 auto;\n  padding-top: 8px;\n  display: flex;\n  justify-content: center;\n  position: relative;\n  margin: 0 auto 72px;\n\n  @media screen and (min-width: $bp-reveal) {\n    margin: 0;\n    width: calc(50% - 163px);\n    justify-content: flex-end;\n  }\n\n  &::before {\n    content: '';\n    background-color: $black;\n    position: absolute;\n    top: -39px;\n    left: calc(50% - 99px);\n    width: 199px;\n    height: 9px;\n\n    @media screen and (min-width: $bp-reveal) {\n      top: 38px;\n      left: auto;\n      right: 0;\n      width: 100%;\n    }\n  }\n\n  .twitter-icon,\n  .facebook-icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 160px;\n    height: 88px;\n    position: relative;\n    background-color: $black;\n    box-shadow: 8px 8px 0 0 $grey;\n\n    @media screen and (min-width: $bp-reveal) {\n      height: 72px;\n    }\n\n    &::before {\n      content: '';\n      background-color: $black;\n      width: 9px;\n      height: 38px;\n      position: absolute;\n      bottom: 100%;\n\n      @media screen and (min-width: $bp-reveal) {\n        display: none;\n      }\n    }\n  }\n\n  .twitter-icon {\n    &::before {\n      left: 76px;\n    }\n\n    svg {\n      width: 44px;\n      height: 36px;\n    }\n  }\n\n  .facebook-icon {\n    border: none;\n    border-radius: 0;\n    padding: 0;\n    margin-right: 30px;\n    cursor: pointer;\n\n    &::before {\n      right: 75px;\n    }\n\n    svg {\n      width: 21px;\n      height: 40px;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_modal.scss",".slash-border {\n  width: 100%;\n  max-width: 890px;\n  height: 19px;\n  background: url('../images/slash_border.svg') no-repeat left center;\n  background-size: auto 100%;\n  margin-right: -4px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_slash-border.scss",".snail-mail {\n  width: 100%;\n  max-width: 700px;\n  padding: 38px 4% 0;\n  margin: 0 auto;\n\n  @media screen and (min-width: $bp-right) {\n    margin: 0 172px 0 0;\n    padding: 38px 0 0;\n  }\n\n  a {\n    display: block;\n    font-size: 1.25rem;\n    color: $black;\n    text-decoration: none;\n    margin-bottom: 36px;\n\n    @media screen and (min-width: $bp-s) {\n      font-size: 1.5rem;\n    }\n\n    span {\n      display: inline-block;\n      border-bottom: 2px solid $grey;\n      margin-bottom: 18px;\n\n      @media screen and (min-width: $bp-s) {\n        margin-bottom: 0;\n      }\n    }\n\n    svg {\n      display: block;\n      width: 72px;\n      height: 54px;\n\n      @media screen and (min-width: $bp-s) {\n        display: inline-block;\n        vertical-align: bottom;\n        margin-left: 22px;\n      }\n    }\n  }\n}\n\n.store-preview {\n  position: relative;\n  &__links {\n    padding: 0 0 54px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n\n    @media screen and (min-width: $bp-s) {\n      flex-direction: row;\n    }\n\n    a {\n      display: inline-block;\n      margin: 0 20px;\n    }\n\n    .button {\n      background: $black;\n      color: $white;\n      padding: 24px 40px 22px;\n      box-shadow: 8px 8px 0 0 $grey;\n      margin-bottom: 32px;\n\n      @media screen and (min-width: $bp-s) {\n        margin-bottom: 0;\n      }\n    }\n  }\n}\n\n.edition-text {\n  background: $grey;\n  color: $white;\n  width: 98px;\n  height: 98px;\n  border-radius: 50%;\n  position: absolute;\n  top: -68px;\n  left: -13px;\n  z-index: 2;\n  text-transform: uppercase;\n  font-size: 1.25rem;\n  text-align: center;\n  padding: 24px 0;\n  transform: rotate(-12deg);\n}\n\n.edition-arrow {\n  position: absolute;\n  top: -42px;\n  left: 92px;\n  svg {\n    width: 42px;\n    height: 22px;\n  }\n}\n\n.card-slider {\n  padding: 0 24px;\n  margin-top: 118px;\n\n  @media screen and (min-width: $bp-s) {\n    padding: 0 48px;\n  }\n\n  &__card {\n    padding: 0 40px;\n\n    &__image {\n      position: relative;\n    }\n\n    img {\n      position: absolute;\n      bottom: 2.75%;\n      left: 2.78%;\n      width: 94.5%;\n    }\n  }\n\n  .slick-arrow {\n    opacity: 1;\n    z-index: 1;\n\n    &.slick-prev {\n      left: -10px;\n    }\n    &.slick-next {\n      right: -10px;\n    }\n  }\n\n  .slick-dots {\n    position: static;\n    margin: 28px 0 48px;\n\n    li {\n      width: 16px;\n      height: 16px;\n\n      @media screen and (min-width: $bp-s) {\n        width: 18px;\n        height: 18px;\n      }\n\n      button {\n        background: $grey;\n        border: 3px solid $grey;\n        width: 16px;\n        height: 16px;\n        border-radius: 50%;\n        transition: background 0.2s ease-out;\n\n        @media screen and (min-width: $bp-s) {\n          width: 18px;\n          height: 18px;\n        }\n\n        &::before {\n          display: none;\n        }\n\n        &:hover,\n        &:focus {\n          background: rgba($grey, 0.5);\n        }\n      }\n\n      &.slick-active button {\n        background: none;\n      }\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/components/_snail-mail.scss","main {\n  &.white {\n    background-color: $white;\n  }\n\n  &.pink {\n    background-color: $pink;\n  }\n\n  &.cyan {\n    background-color: $cyan;\n  }\n\n  &.yellow {\n    background-color: $yellow;\n  }\n}\n\n.white {\n  .color-selector__color {\n    background-color: $white;\n  }\n}\n\n.pink {\n  h2,\n  h3,\n  h4 {\n    color: $grey--light;\n  }\n\n  .color-selector__color {\n    background-color: $pink;\n    box-shadow: 6px 6px 0 -2px $grey--light;\n  }\n\n  .attribution__text,\n  .above-generator h3 {\n    color: $grey--light;\n  }\n\n  .greetings__container {\n    box-shadow: 10px 10px 0 4px $grey--light;\n  }\n\n  .slick-arrow {\n    &.slick-prev {\n      background-image: url('/images/arrow_left_light.svg');\n    }\n    &.slick-next {\n      background-image: url('/images/arrow_right_light.svg');\n    }\n  }\n\n  .greeting-controls button {\n    color: $pink;\n    box-shadow: 11px 11px 0 0 $grey--light;\n  }\n\n  .generator-spinner {\n    background-color: $pink;\n\n    .spinner svg * {\n      fill: $grey--light;\n    }\n\n    .text svg * {\n      fill: $pink;\n    }\n  }\n\n  .slash-border {\n    background-image: url('/images/slash_border_light.svg');\n  }\n\n  .snail-mail {\n    a span {\n      border-bottom-color: $grey--light;\n    }\n\n    // svg * {\n    //   fill: $grey--light;\n    // }\n  }\n\n  .card-slider__card__image {\n    svg path:first-of-type {\n      fill: $grey--light;\n    }\n  }\n\n  .store-link {\n    svg * {\n      fill: $grey--light;\n    }\n  }\n\n  .edition-text {\n    background-color: $grey--light;\n    color: $pink;\n  }\n\n  .card-slider .slick-dots {\n    li {\n      button {\n        border-color: $grey--light;\n        background-color: $grey--light;\n\n        &:hover,\n        &:focus {\n          background-color: rgba($grey--light, 0.5);\n        }\n      }\n\n      &.slick-active button {\n        background: none;\n      }\n    }\n  }\n\n  .store-preview__links .button {\n    box-shadow: 8px 8px 0 0 $grey--light;\n    color: $pink;\n  }\n\n  .happy-holidays .message {\n    .divider,\n    .offices {\n      color: $grey--light;\n    }\n\n    a span {\n      border-bottom-color: $grey--light;\n    }\n  }\n\n  .game-container,\n  .leaderboard {\n    background-color: $pink;\n  }\n\n  .game-container {\n    h3 {\n      color: $black;\n    }\n  }\n\n  .leaderboard {\n    h1,\n    .score__initials {\n      color: $grey--light;\n    }\n  }\n\n  .score button {\n    color: $pink;\n  }\n\n  + #canvas + .reveal-modal {\n    background-color: $pink;\n\n    h2 {\n      color: $grey--light;\n    }\n\n    .back-button button {\n      color: $pink;\n      box-shadow: 8px 8px 0 0 $grey--light;\n\n      svg * {\n        fill: $pink;\n      }\n    }\n\n    .twitter-icon,\n    .facebook-icon {\n      box-shadow: 8px 8px 0 0 $grey--light;\n\n      svg * {\n        fill: $pink;\n      }\n    }\n  }\n}\n\n.cyan {\n  .color-selector__color {\n    background-color: $cyan;\n  }\n\n  .greeting-controls button {\n    color: $cyan;\n  }\n\n  .generator-spinner {\n    background-color: $cyan;\n\n    .text svg * {\n      fill: $cyan;\n    }\n  }\n\n  .store-preview__links .button,\n  .edition-text {\n    color: $cyan;\n  }\n\n  .game-container,\n  .leaderboard {\n    background-color: $cyan;\n  }\n\n  .score button {\n    color: $cyan;\n  }\n\n  .runner-canvas {\n    background: rgba(0, 0, 0, 0.3);\n  }\n\n  + #canvas + .reveal-modal {\n    background-color: $cyan;\n\n    .back-button button {\n      color: $cyan;\n\n      svg * {\n        fill: $cyan;\n      }\n    }\n\n    .twitter-icon,\n    .facebook-icon {\n      svg * {\n        fill: $cyan;\n      }\n    }\n  }\n}\n\n.yellow {\n  .color-selector__color {\n    background-color: $yellow;\n  }\n\n  .greeting-controls button {\n    color: $yellow;\n  }\n\n  .generator-spinner {\n    background-color: $yellow;\n\n    .text svg * {\n      fill: $yellow;\n    }\n  }\n\n  .store-preview__links .button,\n  .edition-text {\n    color: $yellow;\n  }\n\n  .game-container,\n  .leaderboard {\n    background-color: $yellow;\n  }\n\n  .score button {\n    color: $yellow;\n  }\n\n  .runner-canvas {\n    background: rgba(0, 0, 0, 0.3);\n  }\n\n  + #canvas + .reveal-modal {\n    background-color: $yellow;\n\n    .back-button button {\n      color: $yellow;\n\n      svg * {\n        fill: $yellow;\n      }\n    }\n\n    .twitter-icon,\n    .facebook-icon {\n      svg * {\n        fill: $yellow;\n      }\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/_color-change.scss",".game-container {\n  background-color: $white;\n  visibility: hidden;\n  width: 100%;\n  position: fixed;\n  left: 0;\n  bottom: 0;\n  z-index: 2;\n  border-top: 9px solid $black;\n  padding: 20px 16px;\n  transform: translateY(100%);\n  transition: transform 0.3s ease-out;\n\n  &.visible {\n    transform: translateY(0);\n  }\n\n  h3 {\n    text-align: center;\n    padding: 0 42px;\n    margin-bottom: 48px;\n  }\n\n  &__close {\n    font-size: 48px;\n    font-weight: 700;\n    position: absolute;\n    top: 0;\n    right: 16px;\n    cursor: pointer;\n    transition: opacity 0.2s ease-out;\n    z-index: 2;\n\n    &:hover,\n    &:focus {\n      opacity: 0.7;\n    }\n  }\n}\n\n.interstitial-wrapper {\n  color: #2b2b2b;\n  font-size: 1em;\n  line-height: 1.55;\n  margin: 0 auto;\n  max-width: 600px;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.runner-container {\n  height: 150px;\n  max-width: 600px;\n  overflow: hidden;\n  position: absolute;\n  bottom: 0;\n  width: 44px;\n}\n\n.runner-canvas {\n  height: 150px;\n  max-width: 600px;\n  opacity: 1;\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  z-index: 2;\n}\n\n.controller {\n  background: rgba(247, 247, 247, 0.1);\n  height: 100vh;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  z-index: 1;\n}\n\n.hidden {\n  display: none;\n}\n\n#offline-resources {\n  display: none;\n}\n\n// @media (max-width: 420px) {\n//   .suggested-left > #control-buttons,\n//   .suggested-right > #control-buttons {\n//     float: none;\n//   }\n//   .snackbar {\n//     left: 0;\n//     bottom: 0;\n//     width: 100%;\n//     border-radius: 0;\n//   }\n// }\n\n// @media (max-height: 350px) {\n//   h1 {\n//     margin: 0 0 15px;\n//   }\n//   .icon-offline {\n//     margin: 0 0 10px;\n//   }\n//   .interstitial-wrapper {\n//     margin-top: 5%;\n//   }\n//   .nav-wrapper {\n//     margin-top: 30px;\n//   }\n// }\n\n// @media (min-width: 600px) and (max-width: 736px) and (orientation: landscape) {\n//   .interstitial-wrapper {\n//     margin-left: 0;\n//     margin-right: 0;\n//   }\n// }\n\n// @media (min-width: 420px) and (max-width: 736px) and (min-height: 240px) and (max-height: 420px) and (orientation: landscape) {\n//   .interstitial-wrapper {\n//     margin-bottom: 100px;\n//   }\n// }\n\n// @media (min-height: 240px) and (orientation: landscape) {\n//   .interstitial-wrapper {\n//     margin-bottom: 90px;\n//   }\n// }\n\n// @media (max-height: 320px) and (orientation: landscape) {\n//   .runner-container {\n//     top: 10px;\n//   }\n// }\n\n// @media (max-width: 240px) {\n//   .interstitial-wrapper {\n//     overflow: inherit;\n//     padding: 0 8px;\n//   }\n// }\n\n\n\n// WEBPACK FOOTER //\n// ./src/scss/_trex.scss"],"sourceRoot":""}