*,:after,:before {
  background-repeat: no-repeat;
  box-sizing: border-box;
}

:after,:before {
  text-decoration: inherit;
  vertical-align: inherit
}

:where(:root) {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  cursor: default;
  line-height: 1.5;
  overflow-wrap: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}

:where(body) {
  margin: 0
}

:where(h1) {
  font-size: 2em;
  margin: .67em 0
}

:where(dl,ol,ul) :where(dl,ol,ul) {
  margin: 0
}

:where(hr) {
  color: inherit;
  height: 0
}

:where(nav) :where(ol,ul) {
  list-style-type: none;
  padding: 0
}

:where(nav li):before {
  content: "\200B";
  float: left
}

:where(pre) {
  font-family: monospace,monospace;
  font-size: 1em;
  overflow: auto
}

:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

:where(b,strong) {
  font-weight: bolder
}

:where(code,kbd,samp) {
  font-family: monospace,monospace;
  font-size: 1em
}

:where(small) {
  font-size: 80%
}

:where(audio,canvas,iframe,img,svg,video) {
  vertical-align: middle
}

:where(iframe) {
  border-style: none
}

:where(svg:not([fill])) {
  fill: currentColor
}

:where(table) {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0
}

:where(button,input,select) {
  margin: 0
}

:where(button,[type=button i],[type=reset i],[type=submit i]) {
  -webkit-appearance: button
}

:where(fieldset) {
  border: 1px solid #a0a0a0
}

:where(progress) {
  vertical-align: baseline
}

:where(textarea) {
  margin: 0;
  resize: vertical
}

:where([type=search i]) {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
  height: auto
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

:where(dialog) {
  background-color: #fff;
  border: solid;
  color: #000;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content
}

:where(dialog:not([open])) {
  display: none
}

:where(details>summary:first-of-type) {
  display: list-item
}

:where([aria-busy=true i]) {
  cursor: progress
}

:where([aria-controls]) {
  cursor: pointer
}

:where([aria-disabled=true i],[disabled]) {
  cursor: not-allowed
}

:where([aria-hidden=false i][hidden]) {
  display: initial
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
  clip: rect(0,0,0,0);
  position: absolute
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative
}

.flickity-enabled:focus {
  outline: none
}

.flickity-viewport {
  height: 100%;
  overflow: hidden;
  position: relative
}

.flickity-slider {
  height: 100%;
  position: absolute;
  width: 100%
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing
}

.flickity-button {
  background: hsla(0,0%,100%,.75);
  border: none;
  color: #333;
  position: absolute
}

.flickity-button:hover {
  background: #fff;
  cursor: pointer
}

.flickity-button:focus {
  box-shadow: 0 0 0 5px #19f;
  outline: none
}

.flickity-button:active {
  opacity: .6
}

.flickity-button:disabled {
  cursor: auto;
  opacity: .3;
  pointer-events: none
}

.flickity-button-icon {
  fill: currentColor
}

.flickity-prev-next-button {
  border-radius: 50%;
  height: 44px;
  top: 50%;
  transform: translateY(-50%);
  width: 44px
}

.flickity-prev-next-button.previous {
  left: 10px
}

.flickity-prev-next-button.next {
  right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
  left: 10px;
  right: auto
}

.flickity-prev-next-button .flickity-button-icon {
  height: 60%;
  left: 20%;
  position: absolute;
  top: 20%;
  width: 60%
}

.flickity-page-dots {
  bottom: -25px;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%
}

.flickity-rtl .flickity-page-dots {
  direction: rtl
}

.flickity-page-dots .dot {
  background: #333;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 8px;
  opacity: .25;
  width: 10px
}

.flickity-page-dots .dot.is-selected {
  opacity: 1
}

.awesomplete [hidden] {
  display: none
}

.awesomplete .visually-hidden {
  clip: rect(0,0,0,0);
  position: absolute
}

.awesomplete {
  display: inline-block;
  position: relative
}

.awesomplete>input {
  display: block
}

.awesomplete>ul {
  background: #fff;
  box-sizing: border-box;
  left: 0;
  list-style: none;
  margin: 0;
  min-width: 100%;
  padding: 0;
  position: absolute;
  z-index: 1
}

.awesomplete>ul:empty {
  display: none
}

.awesomplete>ul {
  background: hsla(0,0%,100%,.9);
  background: linear-gradient(to bottom right,#fff,hsla(0,0%,100%,.8));
  border: 1px solid rgba(0,0,0,.3);
  border-radius: .3em;
  box-shadow: .05em .2em .6em rgba(0,0,0,.2);
  margin: .2em 0 0;
  text-shadow: none
}

@supports (transform: scale(0)) {
  .awesomplete>ul {
      transform-origin:1.43em -.43em;
      transition: .3s cubic-bezier(.4,.2,.5,1.4)
  }

  .awesomplete>ul:empty,.awesomplete>ul[hidden] {
      display: block;
      opacity: 0;
      transform: scale(0);
      transition-timing-function: ease
  }
}

.awesomplete>ul:before {
  background: #fff;
  border: inherit;
  border-bottom: 0;
  border-right: 0;
  content: "";
  height: 0;
  left: 1em;
  padding: .4em;
  position: absolute;
  top: -.43em;
  transform: rotate(45deg);
  width: 0
}

.awesomplete>ul>li {
  cursor: pointer;
  padding: .2em .5em;
  position: relative
}

.awesomplete>ul>li:hover {
  background: #b8d3e0;
  color: #000
}

.awesomplete>ul>li[aria-selected=true] {
  background: #3d6d8f;
  color: #fff
}

.awesomplete mark {
  background: #eaff00
}

.awesomplete li:hover mark {
  background: #b5d100
}

.awesomplete li[aria-selected=true] mark {
  background: #3d6b00;
  color: inherit
}

.ct-double-octave:after,.ct-golden-section:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after {
  clear: both;
  content: ""
}

.ct-label {
  fill: rgba(0,0,0,.4);
  color: rgba(0,0,0,.4);
  font-size: .75rem;
  line-height: 1
}

.ct-chart-bar .ct-label,.ct-chart-line .ct-label {
  display: block;
  display: flex
}

.ct-chart-donut .ct-label,.ct-chart-pie .ct-label {
  dominant-baseline: central
}

.ct-label.ct-horizontal.ct-start {
  text-anchor: start;
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left
}

.ct-label.ct-horizontal.ct-end {
  text-anchor: start;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left
}

.ct-label.ct-vertical.ct-start {
  text-anchor: end;
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right
}

.ct-label.ct-vertical.ct-end {
  text-anchor: start;
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  text-anchor: start;
  align-items: flex-end;
  justify-content: center;
  text-align: center
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  text-anchor: start;
  align-items: flex-start;
  justify-content: center;
  text-align: center
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  text-anchor: start;
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  text-anchor: start;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  text-anchor: end;
  align-items: center;
  justify-content: flex-end;
  text-align: right
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  text-anchor: end;
  align-items: center;
  justify-content: flex-start;
  text-align: left
}

.ct-grid {
  stroke: rgba(0,0,0,.2);
  stroke-width: 1px;
  stroke-dasharray: 2px
}

.ct-grid-background {
  fill: none
}

.ct-point {
  stroke-width: 10px;
  stroke-linecap: round
}

.ct-line {
  fill: none;
  stroke-width: 4px
}

.ct-area {
  stroke: none;
  fill-opacity: .1
}

.ct-bar {
  fill: none;
  stroke-width: 10px
}

.ct-slice-donut {
  fill: none;
  stroke-width: 60px
}

.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut {
  stroke: #d70206
}

.ct-series-a .ct-area,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-slice-pie {
  fill: #d70206
}

.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut {
  stroke: #f05b4f
}

.ct-series-b .ct-area,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-slice-pie {
  fill: #f05b4f
}

.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut {
  stroke: #f4c63d
}

.ct-series-c .ct-area,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-slice-pie {
  fill: #f4c63d
}

.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut {
  stroke: #d17905
}

.ct-series-d .ct-area,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-slice-pie {
  fill: #d17905
}

.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut {
  stroke: #453d3f
}

.ct-series-e .ct-area,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-slice-pie {
  fill: #453d3f
}

.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut {
  stroke: #59922b
}

.ct-series-f .ct-area,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-slice-pie {
  fill: #59922b
}

.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut {
  stroke: #0544d3
}

.ct-series-g .ct-area,.ct-series-g .ct-slice-donut-solid,.ct-series-g .ct-slice-pie {
  fill: #0544d3
}

.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut {
  stroke: #6b0392
}

.ct-series-h .ct-area,.ct-series-h .ct-slice-donut-solid,.ct-series-h .ct-slice-pie {
  fill: #6b0392
}

.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut {
  stroke: #f05b4f
}

.ct-series-i .ct-area,.ct-series-i .ct-slice-donut-solid,.ct-series-i .ct-slice-pie {
  fill: #f05b4f
}

.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut {
  stroke: #dda458
}

.ct-series-j .ct-area,.ct-series-j .ct-slice-donut-solid,.ct-series-j .ct-slice-pie {
  fill: #dda458
}

.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut {
  stroke: #eacf7d
}

.ct-series-k .ct-area,.ct-series-k .ct-slice-donut-solid,.ct-series-k .ct-slice-pie {
  fill: #eacf7d
}

.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut {
  stroke: #86797d
}

.ct-series-l .ct-area,.ct-series-l .ct-slice-donut-solid,.ct-series-l .ct-slice-pie {
  fill: #86797d
}

.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut {
  stroke: #b2c326
}

.ct-series-m .ct-area,.ct-series-m .ct-slice-donut-solid,.ct-series-m .ct-slice-pie {
  fill: #b2c326
}

.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut {
  stroke: #6188e2
}

.ct-series-n .ct-area,.ct-series-n .ct-slice-donut-solid,.ct-series-n .ct-slice-pie {
  fill: #6188e2
}

.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut {
  stroke: #a748ca
}

.ct-series-o .ct-area,.ct-series-o .ct-slice-donut-solid,.ct-series-o .ct-slice-pie {
  fill: #a748ca
}

.ct-square {
  display: block;
  position: relative;
  width: 100%
}

.ct-square:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 100%;
  width: 0
}

.ct-square:after {
  display: table
}

.ct-square>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%
}

.ct-minor-second:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 93.75%;
  width: 0
}

.ct-minor-second:after {
  display: table
}

.ct-minor-second>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-major-second {
  display: block;
  position: relative;
  width: 100%
}

.ct-major-second:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 88.8888888889%;
  width: 0
}

.ct-major-second:after {
  display: table
}

.ct-major-second>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%
}

.ct-minor-third:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 83.3333333333%;
  width: 0
}

.ct-minor-third:after {
  display: table
}

.ct-minor-third>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-major-third {
  display: block;
  position: relative;
  width: 100%
}

.ct-major-third:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 80%;
  width: 0
}

.ct-major-third:after {
  display: table
}

.ct-major-third>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%
}

.ct-perfect-fourth:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 75%;
  width: 0
}

.ct-perfect-fourth:after {
  display: table
}

.ct-perfect-fourth>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%
}

.ct-perfect-fifth:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 66.6666666667%;
  width: 0
}

.ct-perfect-fifth:after {
  display: table
}

.ct-perfect-fifth>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%
}

.ct-minor-sixth:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 62.5%;
  width: 0
}

.ct-minor-sixth:after {
  display: table
}

.ct-minor-sixth>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%
}

.ct-golden-section:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 61.804697157%;
  width: 0
}

.ct-golden-section:after {
  display: table
}

.ct-golden-section>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%
}

.ct-major-sixth:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 60%;
  width: 0
}

.ct-major-sixth:after {
  display: table
}

.ct-major-sixth>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%
}

.ct-minor-seventh:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 56.25%;
  width: 0
}

.ct-minor-seventh:after {
  display: table
}

.ct-minor-seventh>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%
}

.ct-major-seventh:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 53.3333333333%;
  width: 0
}

.ct-major-seventh:after {
  display: table
}

.ct-major-seventh>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-octave {
  display: block;
  position: relative;
  width: 100%
}

.ct-octave:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 50%;
  width: 0
}

.ct-octave:after {
  display: table
}

.ct-octave>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%
}

.ct-major-tenth:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 40%;
  width: 0
}

.ct-major-tenth:after {
  display: table
}

.ct-major-tenth>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%
}

.ct-major-eleventh:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 37.5%;
  width: 0
}

.ct-major-eleventh:after {
  display: table
}

.ct-major-eleventh>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%
}

.ct-major-twelfth:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 33.3333333333%;
  width: 0
}

.ct-major-twelfth:after {
  display: table
}

.ct-major-twelfth>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%
}

.ct-double-octave:before {
  content: "";
  display: block;
  float: left;
  height: 0;
  padding-bottom: 25%;
  width: 0
}

.ct-double-octave:after {
  display: table
}

.ct-double-octave>svg {
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/1e6b26f17f7f9c2576a2.6af54439550f325c8b410e70e11f77dd.woff2') format("woff2"),url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/cdbea49e67af68eef1e2.d6f12bc2c0b57cf7bde31ea90dffa26e.woff') format("woff")
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/eb5dcbb6485d9d808523.f8188881d8b44428e2429c113e4888d1.woff2') format("woff2"),url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/7c24497e5c6574a292ce.79e503d0b113b25cb183cbd1949176dc.woff') format("woff")
}

@font-face {
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/981914506b8914dfc0e8.43c78bf2646bda8110da02af76570bc8.woff2') format("woff2"),url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/9b7b552db99d7751911e.3512acaec6bef49615676bef35d4b6ac.woff') format("woff")
}

@font-face {
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/7e15f18bcb467d2c3ab0.d0571939fe800166a2cf6bddc8be8f83.woff2') format("woff2"),url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/469e68ec3d943dacaa89.7feb78a3f1b04c59af8d8736b7032294.woff') format("woff")
}

@font-face {
  font-display: swap;
  font-style: italic;
  src: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/ebcdfab59c8b95c6bb6f.18fe04fad3647453bd39d0d83499489b.woff2') format("woff2"),url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/29d057fe1bab9a121e28.6a822fd33c3d3e5e9882cbc5efe1c651.woff') format("woff")
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/4167960504b953edff22.991c363229d6af3c8e11e35a466d6ce0.woff2') format("woff2"),url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/8d0e4959b5fb380695e3.aa0451b502754f2fd6327e4cb52b1082.woff') format("woff")
}

@font-face {
  font-display: swap;
  font-style: italic;
  src: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/356c4ee7f9ef07f2d2c3.808a479b6346eb0d3f09e7f5e6ba30e6.woff2') format("woff2"),url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/62ae0bbbab2316499a89.c5e49abca7882239286be76dfe64c756.woff') format("woff")
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/0e537d6882dbc2e919f1.be97ba8b493ea6f54cfa14e50d6a7679.woff2') format("woff2"),url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/b272fa6ef39686053db4.025a705b5e9b0f5ec33fc39135a3e230.woff') format("woff")
}

body {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--supportingColor1);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem
}

@media only screen and (min-width: 768px) {
  body {
      font-size:1.8rem
  }
}

h1,h2,h3,h4,h5,h6 {
  margin: 0
}

.promoTitle-1 {
  color: var(--supportingColor1);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 22px
}

.promoTitle-1,.promoTitle-2 {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif
}

.promoTitle-2 {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 900;
  letter-spacing: .05em;
  line-height: 1;
  text-shadow: 2px 2px 2px rgba(0,0,0,.5);
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .promoTitle-2 {
      font-size:6rem
  }
}

.promoCategory-1 {
  color: #b1884e;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 12px;
  text-transform: uppercase
}

.promoCategory-2 {
  color: var(--grayscaleColor3);
  font-size: 1.8rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  text-shadow: 2px 2px 2px rgba(0,0,0,.5)
}

@media only screen and (min-width: 768px) {
  .promoCategory-2 {
      font-size:2.8rem
  }
}

.containerTitle {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .27px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .containerTitle {
      font-size:2.1rem;
      letter-spacing: .35px;
      line-height: 31px
  }
}

@media only screen and (min-width: 1024px) {
  .containerTitle {
      font-size:2.4rem;
      letter-spacing: .5px;
      line-height: 36px
  }
}

.Homepage-title {
  color: #fff;
  font-size: 5.3vw;
  text-shadow: 2px 2px 2px rgba(0,0,0,.5)
}

@media only screen and (min-width: 768px) {
  .Homepage-title {
      font-size:5.4vw
  }
}

.title-1 {
  color: var(--grayscaleColor1);
  font-size: 2.2rem;
  font-style: italic;
  line-height: 1.17647
}

@media only screen and (min-width: 768px) {
  .title-1 {
      font-size:2.8rem
  }
}

.title-2 {
  color: var(--supportingColor1);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 3.4rem;
  font-weight: 900;
  letter-spacing: .05em;
  line-height: 1.17647;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .title-2 {
      font-size:5rem;
      letter-spacing: 0;
      line-height: 68px
  }
}

.title-3 {
  color: var(--grayscaleColor1);
  letter-spacing: 1.17px;
  text-align: center;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .title-3 {
      font-size:3.2rem
  }
}

.breadcrumbText {
  color: #000;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 21px;
  text-transform: uppercase
}

.SocialBar-heading,.footerTitle {
  color: var(--grayscaleColor2);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 2;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .SocialBar-heading,.footerTitle {
      font-size:1.4rem
  }
}

.smallText-1 {
  font-size: 1.2rem;
  line-height: 18px
}

.ArticlePage-articleBody .Figure-content,.CourseInfo-description .Figure-content,.ErrorPage-errorMessage .Figure-content,.FigureRte-content,.PromoText-description .Figure-content,.RichTextBody .Figure-content,.VideoPage-videoBody .Figure-content,.caption-1 {
  color: var(--supportingColor3);
  font-size: 1.4rem;
  line-height: 17px
}

.caption-2 {
  color: #fff;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 19px
}

@media only screen and (min-width: 768px) {
  .caption-2 {
      font-size:1.4rem
  }
}

.Quote blockquote,.quote-1 {
  color: var(--supportingColor9);
  font-family: Whitman;
  font-style: italic
}

@media only screen and (min-width: 768px) {
  .Quote blockquote,.quote-1 {
      font-size:3.6rem;
      line-height: 44px
  }
}

.Quote-attribution,.quote-attribution {
  color: var(--supportingColor2);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.5rem;
  font-weight: 400
}

@media only screen and (min-width: 768px) {
  .Quote-attribution,.quote-attribution {
      font-size:1.8rem
  }
}

.List2Column-title,.List3Column-title,.List3Dark-title,.ListAbstract-title,.ListProductInfo-title,.ListThumbnailImage-title,.ListTicket-title,.PlayerProfile-heading,.PlayerStats-heading,.uppercaseHeading {
  color: #000;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 13px;
  margin-bottom: 15px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .List2Column-title,.List3Column-title,.List3Dark-title,.ListAbstract-title,.ListProductInfo-title,.ListThumbnailImage-title,.ListTicket-title,.PlayerProfile-heading,.PlayerStats-heading,.uppercaseHeading {
      letter-spacing:.86px;
      margin-bottom: 20px
  }
}

@media only screen and (min-width: 1024px) {
  .List2Column-title,.List3Column-title,.List3Dark-title,.ListAbstract-title,.ListProductInfo-title,.ListThumbnailImage-title,.ListTicket-title,.PlayerProfile-heading,.PlayerStats-heading,.uppercaseHeading {
      font-size:2.4rem;
      letter-spacing: .4px;
      line-height: 26px
  }
}

.Button,.Button2,.Container2-cta .Link,.CourseCard-ctas .Link,.FeaturedMatchModule-cta .Link,.HistoryModule-cta1 a,.List2Column-cta .Link,.List3Column-cta .Link,.List3Dark-cta .Link,.ListAbstract-cta .Link,.ListBoxedThumb-cta a,.ListPlayersHome-cta .Link,.ListPointsRace-cta .Link,.ListProductInfo-cta .Link,.ListRow-ctas .Link,.ListSearch-cta .Link,.ListThumbnailImage-cta .Link,.ListTicket-cta .Link,.PageFormSuccess-cta .Link,.PageSmallLead-lead-cta .Link,.PointsRaceModule-cta .Link,.PromoAnnouncement-cta .Link,.PromoTakeover-cta .Link,.PromoText-cta .Link,.PromoThumbnailImage-cta .Link,.ScoringRound-cta a,.SearchModule-filters-applyButton,.TeamBannerModule-cta,.YearRange-cta .Link {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor);
  border-radius: 22.5px;
  color: var(--buttonTextColor);
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  padding: 14px 36px;
  text-align: center;
  transition: background-color .3s ease-in-out
}

.Button2:active,.Button2:hover,.Button:active,.Button:hover,.Container2-cta .Link:active,.Container2-cta .Link:hover,.CourseCard-ctas .Link:active,.CourseCard-ctas .Link:hover,.FeaturedMatchModule-cta .Link:active,.FeaturedMatchModule-cta .Link:hover,.HistoryModule-cta1 a:active,.HistoryModule-cta1 a:hover,.List2Column-cta .Link:active,.List2Column-cta .Link:hover,.List3Column-cta .Link:active,.List3Column-cta .Link:hover,.List3Dark-cta .Link:active,.List3Dark-cta .Link:hover,.ListAbstract-cta .Link:active,.ListAbstract-cta .Link:hover,.ListBoxedThumb-cta a:active,.ListBoxedThumb-cta a:hover,.ListPlayersHome-cta .Link:active,.ListPlayersHome-cta .Link:hover,.ListPointsRace-cta .Link:active,.ListPointsRace-cta .Link:hover,.ListProductInfo-cta .Link:active,.ListProductInfo-cta .Link:hover,.ListRow-ctas .Link:active,.ListRow-ctas .Link:hover,.ListSearch-cta .Link:active,.ListSearch-cta .Link:hover,.ListThumbnailImage-cta .Link:active,.ListThumbnailImage-cta .Link:hover,.ListTicket-cta .Link:active,.ListTicket-cta .Link:hover,.PageFormSuccess-cta .Link:active,.PageFormSuccess-cta .Link:hover,.PageSmallLead-lead-cta .Link:active,.PageSmallLead-lead-cta .Link:hover,.PointsRaceModule-cta .Link:active,.PointsRaceModule-cta .Link:hover,.PromoAnnouncement-cta .Link:active,.PromoAnnouncement-cta .Link:hover,.PromoTakeover-cta .Link:active,.PromoTakeover-cta .Link:hover,.PromoText-cta .Link:active,.PromoText-cta .Link:hover,.PromoThumbnailImage-cta .Link:active,.PromoThumbnailImage-cta .Link:hover,.ScoringRound-cta a:active,.ScoringRound-cta a:hover,.SearchModule-filters-applyButton:active,.SearchModule-filters-applyButton:hover,.TeamBannerModule-cta:active,.TeamBannerModule-cta:hover,.YearRange-cta .Link:active,.YearRange-cta .Link:hover {
  background-color: var(--buttonHoverColor);
  border: 1px solid var(--buttonHoverColor)
}

.Button2 {
  background-color: transparent;
  border: 1px solid #fff
}

.Button2:active,.Button2:hover {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor)
}

.Button_white,.CourseCard-ctas .Link:nth-of-type(2),.PromoImageOnTop2-cta .Link,.PromoProductInfo-cta .Link {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 22.5px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  padding: 14px 36px;
  text-align: center
}

.Button_white:active,.Button_white:hover,.PromoProductInfo-cta .Link:active,.PromoProductInfo-cta .Link:hover {
  background-color: var(--primaryColor1);
  border: 1px solid var(--primaryColor1);
  color: #fff
}

.Button_watch_score,.Match-watchCta .Link {
  align-items: center;
  background-color: var(--primaryColor1);
  border-radius: 10px;
  color: #fff;
  display: flex;
  font-size: .864rem;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .17px;
  line-height: 1;
  padding: 8px 8px 6px;
  text-transform: uppercase
}

[data-yellow].Button_watch_score,[data-yellow].Match-watchCta .Link {
  background-color: #ffcd00;
  color: #000
}

[data-yellow].Button_watch_score:before,[data-yellow].Match-watchCta .Link:before {
  border-bottom: 4px solid transparent;
  border-left: 6px solid #000;
  border-radius: 2px;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  margin-right: 3px;
  margin-top: -3px;
  position: relative;
  width: 0
}

.ChevronLink,.MiniScoringModule-cta .Link,.MiniScoringRound-cta .Link,.PlayerPage-back,.PromoImageOnTop-cta .Link,.PromoImageOnTopLarge-cta .Link,.PromoUpNext-cta .Link {
  align-items: center;
  color: var(--buttonColor);
  cursor: pointer;
  display: flex;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1.29px;
  line-height: 16px;
  text-transform: uppercase
}

.ChevronLink:active,.ChevronLink:hover,.MiniScoringModule-cta .Link:active,.MiniScoringModule-cta .Link:hover,.MiniScoringRound-cta .Link:active,.MiniScoringRound-cta .Link:hover,.PlayerPage-back:active,.PlayerPage-back:hover,.PromoImageOnTop-cta .Link:active,.PromoImageOnTop-cta .Link:hover,.PromoImageOnTopLarge-cta .Link:active,.PromoImageOnTopLarge-cta .Link:hover,.PromoUpNext-cta .Link:active,.PromoUpNext-cta .Link:hover {
  color: var(--buttonHoverColor)
}

.ChevronLink:active:before,.ChevronLink:hover:before,.MiniScoringModule-cta .Link:active:before,.MiniScoringModule-cta .Link:hover:before,.MiniScoringRound-cta .Link:active:before,.MiniScoringRound-cta .Link:hover:before,.PlayerPage-back:active:before,.PlayerPage-back:hover:before,.PromoImageOnTop-cta .Link:active:before,.PromoImageOnTop-cta .Link:hover:before,.PromoImageOnTopLarge-cta .Link:active:before,.PromoImageOnTopLarge-cta .Link:hover:before,.PromoUpNext-cta .Link:active:before,.PromoUpNext-cta .Link:hover:before {
  border-color: var(--buttonHoverColor)
}

.ChevronLink:before,.MiniScoringModule-cta .Link:before,.MiniScoringRound-cta .Link:before,.PlayerPage-back:before,.PromoImageOnTop-cta .Link:before,.PromoImageOnTopLarge-cta .Link:before,.PromoUpNext-cta .Link:before {
  border-bottom: 2px solid var(--buttonColor);
  border-right: 2px solid var(--buttonColor);
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 7px;
  transform: rotate(-45deg);
  width: 8px
}

@media only screen and (min-width: 1440px) {
  .ChevronLink,.MiniScoringModule-cta .Link,.MiniScoringRound-cta .Link,.PlayerPage-back,.PromoImageOnTop-cta .Link,.PromoImageOnTopLarge-cta .Link,.PromoUpNext-cta .Link {
      font-size:1.4rem;
      line-height: 19px
  }

  .ChevronLink:before,.MiniScoringModule-cta .Link:before,.MiniScoringRound-cta .Link:before,.PlayerPage-back:before,.PromoImageOnTop-cta .Link:before,.PromoImageOnTopLarge-cta .Link:before,.PromoUpNext-cta .Link:before {
      height: 10px;
      margin-right: 10px;
      width: 10px
  }
}

.TextInput input,.TextInputInverse input {
  border: 0;
  border-radius: 0;
  font-weight: 500;
  height: 40px;
  line-height: normal;
  padding: 6px 5px 4px;
  width: 100%
}

.TextInput-errors,.TextInputInverse-errors {
  display: none
}

.TextInputInverse input {
  background: hsla(0,0%,100%,.2)
}

.TextInputInverse input:focus {
  box-shadow: none
}

.CheckboxInput input {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  display: inline-block;
  padding: 7px;
  position: relative;
  top: 2px
}

.CheckboxInput input:active+span,.CheckboxInput input:checked+span {
  color: var(--primaryColor1)
}

.CheckboxInput input:active:after,.CheckboxInput input:checked:after {
  border-bottom: 3px solid var(--primaryColor1);
  border-right: 3px solid var(--primaryColor1);
  content: "";
  height: 13px;
  left: 5px;
  position: absolute;
  top: -1px;
  transform: rotate(37deg);
  width: 5px
}

.CheckboxInput-label span {
  margin-left: 3px
}

.SearchInput-input {
  border: 0;
  font-size: 2.4rem;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .SearchInput-input {
      font-size:4rem
  }
}

.Select-input {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  line-height: 17px;
  padding: 12px 15px
}

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

.undo-sr-only {
  clip: inherit;
  height: auto;
  margin: 0;
  overflow: visible;
  position: relative;
  width: auto
}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden
}

.loading-icon {
  animation-fill-mode: both;
  animation: load7 1.8s ease-in-out infinite;
  animation-delay: -.16s;
  border-radius: 50%;
  color: #000;
  font-size: 10px;
  height: 1.5em;
  margin: 0 auto;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  width: 1.5em
}

.loading-icon:after,.loading-icon:before {
  animation-fill-mode: both;
  animation: load7 1.8s ease-in-out infinite;
  border-radius: 50%;
  content: "";
  height: 1.5em;
  position: absolute;
  top: 0;
  width: 1.5em
}

.loading-icon:before {
  animation-delay: -.32s;
  left: -3.5em
}

.loading-icon:after {
  left: 3.5em
}

@keyframes load7 {
  0%,80%,to {
      box-shadow: 0 1.5em 0 -1.3em
  }

  40% {
      box-shadow: 0 1.5em 0 0
  }
}

.PlayerScoreCard-callout-circle,.circleCallout-circle {
  border: 2px solid;
  border-radius: 100%;
  display: inline-block;
  margin: 1% 1% 0;
  max-height: 190px;
  max-width: 190px;
  position: relative;
  vertical-align: top;
  width: 46%
}

.PlayerScoreCard-callout-points,.circleCallout-points {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%
}

.PlayerScoreCard-callout-data,.circleCallout-data {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 7.2rem;
  font-style: normal;
  font-weight: 900
}

.PlayerScoreCard-callout-label,.circleCallout-label {
  color: var(--grayscaleColor1);
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase
}

@media only screen and (min-width: 568px) {
  .PlayerScoreCard-callout-label,.circleCallout-label {
      font-size:1.6rem
  }
}

@media only screen and (max-width: 1079px) and (min-width:992px),only screen and (max-width:459px) {
  .PlayerScoreCard-callout-circle,.circleCallout-circle {
      padding-bottom:45%
  }
}

@media only screen and (max-width: 991px) and (min-width:460px),only screen and (min-width:1080px) {
  .PlayerScoreCard-callout-circle,.circleCallout-circle {
      height:190px
  }
}

.PlayerPage-leadTable,.gridCell {
  padding: 20px
}

.PlayerPage-leadTable-data,.gridCell-data {
  display: block;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: -.31px;
  line-height: 31px;
  text-align: center
}

@media only screen and (min-width: 768px) {
  .PlayerPage-leadTable-data,.gridCell-data {
      font-size:2.361rem;
      letter-spacing: 0;
      line-height: 26px
  }
}

@media only screen and (min-width: 1440px) {
  .PlayerPage-leadTable-data,.gridCell-data {
      font-size:3.6rem;
      letter-spacing: 1px;
      line-height: 40px;
      margin-bottom: 20px
  }
}

.PlayerPage-leadTable-label,.gridCell-label {
  display: block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 19px;
  text-align: center
}

@media only screen and (min-width: 768px) {
  .PlayerPage-leadTable-label,.gridCell-label {
      font-size:1.2rem;
      line-height: 16px
  }
}

@media only screen and (min-width: 1440px) {
  .PlayerPage-leadTable-label,.gridCell-label {
      font-size:1.4rem;
      letter-spacing: .3px;
      line-height: 19px
  }
}

.PlayerPage-leadTable-cell,.gridCellBorder {
  position: relative
}

.PlayerPage-leadTable-cell:first-of-type:after,.PlayerPage-leadTable-cell:nth-of-type(3):after,.gridCellBorder:first-of-type:after,.gridCellBorder:nth-of-type(3):after {
  border-right: 1px solid var(--supportingColor5);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px
}

.PlayerPage-leadTable-cell:first-of-type:before,.PlayerPage-leadTable-cell:nth-of-type(2):before,.gridCellBorder:first-of-type:before,.gridCellBorder:nth-of-type(2):before {
  border-bottom: 1px solid var(--supportingColor5);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .PlayerPage-leadTable-cell:first-of-type:after,.PlayerPage-leadTable-cell:nth-of-type(3):after,.gridCellBorder:first-of-type:after,.gridCellBorder:nth-of-type(3):after {
      height:40px;
      top: 50%;
      transform: translateY(-50%)
  }

  .PlayerPage-leadTable-cell:first-of-type:before,.PlayerPage-leadTable-cell:nth-of-type(2):before,.gridCellBorder:first-of-type:before,.gridCellBorder:nth-of-type(2):before {
      left: 50%;
      transform: translateX(-50%);
      width: 87px
  }
}

@media only screen and (min-width: 1440px) {
  .PlayerPage-leadTable-cell:first-of-type:after,.PlayerPage-leadTable-cell:nth-of-type(3):after,.gridCellBorder:first-of-type:after,.gridCellBorder:nth-of-type(3):after {
      height:60px
  }

  .PlayerPage-leadTable-cell:first-of-type:before,.PlayerPage-leadTable-cell:nth-of-type(2):before,.gridCellBorder:first-of-type:before,.gridCellBorder:nth-of-type(2):before {
      width: 133px
  }
}

.fullWidth {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  right: 50%;
  width: 100vw
}

body:before {
  clip: rect(0,0,0,0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  visibility: hidden;
  width: 1px
}

@media only screen and (min-width: 320px) {
  body:before {
      content:"mq-xs"
  }
}

@media only screen and (min-width: 568px) {
  body:before {
      content:"mq-sm"
  }
}

@media only screen and (min-width: 768px) {
  body:before {
      content:"mq-md"
  }
}

@media only screen and (min-width: 1024px) {
  body:before {
      content:"mq-lg"
  }
}

@media only screen and (min-width: 1240px) {
  body:before {
      content:"mq-hk"
  }
}

@media only screen and (min-width: 1440px) {
  body:before {
      content:"mq-xl"
  }
}

body,html {
  height: 100%
}

html {
  overflow-x: hidden
}

body {
  --pageHeaderHeight: 60px;
  --gutterCalc1440: calc(50vw - 720px);
  --gutterCalc1240: calc(50vw - 620px);
  background: var(--siteBgColor);
  margin: 0 auto;
  max-width: 1440px
}

p {
  font-size: 16px;
  line-height: 1.4
}

blockquote,figure,hr,ol,ul {
  margin: 0;
}

ol,ul {
  padding: 0;
}

ul {
  list-style-type: none;
}

a {
  color: inherit
}

a,a:hover {
  text-decoration: none
}

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

ps-fittext {
  display: inline-block;
  white-space: nowrap
}

.LiveBlogPost {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  margin: 0 0 30px;
  position: relative
}

.LiveBlogPost svg {
  height: 20px;
  margin-right: 10px;
  vertical-align: baseline;
  width: 20px
}

.LiveBlogPost svg.liveblog-hole {
  height: 18px;
  width: 23px
}

.LiveBlogPost svg.liveblog-rake {
  height: 28px;
  width: 18px
}

.LiveBlogPost svg.liveblog-trophy {
  height: 26px;
  width: 18px
}

.LiveBlogPost svg.liveblog-holehalved {
  height: 24px;
  width: 22px
}

.LiveBlogPost svg.liveblog-weather {
  height: 30px;
  width: 30px
}

.LiveBlogPost svg.liveblog-updown {
  height: 20px;
  width: 23px
}

.LiveBlogPost svg.liveblog-capgem {
  height: 17px
}

.LiveBlogPost svg.liveblog-captain,.LiveBlogPost svg.liveblog-waves {
  height: 19px;
  width: 18px
}

.LiveBlogPost svg.liveblog-quote {
  height: 20px;
  width: 20px
}

.LiveBlogPost svg.liveblog-teeoff {
  height: 25px;
  width: 19px
}

.LiveBlogPost-sponsor {
  display: inline-block;
  vertical-align: sub
}

.LiveBlogPost-sponsor .Image {
  max-height: 25px
}

.LiveBlogPost-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 15px
}

.LiveBlogPost[data-post-type=holeWonUS] {
  background-color: var(--team2Color);
  color: #fff
}

.LiveBlogPost[data-post-type=holeWonUS] .LiveBlogPost-body {
  color: #fff
}

.LiveBlogPost[data-post-type=holeWonUS] .LiveBlogPost-block {
  background-color: hsla(0,0%,100%,.14);
  border-radius: 2px;
  color: #fff
}

.LiveBlogPost[data-post-type=holeWonEU] {
  background-color: var(--team1Color);
  color: #fff
}

.LiveBlogPost[data-post-type=holeWonEU] .LiveBlogPost-body {
  color: #fff
}

.LiveBlogPost[data-post-type=holeWonEU] .LiveBlogPost-block {
  background-color: hsla(0,0%,100%,.14);
  color: #fff
}

.LiveBlogPost[data-post-type=matchWonUS] {
  background-color: var(--team2Color2);
  color: #fff
}

.LiveBlogPost[data-post-type=matchWonUS] .LiveBlogPost-body {
  color: #fff
}

.LiveBlogPost[data-post-type=matchWonUS] .LiveBlogPost-block {
  background-color: hsla(0,0%,100%,.14);
  color: #fff
}

.LiveBlogPost[data-post-type=matchWonEU] {
  background-color: var(--team1Color2);
  color: #fff
}

.LiveBlogPost[data-post-type=matchWonEU] .LiveBlogPost-body {
  color: #fff
}

.LiveBlogPost[data-post-type=matchWonEU] .LiveBlogPost-block {
  background-color: hsla(0,0%,100%,.14);
  color: #fff
}

.LiveBlogPost[data-post-type=holeHalved] {
  background-color: #e0e0e0;
  color: #000
}

.LiveBlogPost[data-post-type=holeHalved] .LiveBlogPost-body {
  color: #000
}

.LiveBlogPost[data-post-type=holeHalved] .LiveBlogPost-block {
  background-color: hsla(0,0%,100%,.14);
  color: #000
}

.LiveBlogPost[data-post-type=matchHalved] {
  background-color: #666;
  color: #fff
}

.LiveBlogPost[data-post-type=matchHalved] .LiveBlogPost-body {
  color: #fff
}

.LiveBlogPost[data-post-type=matchHalved] .LiveBlogPost-block {
  background-color: hsla(0,0%,100%,.14);
  color: #fff
}

.LiveBlogPost[data-post-type=weatherDelay] {
  background-color: #000;
  color: #fff
}

.LiveBlogPost[data-post-type=weatherDelay] .LiveBlogPost-body {
  color: #fff
}

.LiveBlogPost[data-post-type=weatherDelay] .LiveBlogPost-block {
  background-color: hsla(0,0%,100%,.14);
  color: #fff
}

.LiveBlogPost-time {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .6px;
  line-height: 17px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0
}

.LiveBlogPost-title {
  flex: 1 0 100%;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: .45px;
  line-height: 26px;
  padding: 15px 90px 15px 15px;
  text-transform: uppercase
}

[data-post-type=teamOf20] .LiveBlogPost-title {
  padding-bottom: 15px
}

.LiveBlogPost-subtitle {
  font-weight: 700;
  letter-spacing: .3px;
  line-height: 17px
}

.LiveBlogPost-body,.LiveBlogPost-subtitle {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem
}

.LiveBlogPost-body {
  color: #666;
  letter-spacing: 0;
  line-height: 19px;
  margin-top: 5px
}

.LiveBlogPost-player {
  align-items: center;
  display: flex;
  flex: 1 0 auto;
  justify-content: flex-end;
  margin-left: 20px;
  margin-top: 5px
}

.LiveBlogPost-block {
  background-color: #e4e4e4;
  border-radius: 2px;
  color: #666;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 17px;
  margin: 0 5px;
  min-width: 90px;
  padding: 8px 4px;
  text-align: center
}

.LiveBlogPost-golferImage {
  align-items: flex-end;
  border-radius: 2px;
  display: flex;
  height: 76px;
  justify-content: center;
  margin-left: 24px;
  overflow: hidden;
  width: 76px
}

.LiveBlogPost-golferImage .Image {
  max-height: 67px;
  max-width: 67px
}

@media only screen and (min-width: 768px) {
  .LiveBlogPost-content {
      flex-direction:row;
      padding: 20px
  }

  .LiveBlogPost-time {
      padding: 20px
  }

  .LiveBlogPost-title {
      font-size: 2.1rem;
      letter-spacing: .53px;
      line-height: 31px;
      padding: 15px 20px 0
  }

  .LiveBlogPost-subtitle {
      letter-spacing: 0
  }

  .LiveBlogPost-body {
      font-size: 1.5rem;
      letter-spacing: 0;
      line-height: 22px
  }

  .LiveBlogPost-description {
      flex: 1 1 40%
  }

  .LiveBlogPost-player {
      align-self: flex-end;
      flex: 1;
      margin-top: 50px
  }
}

@media only screen and (min-width: 1024px) {
  .LiveBlogPost-player {
      margin-top:0
  }

  .LiveBlogPost-content {
      flex-direction: column
  }
}

@media only screen and (min-width: 1240px) {
  .LiveBlogPost-content {
      flex-direction:row
  }
}

.LiveBlogPosts-viewMore {
  margin-top: 28px;
  text-align: center
}

.LiveBlogPosts-viewMore .Link {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor);
  border-radius: 22.5px;
  color: var(--buttonTextColor);
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  padding: 14px 36px;
  text-align: center;
  transition: background-color .3s ease-in-out
}

.LiveBlogPosts-viewMore .Link:active,.LiveBlogPosts-viewMore .Link:hover {
  background-color: var(--buttonHoverColor);
  border: 1px solid var(--buttonHoverColor)
}

.LiveBlogPosts-pinnedPosts>*,.LiveBlogPosts-posts>*,.LiveBlogPromo {
  margin: 0 0 30px
}

.LiveBlogPromo {
  display: block;
  position: relative
}

.LiveBlogPromo-time {
  color: #fff;
  left: 0
}

.LiveBlogPromo-actions,.LiveBlogPromo-time {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .6px;
  line-height: 17px;
  padding: 15px;
  position: absolute;
  top: 0
}

.LiveBlogPromo-actions {
  right: 0
}

.LiveBlogPromo-actions .ActionLink {
  border: none
}

.LiveBlogPromo-media {
  position: relative
}

[data-content-type=video] .LiveBlogPromo-media:before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0N3B4IiB2aWV3Qm94PSIwIDAgNTAgNDciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5FdXJvcGVfUGxheUJ1dHRvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJFdXJvcGVfUGxheUJ1dHRvbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgMjMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yNS4wMDAwMDAsIC0yMy41MDAwMDApICIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjQ3IiByeD0iMTAiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTI2LjM2MDkyNjUsMTkuNDU2OTUyNiBMMzEuMTA4NDc4MSwyNy40OTEyNzA3IEMzMS4zODk0NDE2LDI3Ljk2Njc0NzMgMzEuMjMxNzU3NSwyOC41Nzk5NjMxIDMwLjc1NjI4MDksMjguODYwOTI2NSBDMzAuNjAyMjA0MywyOC45NTE5NzE4IDMwLjQyNjUxNzYsMjkgMzAuMjQ3NTUxNiwyOSBMMjAuNzUyNDQ4NCwyOSBDMjAuMjAwMTYzNiwyOSAxOS43NTI0NDg0LDI4LjU1MjI4NDcgMTkuNzUyNDQ4NCwyOCBDMTkuNzUyNDQ4NCwyNy44MjEwMzQgMTkuODAwNDc2NiwyNy42NDUzNDczIDE5Ljg5MTUyMTksMjcuNDkxMjcwNyBMMjQuNjM5MDczNSwxOS40NTY5NTI2IEMyNC45MjAwMzY5LDE4Ljk4MTQ3NiAyNS41MzMyNTI3LDE4LjgyMzc5MTkgMjYuMDA4NzI5MywxOS4xMDQ3NTU0IEMyNi4xNTM5NTQ1LDE5LjE5MDU3MDIgMjYuMjc1MTExNywxOS4zMTE3Mjc0IDI2LjM2MDkyNjUsMTkuNDU2OTUyNiBaIiBpZD0iVHJpYW5nbGUiIGZpbGw9IiMwMDNDODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjUwMDAwMCwgMjMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjUuNTAwMDAwLCAtMjMuNTAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 8px;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  max-height: 47px;
  max-width: 50px;
  opacity: .9;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

@media only screen and (min-width: 768px) {
  [data-content-type=video] .LiveBlogPromo-media:before {
      background-color:transparent;
      background-size: 100%;
      max-height: 47px;
      max-width: 50px
  }
}

[data-content-type=gallery] .LiveBlogPromo-media:before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0N3B4IiB2aWV3Qm94PSIwIDAgNTAgNDciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5QaG90b0dhbGxlcnlJY29uIENvcHkgNDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQaG90b0dhbGxlcnlJY29uLUNvcHktNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkdhbGxlcnkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjg5NDgzMzUxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUuMDAwMDAwLCAyMy41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTI1LjAwMDAwMCwgLTIzLjUwMDAwMCkgIiB4PSIwIiB5PSIwIiB3aWR0aD0iNTAiIGhlaWdodD0iNDciIHJ4PSI3LjY5MjMwNzY5Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi45Mzc4Njk4LDE1LjY2NTkxMjUgQzE2LjA3NzM2NjksMTUuNjY1OTEyNSAxNS4zODQ2MTU0LDE2LjM5NDM0MzkgMTUuMzg0NjE1NCwxNy4yOTk4OTk0IEwxNS4zODQ2MTU0LDI4LjczNzgwNzkgQzE1LjM4NDYxNTQsMjkuNjQzMDM2NyAxNi4wNzczNjY5LDMwLjM3MTc5NDkgMTYuOTM3ODY5OCwzMC4zNzE3OTQ5IEwzNC4wMjM2Njg2LDMwLjM3MTc5NDkgQzM0Ljg4NDE3MTYsMzAuMzcxNzk0OSAzNS41NzY5MjMxLDI5LjY0MzAzNjcgMzUuNTc2OTIzMSwyOC43Mzc4MDc5IEwzNS41NzY5MjMxLDE3LjI5OTg5OTQgQzM1LjU3NjkyMzEsMTYuMzk0MzQzOSAzNC44ODQxNzE2LDE1LjY2NTkxMjUgMzQuMDIzNjY4NiwxNS42NjU5MTI1IEwxNi45Mzc4Njk4LDE1LjY2NTkxMjUgWiBNMTYuOTM3ODY5OCwxNy4yOTk4OTk0IEwzNC4wMjM2Njg2LDE3LjI5OTg5OTQgTDM0LjAyMzY2ODYsMjguNzM3ODA3OSBMMzMuMTc0MzQ5MSwyOC43Mzc4MDc5IEwyNy42NDA0MTQyLDIxLjIyMTQ2ODEgTDI1LjE3MDExODMsMjQuNTc1Mzg5NiBMMjIuMjE4OTM0OSwyMC41Njc1NDY1IEwxNi45Mzc4Njk4LDI3LjczOTc2ODcgTDE2LjkzNzg2OTgsMTcuMjk5ODk5NCBaIE0zMC45MDc1Mjk2LDE4LjkxMzI5ODEgQzMwLjAzMzY2ODYsMTguOTEzMjk4MSAyOS4zMjUwNzQsMTkuNjU4Mzk2MiAyOS4zMjUwNzQsMjAuNTc4MDA0IEMyOS4zMjUwNzQsMjEuNDk3NjExOSAzMC4wMzM2Njg2LDIyLjI0MjcwOTkgMzAuOTA3NTI5NiwyMi4yNDI3MDk5IEMzMS43ODEzOTA1LDIyLjI0MjcwOTkgMzIuNDg5OTg1MiwyMS40OTc2MTE5IDMyLjQ4OTk4NTIsMjAuNTc4MDA0IEMzMi40ODk5ODUyLDE5LjY1ODM5NjIgMzEuNzgxMzkwNSwxOC45MTMyOTgxIDMwLjkwNzUyOTYsMTguOTEzMjk4MSBaIiBpZD0iU2hhcGUiIGZpbGw9IiMwMDNDODIiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 8px;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  max-height: 47px;
  max-width: 50px;
  opacity: .9;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

@media only screen and (min-width: 768px) {
  [data-content-type=gallery] .LiveBlogPromo-media:before {
      background-color:transparent;
      max-height: 47px;
      max-width: 50px
  }
}

.LiveBlogPromo-media img {
  border-radius: 8px;
  position: relative;
  width: 100%
}

.LiveBlogPromo-media:after {
  background: linear-gradient(180deg,hsla(0,0%,8%,0),hsla(0,0%,8%,.02) 58.96%,#151515);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  content: "";
  display: block;
  height: 100%;
  right: 0;
  top: 0;
  width: 100%
}

.LiveBlogPromo-content,.LiveBlogPromo-media:after {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute
}

.LiveBlogPromo-content {
  color: #fff;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  margin: 0 auto;
  padding: 15px
}

.LiveBlogPromo-title {
  font-size: 1.8rem;
  letter-spacing: .43px;
  line-height: 26px;
  margin-bottom: 10px;
  pointer-events: none
}

.LiveBlogPromo-description {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: 1.2rem;
  line-height: 21px;
  overflow: hidden;
  pointer-events: none
}

.LiveBlogPromo .Share .Share-dropdown {
  display: none
}

.LiveBlogPromo .Share[data-toggle-in=share] .Share-dropdown {
  display: block
}

@media only screen and (min-width: 568px) {
  .LiveBlogPromo-description {
      -webkit-line-clamp:4
  }
}

@media only screen and (min-width: 768px) {
  .LiveBlogPromo-media:after {
      background:linear-gradient(180deg,hsla(0,0%,8%,0),hsla(0,0%,8%,.02) 58.96%,#151515)
  }

  .LiveBlogPromo-content {
      padding: 25px 25px 25px 20px
  }

  .LiveBlogPromo-time {
      padding: 15px
  }

  .LiveBlogPromo-title {
      font-size: 2.1rem;
      letter-spacing: .5px;
      line-height: 31px
  }

  .LiveBlogPromo-description {
      font-size: 1.6rem;
      line-height: 25px
  }
}

@media only screen and (min-width: 1024px) {
  .LiveBlogPromo-content {
      padding:25px 25px 20px 20px
  }
}

.LiveBlogSocialPost {
  display: flex;
  justify-content: center;
  text-align: center
}

.LiveBlogSocialPost[data-type-video] {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative
}

.LiveBlogSocialPost[data-type-video] iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.CookieNotification {
  background-color: rgba(0,0,0,.85);
  bottom: -100%;
  display: block;
  left: 0;
  margin-top: -100%;
  padding: 20px;
  position: fixed;
  right: 0;
  transition: bottom 2s ease-in;
  z-index: 2150000000
}

.CookieNotification[data-show] {
  bottom: 0
}

.CookieNotification a {
  color: var(--primaryColor1);
  text-decoration: underline
}

.CookieNotification-content {
  color: #fff;
  font-size: 1.6rem;
  line-height: 2rem;
  padding-right: 20px
}

.CookieNotification-close {
  background: none;
  border: 0;
  bottom: 20px;
  height: 22px;
  position: absolute;
  right: 20px;
  width: 22px
}

.CookieNotification-close svg {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  height: 22px;
  padding: 3px;
  position: relative;
  width: 22px
}

@media only screen and (min-width: 768px) {
  .CookieNotification {
      padding-left:40px;
      padding-right: 40px
  }

  .CookieNotification-close {
      bottom: auto;
      top: 20px
  }
}

.CoursePage-above,.ErrorPage-above,.HomePage-above,.LiveBlogPagePage-above,.Page-above,.SearchPage-above,.SectionPage-above,.TagPage-above {
  margin-top: 20px
}

.CoursePage-body,.ErrorPage-body,.HomePage-body,.LiveBlogPagePage-body,.Page-body,.SearchPage-body,.SectionPage-body,.TagPage-body {
  padding-top: var(--pageHeaderHeight)
}

.CoursePage-body[data-no-header],.ErrorPage-body[data-no-header],.HomePage-body[data-no-header],.LiveBlogPagePage-body[data-no-header],.Page-body[data-no-header],.SearchPage-body[data-no-header],.SectionPage-body[data-no-header],.TagPage-body[data-no-header] {
  padding-top: 0
}

.CoursePage-body-headerIframe,.ErrorPage-body-headerIframe,.HomePage-body-headerIframe,.LiveBlogPagePage-body-headerIframe,.Page-body-headerIframe,.SearchPage-body-headerIframe,.SectionPage-body-headerIframe,.TagPage-body-headerIframe {
  background: var(--iframeSponserBgColor);
  position: relative;
  text-align: center;
  z-index: 1
}

.CoursePage-weather,.ErrorPage-weather,.HomePage-weather,.LiveBlogPagePage-weather,.Page-weather,.SearchPage-weather,.SectionPage-weather,.TagPage-weather {
  padding: 8px 12px 0
}

.CoursePage-main .List3Column,.ErrorPage-main .List3Column,.HomePage-main .List3Column,.LiveBlogPagePage-main .List3Column,.Page-main .List3Column,.SearchPage-main .List3Column,.SectionPage-main .List3Column,.TagPage-main .List3Column {
  border-bottom: 1px solid var(--primaryColor5)
}

@media only screen and (min-width: 768px) {
  .CoursePage-weather,.ErrorPage-weather,.HomePage-weather,.LiveBlogPagePage-weather,.Page-weather,.SearchPage-weather,.SectionPage-weather,.TagPage-weather {
      padding:2px 20px 0
  }

  .CoursePage-body[data-no-header],.ErrorPage-body[data-no-header],.HomePage-body[data-no-header],.LiveBlogPagePage-body[data-no-header],.Page-body[data-no-header],.SearchPage-body[data-no-header],.SectionPage-body[data-no-header],.TagPage-body[data-no-header] {
      padding-top: 0
  }
}

@media only screen and (min-width: 1024px) {
  .CoursePage-weather,.ErrorPage-weather,.HomePage-weather,.LiveBlogPagePage-weather,.Page-weather,.SearchPage-weather,.SectionPage-weather,.TagPage-weather {
      padding:2px 100px 0
  }

  .CoursePage-above,.ErrorPage-above,.HomePage-above,.LiveBlogPagePage-above,.Page-above,.SearchPage-above,.SectionPage-above,.TagPage-above {
      margin-top: 30px
  }

  .CoursePage-body-headerIframe,.ErrorPage-body-headerIframe,.HomePage-body-headerIframe,.LiveBlogPagePage-body-headerIframe,.Page-body-headerIframe,.SearchPage-body-headerIframe,.SectionPage-body-headerIframe,.TagPage-body-headerIframe {
      display: none
  }
}

.PageForm-container-media .Image {
  width: 100%
}

.PageForm .logo-wrapper {
  display: block;
  max-width: 90px
}

.PageForm-description {
  font-size: 1.6rem;
  line-height: 24px
}

.PageForm .Button,.PageForm .Button2,.PageForm .Container2-cta .Link,.PageForm .CourseCard-ctas .Link,.PageForm .FeaturedMatchModule-cta .Link,.PageForm .HistoryModule-cta1 a,.PageForm .List2Column-cta .Link,.PageForm .List3Column-cta .Link,.PageForm .List3Dark-cta .Link,.PageForm .ListAbstract-cta .Link,.PageForm .ListBoxedThumb-cta a,.PageForm .ListPlayersHome-cta .Link,.PageForm .ListPointsRace-cta .Link,.PageForm .ListProductInfo-cta .Link,.PageForm .ListRow-ctas .Link,.PageForm .ListSearch-cta .Link,.PageForm .ListThumbnailImage-cta .Link,.PageForm .ListTicket-cta .Link,.PageForm .PageFormSuccess-cta .Link,.PageForm .PageSmallLead-lead-cta .Link,.PageForm .PointsRaceModule-cta .Link,.PageForm .PromoAnnouncement-cta .Link,.PageForm .PromoTakeover-cta .Link,.PageForm .PromoText-cta .Link,.PageForm .PromoThumbnailImage-cta .Link,.PageForm .ScoringRound-cta a,.PageForm .SearchModule-filters-applyButton,.PageForm .TeamBannerModule-cta,.PageForm .YearRange-cta .Link {
  display: block;
  margin: 0 auto
}

.PageForm-body {
  max-width: 100%
}

.PageForm-container,.PageForm-container-media {
  position: relative
}

.PageForm-container-media:before {
  background: linear-gradient(93.97deg,rgba(0,0,0,.3),rgba(0,0,0,.15));
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.PageForm-lead {
  left: 0;
  padding: 25px 20px;
  position: absolute;
  top: 0
}

.PageForm-lead .PageForm-description {
  display: none
}

.PageForm-eventDates {
  color: #fff;
  font-size: 1.4rem;
  font-style: italic;
  letter-spacing: -.2px;
  line-height: 21px;
  margin-top: 20px
}

.PageForm-title {
  color: #fff;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 31px;
  margin-top: 10px;
  text-transform: uppercase
}

.PageForm-description {
  padding: 20px
}

.PageForm-main {
  background-color: var(--primaryColor6);
  border-top: 1px solid var(--primaryColor5);
  padding: 25px 20px
}

.PageForm .Form-agreement {
  align-items: flex-start;
  border-top: 1px solid #e0e0e0;
  display: flex;
  margin: 20px 0 30px;
  padding-top: 20px;
  text-align: left
}

.PageForm .Form-agreement:last-of-type {
  margin-bottom: 30px
}

.PageForm .Form-inline {
  flex-wrap: wrap
}

.PageForm .Form-inline .EmailInput,.PageForm .Form-inline .PhoneNumberInput,.PageForm .Form-inline .Select,.PageForm .Form-inline .TextInput,.PageForm .Form-inline .TextInputInverse {
  flex: 1 0 auto;
  width: 100%
}

.PageForm .Form .EmailInput,.PageForm .Form .PhoneNumberInput,.PageForm .Form .Select,.PageForm .Form .TextInput,.PageForm .Form .TextInputInverse {
  margin-bottom: 10px
}

.PageForm .Form .Select .Select-input {
  background: #fff
}

.PageForm .Form [type=submit] {
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
  .PageForm .logo-wrapper {
      max-width:100px
  }

  .PageForm-title {
      font-size: 4.6rem;
      line-height: 46px
  }

  .PageForm .Form-inline .EmailInput,.PageForm .Form-inline .PhoneNumberInput,.PageForm .Form-inline .Select,.PageForm .Form-inline .TextInput,.PageForm .Form-inline .TextInputInverse {
      flex: none;
      width: 48%
  }

  .PageForm-lead {
      padding: 50px 30px
  }
}

@media only screen and (min-width: 1024px) {
  .PageForm-container-media .Image {
      height:100vh;
      -o-object-fit: cover;
      object-fit: cover
  }

  .PageForm-bg-media {
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%
  }

  .PageForm-bg-media .Image {
      height: 100vh;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100vw
  }

  .PageForm .Form-inline .EmailInput,.PageForm .Form-inline .PhoneNumberInput,.PageForm .Form-inline .Select,.PageForm .Form-inline .Select+.TextInput,.PageForm .Form-inline .Select+.TextInputInverse {
      width: 100%
  }

  .PageForm-lead {
      padding: 5% 8% 0;
      width: 50%
  }

  .PageForm-lead .PageForm-description {
      display: block
  }

  .PageForm-belowlead {
      display: none
  }

  .PageForm-main {
      background-color: transparent;
      border-radius: 10px;
      border-top: 0;
      bottom: 5%;
      overflow: auto;
      padding: 0;
      position: absolute;
      right: 8%;
      top: 5%
  }

  .PageForm-main .Form {
      background-color: var(--primaryColor6);
      border: 0;
      border-radius: 10px;
      box-shadow: 0 8px 30px 0 rgba(0,0,0,.12);
      padding: 30px 25px;
      width: 389px
  }

  .PageForm-description {
      color: #fff;
      padding: 10px 0
  }
}

.Page-header {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  position: relative;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50
}

.Page-header-progressBar {
  background-color: var(--longformProgressColor);
  height: 3px;
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  transition: width .25s linear
}

[data-header-sticky] .Page-header {
  height: 60px;
  min-height: 60px
}

.Page-header .Page-header-top .Page-header-teamSwitcher {
  display: none
}

.Page-header .Page-header-hamburger-menu .Page-header-teamSwitcher {
  display: block
}

.Page-header-logo {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 15px;
  position: absolute;
  top: 10px
}

.Page-header-logo img {
  height: 81px;
  width: 81px
}

.Page-header-top {
  align-items: center;
  background-color: var(--headerBgColor);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.17);
  color: var(--headerTextColor);
  display: flex;
  height: 60px;
  justify-content: flex-end;
  width: 100%
}

.Page-header-top-right {
  align-items: center;
  display: flex;
  height: 100%;
  z-index: 1
}

.Page-header-fixedNav {
  left: 100px;
  padding-right: 13px;
  position: absolute;
  text-transform: uppercase
}

.Page-header-fixedNav .Link {
  align-items: center;
  color: var(--supportingColor7);
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  height: 35px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 19px;
  position: relative
}

.Page-header-fixedNav .Link:before {
  border-bottom: 7px solid transparent;
  border-left: 11px solid var(--supportingColor7);
  border-radius: 2px;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  margin-right: 7px;
  width: 0
}

.Page-header-fixedNav[data-has-mobile-text] .Link:last-of-type {
  display: none
}

@media only screen and (min-width: 768px) {
  .Page-header-fixedNav[data-has-mobile-text] .Link:first-of-type {
      display:none
  }

  .Page-header-fixedNav[data-has-mobile-text] .Link:last-of-type {
      display: flex
  }
}

.Page-header-bottom {
  align-items: center;
  color: #fff;
  display: block;
  height: 41px;
  justify-content: left;
  opacity: 1;
  position: relative;
  transition: opacity .25s ease-in-out,height .25s ease-in-out;
  width: 100%;
  z-index: -2
}

[data-header-sticky] .Page-header-bottom {
  height: 0;
  opacity: 0;
  pointer-events: none
}

.Page-header-bottom-left {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.2rem;
  font-style: italic;
  left: 99px;
  letter-spacing: 1px;
  line-height: 21px;
  padding-left: 12px;
  padding-right: 6px;
  padding-top: 6px;
  position: absolute
}

.Page-header-bottom-right {
  align-self: baseline
}

.Page-header-dates {
  display: inline
}

.Page-header-dates:after {
  background-color: #fff;
  border-radius: 4px;
  content: "";
  display: inline-block;
  height: 4px;
  margin-left: 3px;
  margin-right: 3px;
  width: 4px
}

.Page-header-location {
  display: inline
}

.Page-header-headerIframe,[data-hide-location-on-mobile] .Page-header-location {
  display: none
}

.Page-header-sponsorCarousel {
  margin-left: 15px
}

.Page-header-teamSwitcher {
  display: block;
  margin: 0;
  padding: 25px 25px 25px 10px;
  position: relative
}

.Page-header-teamSwitcher:after {
  background: var(--primaryColor5);
  content: "";
  display: block;
  height: 35px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.Page-header-teamSwitcher:before {
  left: 0
}

.Page-header-teamSwitcher:after {
  right: 0
}

.Page-header-teamSwitcher:hover .Page-header-teamSwitcher-trigger:after {
  border-bottom: 0;
  border-top: 5px solid #000
}

.Page-header-teamSwitcher:hover .Page-header-teamSwitcher-dd {
  display: block
}

.Page-header-teamSwitcher-trigger {
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  padding: 0;
  position: relative
}

.Page-header-teamSwitcher-trigger:after {
  border-bottom: 5px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  margin-top: -3px;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: rotate(180deg);
  width: 0
}

[data-toggle-in=team-switch-dd] .Page-header-teamSwitcher-trigger:after {
  border-bottom: 0;
  border-top: 5px solid #000
}

.Page-header-teamSwitcher-currentLanguage {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 22px
}

.Page-header-teamSwitcher-dd {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.17);
  display: none;
  height: auto;
  left: 0;
  margin-top: 22px;
  padding: 23px;
  position: absolute;
  top: auto;
  width: 214px;
  z-index: 1
}

.Page-header-teamSwitcher-dd li,.Page-header-teamSwitcher-dd li a {
  color: var(--supportingColor8);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 22px
}

.Page-header-teamSwitcher-dd li a:hover,.Page-header-teamSwitcher-dd li:hover {
  color: var(--buttonHoverColor)
}

.Page-header-teamSwitcher-dd li {
  margin-bottom: 10px
}

.Page-header-teamSwitcher-dd li:last-of-type {
  margin-bottom: 0
}

[data-toggle-in=language-switch-dd] .Page-header-teamSwitcher[data-toggle-in=language-switch-dd],[data-toggle-in=team-switch-dd] .Page-header-teamSwitcher[data-toggle-in=team-switch-dd] {
  display: block
}

.Page-header-menu-trigger {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  line-height: 1.85;
  margin: 0;
  max-height: 42px;
  padding: 15px;
  position: relative;
  text-transform: uppercase
}

.Page-header-menu-trigger .label {
  display: none
}

.Page-header-menu-close {
  background: transparent;
  border: 0;
  position: absolute;
  right: 20px;
  top: 20px
}

.Page-header-hamburger-menu {
  background: #fff;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,.03);
  height: 100vh;
  overflow-y: auto;
  padding: 68px 25px 25px;
  position: fixed;
  right: -100%;
  top: 60px;
  transition: all .3s ease-out;
  visibility: hidden;
  width: 100%;
  z-index: 25;
  z-index: -1
}

[data-toggle-header=hamburger-menu] .Page-header-hamburger-menu {
  right: 0;
  visibility: visible
}

.Page-header-hamburger-menu .Page-header-teamSwitcher {
  border-bottom: 1px solid var(--supportingColor5);
  display: none;
  margin-bottom: 25px;
  margin-right: 0;
  padding: 0 0 25px
}

.Page-header-hamburger-menu .Page-header-teamSwitcher[data-toggle=language-switch-dd] {
  display: block
}

.Page-header-hamburger-menu .Page-header-teamSwitcher:after,.Page-header-hamburger-menu .Page-header-teamSwitcher:before {
  content: none
}

.Page-header-hamburger-menu .Page-header-teamSwitcher-dd {
  margin-top: 0
}

.Page-header-hamburger-menu-wrapper {
  padding-bottom: 81px
}

.Page-header .burger-menu {
  fill: var(--headerTextColor);
  height: 15px;
  width: 23px
}

.Page-header .icon-magnify {
  fill: var(--headerTextColor);
  height: 20px;
  width: 20px
}

.Page-header-navigation {
  display: none
}

.Page-header .SocialBar-heading {
  margin-bottom: 10px
}

.Page-header .SocialLink svg {
  fill: var(--primaryColor4)
}

@media only screen and (min-width: 768px) {
  .Page-header {
      min-height:124px
  }

  .Page-header .Page-header-top .Page-header-teamSwitcher {
      display: block
  }

  .Page-header .Page-header-hamburger-menu .Page-header-teamSwitcher {
      display: none
  }

  .Page-header-fixedNav {
      left: 135px
  }

  .Page-header-sponsorCarousel {
      margin-left: 25px
  }

  .Page-header-teamSwitcher {
      margin: 0;
      padding: 20px 35px 20px 20px
  }

  .Page-header-teamSwitcher-trigger {
      align-items: center;
      cursor: pointer;
      display: flex;
      position: relative
  }

  .Page-header-teamSwitcher-trigger:after {
      right: -20px
  }

  .Page-header-teamSwitcher-currentTeam {
      height: 21px;
      width: 33px
  }

  .Page-header-teamSwitcher-dd {
      margin-top: 19px
  }

  .Page-header-hamburger-menu-wrapper {
      padding-bottom: 130px
  }

  [data-header-sticky] .Page-header-hamburger-menu-wrapper {
      padding-bottom: 115px
  }

  .Page-header-hamburger-menu {
      max-width: 367px
  }

  .Page-header-menu-trigger {
      margin-right: 20px
  }

  .Page-header-logo {
      left: 20px
  }

  .Page-header-logo img {
      height: 103px;
      width: 103px
  }

  .Page-header-top {
      height: 60px
  }

  .Page-header-bottom {
      height: 50px
  }

  .Page-header-bottom-left {
      font-size: 1.4rem;
      font-style: italic;
      left: 105px;
      letter-spacing: 1px;
      line-height: 21px;
      padding-left: 30px;
      padding-right: 30px
  }

  [data-hide-location-on-mobile] .Page-header-location {
      display: inline
  }
}

@media only screen and (min-width: 1024px) {
  .Page-header {
      min-height:134px
  }

  .Page-header-fixedNav {
      display: none
  }

  .Page-header-teamSwitcher-dd {
      z-index: -1
  }

  .Page-header-top {
      justify-content: space-between;
      padding-left: 173px
  }

  .Page-header-top[data-fixednavitem] .Page-header-teamSwitcher {
      display: block
  }

  .Page-header-top-right {
      margin-right: 20px
  }

  [data-header-sticky] .Page-header-top {
      height: 60px;
      min-height: 60px
  }

  .Page-header-logo img {
      height: 133px;
      width: 133px
  }

  .Page-header-headerIframe {
      display: block;
      margin-right: 0
  }

  .Page-header-bottom {
      display: flex;
      height: 74px;
      justify-content: space-between;
      max-width: 1440px;
      padding-left: 173px;
      position: absolute;
      top: 60px
  }

  .Page-header-bottom-left {
      display: inline;
      font-size: 1.4rem;
      left: auto;
      line-height: 21px;
      margin: 0;
      padding: 0 30px 0 0;
      position: relative;
      top: 0;
      transform: none
  }

  .Page-header-bottom-left:before {
      display: none
  }

  .Page-header-location:before {
      margin-right: 5px
  }

  [data-toggle-header=hamburger-menu] .Page-header-hamburger-menu {
      display: none
  }

  .Page-header-navigation {
      display: block;
      flex: 1
  }

  .Page-header-navigation .Navigation {
      display: block;
      padding: 0
  }

  .Page-header-navigation .Navigation[data-more-state] .Navigation-items-item[data-more-trigger] {
      display: block
  }

  .Page-header-navigation .NavigationItem {
      position: relative
  }

  .Page-header-navigation .Navigation-items {
      display: flex
  }

  .Page-header-navigation .Navigation-items-item {
      flex-shrink: 0;
      font-size: 1.6rem;
      height: 60px;
      position: relative
  }

  .Page-header-navigation .Navigation-items-item[data-more-trigger] {
      cursor: pointer;
      display: none;
      position: relative
  }

  .Page-header-navigation .Navigation-items-item[data-more-trigger] .NavigationItem:focus-within .NavigationItem-items-dd {
      visibility: visible
  }

  .Page-header-navigation .Navigation-items-item[data-more-trigger] .NavigationItem:focus-within .NavigationItem-items-dd[data-more-subnav] {
      display: flex;
      flex-direction: column
  }

  .Page-header-navigation .Navigation-items-item[data-more-trigger] .NavigationItem:focus .NavigationItem-items-dd,.Page-header-navigation .Navigation-items-item[data-more-trigger] .NavigationItem:hover .NavigationItem-items-dd {
      visibility: visible
  }

  .Page-header-navigation .Navigation-items-item[data-more-trigger] .NavigationItem:focus .NavigationItem-items-dd[data-more-subnav],.Page-header-navigation .Navigation-items-item[data-more-trigger] .NavigationItem:hover .NavigationItem-items-dd[data-more-subnav] {
      display: flex;
      flex-direction: column
  }

  .Page-header-navigation .Navigation-items-item[data-more-trigger] .NavigationItem-text[data-more-items] {
      padding-right: 20px
  }

  .Page-header-navigation .Navigation-items-item[data-more-trigger] .NavigationItem-text[data-more-items]:after {
      border-bottom: 5px solid #000;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      content: "";
      display: block;
      height: 0;
      margin-top: -3px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: rotate(180deg);
      width: 0
  }

  .Page-header-navigation .Navigation-items-item[data-more-trigger] .NavigationItem-text-link,.Page-header-navigation .Navigation-items-item[data-more-trigger][data-hide] {
      display: none
  }

  .Page-header-navigation .Navigation-items-item[data-more-trigger] .NavigationItem-text-link[data-show] {
      display: block
  }

  .Page-header-navigation .Navigation-items-item[data-more-trigger=show] {
      display: inline
  }

  .Page-header-navigation .Navigation-items-item[data-hide] {
      display: none
  }

  .Page-header-navigation .Navigation {
      position: relative
  }

  .Page-header-navigation .Navigation .NavigationItem-text[data-more-items] {
      padding-right: 20px
  }

  .Page-header-navigation .Navigation .NavigationItem-text[data-more-items]:after {
      border-bottom: 5px solid #000;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      content: "";
      display: block;
      height: 0;
      margin-top: -3px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: rotate(180deg);
      width: 0
  }

  .Page-header-navigation .Navigation .NavigationItem:focus-within .NavigationItem-items-dd {
      visibility: visible
  }

  .Page-header-navigation .Navigation .NavigationItem:focus .NavigationItem-items-dd,.Page-header-navigation .Navigation .NavigationItem:hover .NavigationItem-items-dd {
      visibility: visible
  }

  .Page-header-navigation .Navigation .NavigationItem:focus .NavigationItem-text[data-more-items]:after,.Page-header-navigation .Navigation .NavigationItem:hover .NavigationItem-text[data-more-items]:after {
      border-bottom: 0;
      border-top: 5px solid #000
  }

  .Page-header-navigation .Navigation [data-current-nav-item] .NavigationItem:focus .NavigationItem-text[data-more-items]:after,.Page-header-navigation .Navigation [data-current-nav-item] .NavigationItem:hover .NavigationItem-text[data-more-items]:after {
      border-top: 5px solid var(--primaryColor1)
  }

  .Page-header-navigation .NavigationItem-text {
      margin: 0 25px 0 0;
      padding: 18px 0;
      position: relative
  }

  .Page-header-navigation .NavigationItem-items-dd {
      background-color: #fff;
      border: 0;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,.17);
      display: block;
      left: 0;
      margin-top: -4px;
      min-width: 196px;
      overflow: visible;
      padding: 25px 0;
      position: absolute;
      top: auto;
      visibility: hidden;
      width: 100%;
      word-break: keep-all;
      z-index: -1
  }

  .Page-header-navigation .NavigationItem-items-dd:before {
      border-bottom: 5px solid #fff;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      content: "";
      display: block;
      height: 0;
      position: absolute;
      right: 12px;
      top: -5px;
      width: 0
  }

  .Page-header-navigation .NavigationItem-items-dd .NavigationLink-text-link,.Page-header-navigation .NavigationItem-items-dd span {
      color: var(--primaryColor4);
      display: inline-block;
      padding: 5px 30px
  }

  .Page-header-navigation .NavigationItem-items-dd .NavigationLink-text-link.NavigationItem-icon,.Page-header-navigation .NavigationItem-items-dd span.NavigationItem-icon {
      padding: 0
  }

  .Page-header-navigation .NavigationItem-items-dd[data-more-subnav] {
      display: flex;
      flex-direction: column
  }

  .Page-header-navigation .NavigationItem-items-dd .NavigationItem-text-link,.Page-header-navigation .NavigationItem-items-dd .NavigationLink {
      color: #000;
      display: block;
      font-size: 1.6rem;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 22px;
      padding: 5px 30px;
      text-shadow: 0 2px 7px 0 rgba(0,0,0,.1)
  }

  .Page-header-navigation .NavigationItem-items-dd .NavigationItem-text-link:active,.Page-header-navigation .NavigationItem-items-dd .NavigationItem-text-link:hover,.Page-header-navigation .NavigationItem-items-dd .NavigationLink:active,.Page-header-navigation .NavigationItem-items-dd .NavigationLink:hover {
      color: var(--primaryColor1)
  }

  .Page-header-menu-trigger {
      display: none
  }
}

@media only screen and (min-width: 1440px) {
  .Page-header {
      margin-left:calc(-50vw - -720px);
      min-width: 100vw
  }

  .Page-header-top {
      padding: 0 calc(50vw - 720px) 0 calc(50vw - 547px)
  }

  .Page-header-logo {
      left: calc(50vw - 700px)
  }

  .Page-header-bottom {
      left: calc(50vw - 720px)
  }
}

.NavTriangleIcon[data-more-items] {
  padding-right: 20px
}

.NavTriangleIcon[data-more-items]:after {
  border-bottom: 5px solid #000;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  margin-top: -3px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(180deg);
  width: 0
}

.Page-footer {
  background-color: var(--footerBgColor);
  color: var(--footerTextColor);
  font-size: 1.4rem
}

.Page-footer .SocialBar {
  margin-bottom: 13px;
  margin-top: 20px
}

.Page-footer .SocialBar .SocialLink {
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 8px
}

.Page-footer .SocialBar .SocialLink svg {
  fill: #fff
}

.Page-footer .SocialBar .SocialLink:hover {
  background: #fff
}

.Page-footer .SocialBar .SocialLink:hover svg {
  fill: var(--primaryColor1);
  color: var(--primaryColor1)
}

.Page-footer .SocialBar svg {
  height: 18px;
  width: 18px
}

.Page-footer .SocialBar-heading {
  display: none
}

.Page-footer-body {
  padding: 40px 15px 30px;
  width: 100%
}

.Page-footer-navigation {
  margin-top: 20px
}

.Page-footer-columns {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%
}

.Page-footer-column[data-logos] {
  align-items: center;
  display: flex;
  flex-direction: column
}

.Page-footer-logos {
  align-items: center;
  display: flex;
  justify-content: center
}

.Page-footer-logo {
  display: block;
  position: relative
}

.Page-footer-logo:first-of-type {
  margin-right: 15px
}

.Page-footer-logo:last-of-type {
  padding-left: 15px
}

.Page-footer-logo:last-of-type:before {
  background: hsla(0,0%,100%,.2);
  content: "";
  height: 27px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.Page-footer-top {
  border-bottom: 1px solid hsla(0,0%,100%,.3);
  margin-bottom: 20px;
  padding-bottom: 20px
}

.Page-footer-disclaimer {
  color: #fff;
  letter-spacing: .4px;
  line-height: 25px;
  text-align: center
}

@media only screen and (min-width: 768px) {
  .Page-footer-body {
      margin:0 auto;
      padding-top: 30px 20px
  }

  .Page-footer-top {
      margin-bottom: 30px
  }

  .Page-footer .SocialBar {
      margin-bottom: 25px;
      margin-top: 25px
  }

  .Page-footer-navigation {
      margin: 0 auto;
      padding: 0 63px
  }
}

@media only screen and (min-width: 1024px) {
  .Page-footer-body {
      padding:60px 100px 50px
  }

  .Page-footer-columns {
      align-items: center;
      flex-direction: row;
      justify-content: space-between
  }

  .Page-footer-column[data-logos] {
      align-items: flex-start;
      flex-direction: column;
      justify-content: left;
      margin-right: 30px
  }

  .Page-footer-logo {
      margin-bottom: 10px;
      margin-right: 0;
      padding-right: 0
  }

  .Page-footer-logo:last-of-type {
      margin-bottom: 0
  }

  .Page-footer-disclaimer {
      line-height: 2.5rem
  }

  .Page-footer-navigation {
      margin: 0;
      padding: 0
  }

  .Page-footer .SocialBar {
      margin-bottom: 0;
      margin-top: 20px
  }

  .Page-footer-disclaimer {
      text-align: left
  }
}

@media only screen and (min-width: 1240px) {
  .Page-footer-body {
      margin:0 auto;
      padding-top: 30px 20px
  }

  .Page-footer-top .Page-footer-column:last-of-type {
      flex: inherit;
      max-width: 802px
  }
}

@media only screen and (min-width: 1440px) {
  .Page-footer {
      margin-left:calc(-50vw - -720px);
      min-width: 100vw
  }

  #ryderCupFooter .Page-footer {
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw)
  }

  .Page-footer-body {
      max-width: 1440px;
      padding: 50px 100px
  }
}

.Page-modal {
  background-color: rgba(0,0,0,.7);
  height: 100%;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100
}

.Page-modal[data-psmodal-notloaded] .Page-modal-content {
  opacity: 0
}

.Page-modal-close {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 10px;
  position: absolute;
  right: 0;
  top: -42px;
  z-index: 5
}

.Page-modal-close .close-x {
  fill: #fff;
  height: 20px;
  width: 20px
}

.Page-modal-wrapper {
  left: 50%;
  max-width: 980px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%
}

[data-rounded-corners] .Page-modal-wrapper {
  background-color: #fff;
  border-radius: 8px;
  max-width: 650px;
  padding: 40px
}

.Page-modal-content {
  background-color: #fff;
  opacity: 1;
  transition: opacity .25s
}

[data-rounded-corners] .Page-modal-content {
  background: none
}

[data-align-center] .Page-modal-content {
  margin: auto;
  text-align: center
}

.Page-modal-ctas {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 40px auto 0
}

@media only screen and (min-width: 768px) {
  .Page-modal-ctas {
      align-items:flex-start;
      flex-direction: row;
      justify-content: center
  }
}

.Page-modal-ctas button {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor);
  border-radius: 22.5px;
  color: var(--buttonTextColor);
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  padding: 14px 36px;
  text-align: center;
  transition: background-color .3s ease-in-out
}

.Page-modal-ctas button:active,.Page-modal-ctas button:hover {
  background-color: var(--buttonHoverColor);
  border: 1px solid var(--buttonHoverColor)
}

.Page-modal-ctas .Link {
  background-color: #fff;
  border: 1px solid #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 22.5px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  padding: 14px 36px;
  text-align: center
}

.Page-modal-ctas .Link:active,.Page-modal-ctas .Link:hover {
  background-color: var(--primaryColor1);
  border: 1px solid var(--primaryColor1);
  color: #fff
}

.Page-modal-ctas .Link,.Page-modal-ctas button {
  max-width: 169px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%
}

.Page-modal-ctas .Link+.Link,.Page-modal-ctas button+.Link {
  margin-top: 10px
}

@media only screen and (min-width: 768px) {
  .Page-modal-ctas .Link+.Link,.Page-modal-ctas button+.Link {
      margin-left:10px;
      margin-top: 0
  }

  .Page-modal {
      padding: 0 12.5%
  }

  .Page-modal .Image {
      margin-bottom: 10px;
      max-height: 90vh
  }
}

@media only screen and (min-width: 1024px) {
  .Page-modal {
      padding:0
  }

  .Page-modal-close {
      right: -50px
  }
}

.PageFormSuccess-body {
  background: var(--primaryColor6);
  height: auto
}

.PageFormSuccess .megaphone {
  height: 34px;
  margin-bottom: 15px;
  width: 34px
}

.PageFormSuccess-body {
  background-color: var(--primaryColor6)
}

.PageFormSuccess-container {
  margin: 0 auto;
  max-width: 800px;
  padding: 40px 20px;
  position: relative;
  text-align: center
}

.PageFormSuccess-logo {
  margin: 0 auto;
  max-width: 100px
}

.PageFormSuccess-container-media {
  display: flex;
  justify-content: center;
  margin-top: 30px
}

.PageFormSuccess-container-media .Image {
  border-radius: 8px
}

.PageFormSuccess-title {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 25px
}

.PageFormSuccess-description {
  margin-top: 25px
}

.PageFormSuccess-main {
  margin-top: 30px
}

.PageFormSuccess-actions {
  margin-top: 50px
}

.PageFormSuccess-actions-heading {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase
}

.PageFormSuccess-cta .Link {
  margin-top: 75px;
  min-width: 222px
}

.PageFormSuccess .ActionBar {
  display: flex;
  justify-content: center;
  margin: 10px 0 0
}

.PageFormSuccess .ActionBar svg {
  fill: var(--supportingColor7)
}

@media only screen and (min-width: 768px) {
  .PageFormSuccess-container {
      padding:50px 57px
  }

  .PageFormSuccess-logo {
      max-width: 120px
  }
}

@media only screen and (min-width: 1024px) {
  .PageFormSuccess .RichTextModule {
      padding:0
  }

  .PageFormSuccess-container {
      padding: 50px 0
  }

  .PageFormSuccess-logo {
      max-width: 140px
  }

  .PageFormSuccess-title {
      font-size: 4.8rem;
      line-height: 58px
  }
}

.CoursePage-lead,.ErrorPage-lead,.HomePage-lead,.LiveBlogPagePage-lead,.Page-lead,.SearchPage-lead,.SectionPage-lead,.TagPage-lead {
  background: linear-gradient(.33deg,transparent,rgba(0,0,0,.54));
  background-color: var(--supportingColor8);
  height: 0;
  overflow: hidden;
  padding-bottom: 72.35984355%;
  position: relative
}

.CoursePage-lead .HTML5VideoPlayer,.ErrorPage-lead .HTML5VideoPlayer,.HomePage-lead .HTML5VideoPlayer,.LiveBlogPagePage-lead .HTML5VideoPlayer,.Page-lead .HTML5VideoPlayer,.SearchPage-lead .HTML5VideoPlayer,.SectionPage-lead .HTML5VideoPlayer,.TagPage-lead .HTML5VideoPlayer {
  display: none;
  text-align: center
}

.CoursePage-lead .HTML5VideoPlayer video,.ErrorPage-lead .HTML5VideoPlayer video,.HomePage-lead .HTML5VideoPlayer video,.LiveBlogPagePage-lead .HTML5VideoPlayer video,.Page-lead .HTML5VideoPlayer video,.SearchPage-lead .HTML5VideoPlayer video,.SectionPage-lead .HTML5VideoPlayer video,.TagPage-lead .HTML5VideoPlayer video {
  height: auto;
  left: 0;
  position: static;
  top: 0;
  width: auto
}

.CoursePage-lead .Sponsor img,.ErrorPage-lead .Sponsor img,.HomePage-lead .Sponsor img,.LiveBlogPagePage-lead .Sponsor img,.Page-lead .Sponsor img,.SearchPage-lead .Sponsor img,.SectionPage-lead .Sponsor img,.TagPage-lead .Sponsor img {
  max-height: 40px;
  width: auto
}

.CoursePage-lead-media-gradients,.ErrorPage-lead-media-gradients,.HomePage-lead-media-gradients,.LiveBlogPagePage-lead-media-gradients,.Page-lead-media-gradients,.SearchPage-lead-media-gradients,.SectionPage-lead-media-gradients,.TagPage-lead-media-gradients {
  height: 100%;
  width: 100%
}

.CoursePage-lead-media-gradients:before,.ErrorPage-lead-media-gradients:before,.HomePage-lead-media-gradients:before,.LiveBlogPagePage-lead-media-gradients:before,.Page-lead-media-gradients:before,.SearchPage-lead-media-gradients:before,.SectionPage-lead-media-gradients:before,.TagPage-lead-media-gradients:before {
  background: linear-gradient(180deg,#000,rgba(0,0,0,.8) 24.11%,rgba(0,0,0,.6) 40%,rgba(0,0,0,.4) 56.94%,rgba(0,0,0,.2) 73.35%,rgba(0,0,0,.1) 84.92%,rgba(0,0,0,.05) 92.81%,rgba(0,0,0,.02) 96.46%,transparent);
  bottom: 0;
  content: "";
  display: block;
  height: 364px;
  left: 0;
  mix-blend-mode: normal;
  opacity: .9;
  position: absolute;
  right: 0;
  transform: rotate(-180deg);
  width: 100%
}

.CoursePage-lead-media-gradients:after,.ErrorPage-lead-media-gradients:after,.HomePage-lead-media-gradients:after,.LiveBlogPagePage-lead-media-gradients:after,.Page-lead-media-gradients:after,.SearchPage-lead-media-gradients:after,.SectionPage-lead-media-gradients:after,.TagPage-lead-media-gradients:after {
  background: linear-gradient(180deg,rgba(0,0,0,.196) 40.78%,hsla(0,0%,100%,0) 70.54%);
  content: "";
  display: block;
  height: 145px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.CoursePage-lead-media img,.ErrorPage-lead-media img,.HomePage-lead-media img,.LiveBlogPagePage-lead-media img,.Page-lead-media img,.SearchPage-lead-media img,.SectionPage-lead-media img,.TagPage-lead-media img {
  position: relative
}

.CoursePage-lead-eyebrowWrap,.ErrorPage-lead-eyebrowWrap,.HomePage-lead-eyebrowWrap,.LiveBlogPagePage-lead-eyebrowWrap,.Page-lead-eyebrowWrap,.SearchPage-lead-eyebrowWrap,.SectionPage-lead-eyebrowWrap,.TagPage-lead-eyebrowWrap {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  text-align: center
}

.CoursePage-lead-eyebrowWrap h1,.ErrorPage-lead-eyebrowWrap h1,.HomePage-lead-eyebrowWrap h1,.LiveBlogPagePage-lead-eyebrowWrap h1,.Page-lead-eyebrowWrap h1,.SearchPage-lead-eyebrowWrap h1,.SectionPage-lead-eyebrowWrap h1,.TagPage-lead-eyebrowWrap h1 {
  margin-bottom: 0;
  margin-right: 10px
}

.CoursePage-lead-titleWrap,.ErrorPage-lead-titleWrap,.HomePage-lead-titleWrap,.LiveBlogPagePage-lead-titleWrap,.Page-lead-titleWrap,.SearchPage-lead-titleWrap,.SectionPage-lead-titleWrap,.TagPage-lead-titleWrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 10px
}

.CoursePage-lead-titleWrap h1,.ErrorPage-lead-titleWrap h1,.HomePage-lead-titleWrap h1,.LiveBlogPagePage-lead-titleWrap h1,.Page-lead-titleWrap h1,.SearchPage-lead-titleWrap h1,.SectionPage-lead-titleWrap h1,.TagPage-lead-titleWrap h1 {
  margin-bottom: 10px
}

.CoursePage-lead-eyebrowText,.ErrorPage-lead-eyebrowText,.HomePage-lead-eyebrowText,.LiveBlogPagePage-lead-eyebrowText,.Page-lead-eyebrowText,.SearchPage-lead-eyebrowText,.SectionPage-lead-eyebrowText,.TagPage-lead-eyebrowText {
  color: #fff;
  font-size: 1.3rem;
  font-style: italic;
  margin-right: 5px
}

.CoursePage-lead-title,.ErrorPage-lead-title,.HomePage-lead-title,.LiveBlogPagePage-lead-title,.Page-lead-title,.SearchPage-lead-title,.SectionPage-lead-title,.TagPage-lead-title {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 5px;
  text-transform: uppercase
}

.CoursePage-lead-sponsor,.ErrorPage-lead-sponsor,.HomePage-lead-sponsor,.LiveBlogPagePage-lead-sponsor,.Page-lead-sponsor,.SearchPage-lead-sponsor,.SectionPage-lead-sponsor,.TagPage-lead-sponsor {
  margin-bottom: 4px
}

.CoursePage-lead-secondaryTitle,.ErrorPage-lead-secondaryTitle,.HomePage-lead-secondaryTitle,.LiveBlogPagePage-lead-secondaryTitle,.Page-lead-secondaryTitle,.SearchPage-lead-secondaryTitle,.SectionPage-lead-secondaryTitle,.TagPage-lead-secondaryTitle {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .58px;
  line-height: 17px;
  text-transform: uppercase
}

.CoursePage-lead-content,.ErrorPage-lead-content,.HomePage-lead-content,.LiveBlogPagePage-lead-content,.Page-lead-content,.SearchPage-lead-content,.SectionPage-lead-content,.TagPage-lead-content {
  display: flex;
  flex-direction: column;
  left: 0;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%)
}

.CoursePage-lead-cta,.ErrorPage-lead-cta,.HomePage-lead-cta,.LiveBlogPagePage-lead-cta,.Page-lead-cta,.SearchPage-lead-cta,.SectionPage-lead-cta,.TagPage-lead-cta {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  order: 3
}

.CoursePage-lead-cta[data-play-icon] .Link:first-of-type:before,.ErrorPage-lead-cta[data-play-icon] .Link:first-of-type:before,.HomePage-lead-cta[data-play-icon] .Link:first-of-type:before,.LiveBlogPagePage-lead-cta[data-play-icon] .Link:first-of-type:before,.Page-lead-cta[data-play-icon] .Link:first-of-type:before,.SearchPage-lead-cta[data-play-icon] .Link:first-of-type:before,.SectionPage-lead-cta[data-play-icon] .Link:first-of-type:before,.TagPage-lead-cta[data-play-icon] .Link:first-of-type:before {
  border-bottom: 8px solid #fff;
  border-left: 6px solid transparent;
  border-radius: 3px;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  height: 0;
  left: 0;
  margin-right: 3px;
  position: relative;
  top: -1px;
  transform: rotate(90deg);
  width: 0
}

.CoursePage-lead-cta .Link,.ErrorPage-lead-cta .Link,.HomePage-lead-cta .Link,.LiveBlogPagePage-lead-cta .Link,.Page-lead-cta .Link,.SearchPage-lead-cta .Link,.SectionPage-lead-cta .Link,.TagPage-lead-cta .Link {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor);
  border-radius: 22.5px;
  color: var(--buttonTextColor);
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  min-width: 150px;
  padding: 14px 36px;
  position: relative;
  text-align: center;
  transition: background-color .3s ease-in-out
}

.CoursePage-lead-cta .Link:active,.CoursePage-lead-cta .Link:hover,.ErrorPage-lead-cta .Link:active,.ErrorPage-lead-cta .Link:hover,.HomePage-lead-cta .Link:active,.HomePage-lead-cta .Link:hover,.LiveBlogPagePage-lead-cta .Link:active,.LiveBlogPagePage-lead-cta .Link:hover,.Page-lead-cta .Link:active,.Page-lead-cta .Link:hover,.SearchPage-lead-cta .Link:active,.SearchPage-lead-cta .Link:hover,.SectionPage-lead-cta .Link:active,.SectionPage-lead-cta .Link:hover,.TagPage-lead-cta .Link:active,.TagPage-lead-cta .Link:hover {
  background-color: var(--buttonHoverColor);
  border: 1px solid var(--buttonHoverColor)
}

.CoursePage-lead-cta .Link:nth-of-type(2),.CoursePage-lead-cta .Link:nth-of-type(3),.ErrorPage-lead-cta .Link:nth-of-type(2),.ErrorPage-lead-cta .Link:nth-of-type(3),.HomePage-lead-cta .Link:nth-of-type(2),.HomePage-lead-cta .Link:nth-of-type(3),.LiveBlogPagePage-lead-cta .Link:nth-of-type(2),.LiveBlogPagePage-lead-cta .Link:nth-of-type(3),.Page-lead-cta .Link:nth-of-type(2),.Page-lead-cta .Link:nth-of-type(3),.SearchPage-lead-cta .Link:nth-of-type(2),.SearchPage-lead-cta .Link:nth-of-type(3),.SectionPage-lead-cta .Link:nth-of-type(2),.SectionPage-lead-cta .Link:nth-of-type(3),.TagPage-lead-cta .Link:nth-of-type(2),.TagPage-lead-cta .Link:nth-of-type(3) {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 22.5px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  margin-left: 15px;
  min-width: 150px;
  padding: 14px 36px;
  text-align: center
}

.CoursePage-lead-cta .Link:nth-of-type(2):active,.CoursePage-lead-cta .Link:nth-of-type(2):hover,.CoursePage-lead-cta .Link:nth-of-type(3):active,.CoursePage-lead-cta .Link:nth-of-type(3):hover,.ErrorPage-lead-cta .Link:nth-of-type(2):active,.ErrorPage-lead-cta .Link:nth-of-type(2):hover,.ErrorPage-lead-cta .Link:nth-of-type(3):active,.ErrorPage-lead-cta .Link:nth-of-type(3):hover,.HomePage-lead-cta .Link:nth-of-type(2):active,.HomePage-lead-cta .Link:nth-of-type(2):hover,.HomePage-lead-cta .Link:nth-of-type(3):active,.HomePage-lead-cta .Link:nth-of-type(3):hover,.LiveBlogPagePage-lead-cta .Link:nth-of-type(2):active,.LiveBlogPagePage-lead-cta .Link:nth-of-type(2):hover,.LiveBlogPagePage-lead-cta .Link:nth-of-type(3):active,.LiveBlogPagePage-lead-cta .Link:nth-of-type(3):hover,.Page-lead-cta .Link:nth-of-type(2):active,.Page-lead-cta .Link:nth-of-type(2):hover,.Page-lead-cta .Link:nth-of-type(3):active,.Page-lead-cta .Link:nth-of-type(3):hover,.SearchPage-lead-cta .Link:nth-of-type(2):active,.SearchPage-lead-cta .Link:nth-of-type(2):hover,.SearchPage-lead-cta .Link:nth-of-type(3):active,.SearchPage-lead-cta .Link:nth-of-type(3):hover,.SectionPage-lead-cta .Link:nth-of-type(2):active,.SectionPage-lead-cta .Link:nth-of-type(2):hover,.SectionPage-lead-cta .Link:nth-of-type(3):active,.SectionPage-lead-cta .Link:nth-of-type(3):hover,.TagPage-lead-cta .Link:nth-of-type(2):active,.TagPage-lead-cta .Link:nth-of-type(2):hover,.TagPage-lead-cta .Link:nth-of-type(3):active,.TagPage-lead-cta .Link:nth-of-type(3):hover {
  background-color: var(--primaryColor1);
  border: 1px solid var(--primaryColor1);
  color: #fff
}

.CoursePage-lead-cta .Link:nth-of-type(3),.ErrorPage-lead-cta .Link:nth-of-type(3),.HomePage-lead-cta .Link:nth-of-type(3),.LiveBlogPagePage-lead-cta .Link:nth-of-type(3),.Page-lead-cta .Link:nth-of-type(3),.SearchPage-lead-cta .Link:nth-of-type(3),.SectionPage-lead-cta .Link:nth-of-type(3),.TagPage-lead-cta .Link:nth-of-type(3) {
  display: none
}

@media only screen and (min-width: 568px) {
  .CoursePage-lead,.ErrorPage-lead,.HomePage-lead,.LiveBlogPagePage-lead,.Page-lead,.SearchPage-lead,.SectionPage-lead,.TagPage-lead {
      height:413px;
      padding-bottom: 0
  }

  .CoursePage-lead-cta,.ErrorPage-lead-cta,.HomePage-lead-cta,.LiveBlogPagePage-lead-cta,.Page-lead-cta,.SearchPage-lead-cta,.SectionPage-lead-cta,.TagPage-lead-cta {
      margin-top: 25px
  }

  .CoursePage-lead-cta .Link,.CoursePage-lead-cta .Link:nth-of-type(2),.CoursePage-lead-cta .Link:nth-of-type(3),.ErrorPage-lead-cta .Link,.ErrorPage-lead-cta .Link:nth-of-type(2),.ErrorPage-lead-cta .Link:nth-of-type(3),.HomePage-lead-cta .Link,.HomePage-lead-cta .Link:nth-of-type(2),.HomePage-lead-cta .Link:nth-of-type(3),.LiveBlogPagePage-lead-cta .Link,.LiveBlogPagePage-lead-cta .Link:nth-of-type(2),.LiveBlogPagePage-lead-cta .Link:nth-of-type(3),.Page-lead-cta .Link,.Page-lead-cta .Link:nth-of-type(2),.Page-lead-cta .Link:nth-of-type(3),.SearchPage-lead-cta .Link,.SearchPage-lead-cta .Link:nth-of-type(2),.SearchPage-lead-cta .Link:nth-of-type(3),.SectionPage-lead-cta .Link,.SectionPage-lead-cta .Link:nth-of-type(2),.SectionPage-lead-cta .Link:nth-of-type(3),.TagPage-lead-cta .Link,.TagPage-lead-cta .Link:nth-of-type(2),.TagPage-lead-cta .Link:nth-of-type(3) {
      min-width: 145px
  }

  .CoursePage-lead-cta .Link:nth-of-type(3),.ErrorPage-lead-cta .Link:nth-of-type(3),.HomePage-lead-cta .Link:nth-of-type(3),.LiveBlogPagePage-lead-cta .Link:nth-of-type(3),.Page-lead-cta .Link:nth-of-type(3),.SearchPage-lead-cta .Link:nth-of-type(3),.SectionPage-lead-cta .Link:nth-of-type(3),.TagPage-lead-cta .Link:nth-of-type(3) {
      display: inline-block
  }
}

@media only screen and (min-width: 768px) {
  .CoursePage-lead,.ErrorPage-lead,.HomePage-lead,.LiveBlogPagePage-lead,.Page-lead,.SearchPage-lead,.SectionPage-lead,.TagPage-lead {
      height:430px
  }

  .CoursePage-lead .HTML5VideoPlayer,.ErrorPage-lead .HTML5VideoPlayer,.HomePage-lead .HTML5VideoPlayer,.LiveBlogPagePage-lead .HTML5VideoPlayer,.Page-lead .HTML5VideoPlayer,.SearchPage-lead .HTML5VideoPlayer,.SectionPage-lead .HTML5VideoPlayer,.TagPage-lead .HTML5VideoPlayer {
      display: block
  }

  .CoursePage-lead .HTML5VideoPlayer+picture,.ErrorPage-lead .HTML5VideoPlayer+picture,.HomePage-lead .HTML5VideoPlayer+picture,.LiveBlogPagePage-lead .HTML5VideoPlayer+picture,.Page-lead .HTML5VideoPlayer+picture,.SearchPage-lead .HTML5VideoPlayer+picture,.SectionPage-lead .HTML5VideoPlayer+picture,.TagPage-lead .HTML5VideoPlayer+picture {
      display: none
  }

  .CoursePage-lead-content,.ErrorPage-lead-content,.HomePage-lead-content,.LiveBlogPagePage-lead-content,.Page-lead-content,.SearchPage-lead-content,.SectionPage-lead-content,.TagPage-lead-content {
      display: block;
      padding: 0 80px
  }

  .CoursePage-lead-titleWrap,.ErrorPage-lead-titleWrap,.HomePage-lead-titleWrap,.LiveBlogPagePage-lead-titleWrap,.Page-lead-titleWrap,.SearchPage-lead-titleWrap,.SectionPage-lead-titleWrap,.TagPage-lead-titleWrap {
      align-items: flex-end;
      flex-direction: row
  }

  .CoursePage-lead-titleWrap h1,.ErrorPage-lead-titleWrap h1,.HomePage-lead-titleWrap h1,.LiveBlogPagePage-lead-titleWrap h1,.Page-lead-titleWrap h1,.SearchPage-lead-titleWrap h1,.SectionPage-lead-titleWrap h1,.TagPage-lead-titleWrap h1 {
      margin-bottom: 0;
      margin-right: 10px
  }

  .CoursePage-lead-title,.ErrorPage-lead-title,.HomePage-lead-title,.LiveBlogPagePage-lead-title,.Page-lead-title,.SearchPage-lead-title,.SectionPage-lead-title,.TagPage-lead-title {
      font-size: 2.8rem;
      font-weight: 700;
      letter-spacing: .16px;
      line-height: 31px
  }

  .CoursePage-lead-sponsor,.ErrorPage-lead-sponsor,.HomePage-lead-sponsor,.LiveBlogPagePage-lead-sponsor,.Page-lead-sponsor,.SearchPage-lead-sponsor,.SectionPage-lead-sponsor,.TagPage-lead-sponsor {
      margin-bottom: 7px
  }

  .CoursePage-lead-secondaryTitle,.ErrorPage-lead-secondaryTitle,.HomePage-lead-secondaryTitle,.LiveBlogPagePage-lead-secondaryTitle,.Page-lead-secondaryTitle,.SearchPage-lead-secondaryTitle,.SectionPage-lead-secondaryTitle,.TagPage-lead-secondaryTitle {
      font-size: 1.8rem;
      letter-spacing: .9px;
      line-height: 22px;
      margin-bottom: 20px;
      margin-top: 5px
  }

  .CoursePage-lead-media img,.ErrorPage-lead-media img,.HomePage-lead-media img,.LiveBlogPagePage-lead-media img,.Page-lead-media img,.SearchPage-lead-media img,.SectionPage-lead-media img,.TagPage-lead-media img {
      height: 591px;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%
  }
}

@media only screen and (min-width: 1024px) {
  .CoursePage-lead,.ErrorPage-lead,.HomePage-lead,.LiveBlogPagePage-lead,.Page-lead,.SearchPage-lead,.SectionPage-lead,.TagPage-lead {
      height:484px
  }

  .CoursePage-lead .Sponsor img,.ErrorPage-lead .Sponsor img,.HomePage-lead .Sponsor img,.LiveBlogPagePage-lead .Sponsor img,.Page-lead .Sponsor img,.SearchPage-lead .Sponsor img,.SectionPage-lead .Sponsor img,.TagPage-lead .Sponsor img {
      max-height: none
  }

  .CoursePage-lead-eyebrowWrap,.CoursePage-lead-titleWrap,.ErrorPage-lead-eyebrowWrap,.ErrorPage-lead-titleWrap,.HomePage-lead-eyebrowWrap,.HomePage-lead-titleWrap,.LiveBlogPagePage-lead-eyebrowWrap,.LiveBlogPagePage-lead-titleWrap,.Page-lead-eyebrowWrap,.Page-lead-titleWrap,.SearchPage-lead-eyebrowWrap,.SearchPage-lead-titleWrap,.SectionPage-lead-eyebrowWrap,.SectionPage-lead-titleWrap,.TagPage-lead-eyebrowWrap,.TagPage-lead-titleWrap {
      margin-bottom: 15px
  }

  .CoursePage-lead-eyebrowWrap h1,.CoursePage-lead-titleWrap h1,.ErrorPage-lead-eyebrowWrap h1,.ErrorPage-lead-titleWrap h1,.HomePage-lead-eyebrowWrap h1,.HomePage-lead-titleWrap h1,.LiveBlogPagePage-lead-eyebrowWrap h1,.LiveBlogPagePage-lead-titleWrap h1,.Page-lead-eyebrowWrap h1,.Page-lead-titleWrap h1,.SearchPage-lead-eyebrowWrap h1,.SearchPage-lead-titleWrap h1,.SectionPage-lead-eyebrowWrap h1,.SectionPage-lead-titleWrap h1,.TagPage-lead-eyebrowWrap h1,.TagPage-lead-titleWrap h1 {
      margin-bottom: 0;
      margin-right: 15px
  }

  .CoursePage-lead-title,.ErrorPage-lead-title,.HomePage-lead-title,.LiveBlogPagePage-lead-title,.Page-lead-title,.SearchPage-lead-title,.SectionPage-lead-title,.TagPage-lead-title {
      font-size: 3.6rem;
      font-weight: 700;
      letter-spacing: .2px;
      line-height: 40px
  }

  .CoursePage-lead-sponsor,.ErrorPage-lead-sponsor,.HomePage-lead-sponsor,.LiveBlogPagePage-lead-sponsor,.Page-lead-sponsor,.SearchPage-lead-sponsor,.SectionPage-lead-sponsor,.TagPage-lead-sponsor {
      margin-bottom: 8px
  }

  .CoursePage-lead-secondaryTitle,.ErrorPage-lead-secondaryTitle,.HomePage-lead-secondaryTitle,.LiveBlogPagePage-lead-secondaryTitle,.Page-lead-secondaryTitle,.SearchPage-lead-secondaryTitle,.SectionPage-lead-secondaryTitle,.TagPage-lead-secondaryTitle {
      letter-spacing: 0;
      margin-bottom: 0;
      margin-top: 10px
  }

  .CoursePage-lead-media img,.ErrorPage-lead-media img,.HomePage-lead-media img,.LiveBlogPagePage-lead-media img,.Page-lead-media img,.SearchPage-lead-media img,.SectionPage-lead-media img,.TagPage-lead-media img {
      height: 484px;
      -o-object-fit: cover;
      object-fit: cover
  }

  .CoursePage-lead-media:after,.ErrorPage-lead-media:after,.HomePage-lead-media:after,.LiveBlogPagePage-lead-media:after,.Page-lead-media:after,.SearchPage-lead-media:after,.SectionPage-lead-media:after,.TagPage-lead-media:after {
      background: linear-gradient(180deg,rgba(0,0,0,.3),hsla(0,0%,8%,0) 70.54%);
      height: 217px
  }
}

@media only screen and (min-width: 1440px) {
  .CoursePage-lead,.ErrorPage-lead,.HomePage-lead,.LiveBlogPagePage-lead,.Page-lead,.SearchPage-lead,.SectionPage-lead,.TagPage-lead {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      position: relative;
      right: 50%;
      width: 100vw
  }

  .CoursePage-lead .HTML5VideoPlayer video,.ErrorPage-lead .HTML5VideoPlayer video,.HomePage-lead .HTML5VideoPlayer video,.LiveBlogPagePage-lead .HTML5VideoPlayer video,.Page-lead .HTML5VideoPlayer video,.SearchPage-lead .HTML5VideoPlayer video,.SectionPage-lead .HTML5VideoPlayer video,.TagPage-lead .HTML5VideoPlayer video {
      width: 100%
  }
}

.ArticleLongform-content,.GalleryPage-content,.SearchPage-content,.VideoPage-content,[data-history-page].CoursePage-content,[data-history-page].ErrorPage-content,[data-history-page].HomePage-content,[data-history-page].LiveBlogPagePage-content,[data-history-page].Page-content,[data-history-page].SearchPage-content,[data-history-page].SectionPage-content,[data-history-page].TagPage-content {
  margin-top: 66px
}

.ArticleLongform .Page-header-bottom,.GalleryPage .Page-header-bottom,.SearchPage .Page-header-bottom,.VideoPage .Page-header-bottom,[data-history-page].CoursePage .Page-header-bottom,[data-history-page].ErrorPage .Page-header-bottom,[data-history-page].HomePage .Page-header-bottom,[data-history-page].LiveBlogPagePage .Page-header-bottom,[data-history-page].Page .Page-header-bottom,[data-history-page].SearchPage .Page-header-bottom,[data-history-page].SectionPage .Page-header-bottom,[data-history-page].TagPage .Page-header-bottom {
  color: var(--headerTextColor)
}

@media only screen and (min-width: 768px) {
  .ArticleLongform-content,.GalleryPage-content,.SearchPage-content,.VideoPage-content,[data-history-page].CoursePage-content,[data-history-page].ErrorPage-content,[data-history-page].HomePage-content,[data-history-page].LiveBlogPagePage-content,[data-history-page].Page-content,[data-history-page].SearchPage-content,[data-history-page].SectionPage-content,[data-history-page].TagPage-content {
      margin-top:100px
  }
}

@media only screen and (min-width: 1024px) {
  .ArticleLongform-content,.GalleryPage-content,.SearchPage-content,.VideoPage-content,[data-history-page].CoursePage-content,[data-history-page].ErrorPage-content,[data-history-page].HomePage-content,[data-history-page].LiveBlogPagePage-content,[data-history-page].Page-content,[data-history-page].SearchPage-content,[data-history-page].SectionPage-content,[data-history-page].TagPage-content {
      margin-top:144px
  }
}

.ArticlePage .Page-body,.GalleryPage .Page-body,.VideoPage .Page-body {
  background-color: #fff
}

.ArticlePage-breadcrumbs,.GalleryPage-breadcrumbs,.VideoPage-breadcrumbs {
  align-items: center;
  display: flex;
  margin-bottom: 10px
}

.ArticlePage-breadcrumbs .Link,.GalleryPage-breadcrumbs .Link,.VideoPage-breadcrumbs .Link {
  color: #000;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 21px;
  text-transform: uppercase
}

.ArticlePage-teamEyebrow,.GalleryPage-teamEyebrow,.VideoPage-teamEyebrow {
  margin-bottom: 10px
}

.ArticlePage-lead .Figure,.GalleryPage-lead .Figure,.VideoPage-lead .Figure {
  position: relative
}

.ArticlePage-lead .Figure:after,.GalleryPage-lead .Figure:after,.VideoPage-lead .Figure:after {
  background: linear-gradient(0deg,rgba(0,0,0,.4),transparent 35%,transparent 65%,rgba(0,0,0,.4) 95%);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.ArticlePage-lead .Figure-content,.GalleryPage-lead .Figure-content,.VideoPage-lead .Figure-content {
  bottom: 10px;
  color: #fff;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 19px;
  position: absolute;
  right: 15px;
  text-align: right;
  z-index: 2
}

@media only screen and (min-width: 768px) {
  .ArticlePage-lead .Figure-content,.GalleryPage-lead .Figure-content,.VideoPage-lead .Figure-content {
      font-size:1.4rem
  }
}

@media only screen and (min-width: 568px) {
  .ArticlePage-lead .Figure img,.GalleryPage-lead .Figure img,.VideoPage-lead .Figure img {
      height:469.5px;
      -o-object-fit: cover;
      object-fit: cover;
      padding-bottom: 0
  }
}

@media only screen and (min-width: 768px) {
  .ArticlePage-lead .Figure img,.GalleryPage-lead .Figure img,.VideoPage-lead .Figure img {
      height:384px;
      width: 100%
  }

  .ArticlePage-lead .Figure-content,.GalleryPage-lead .Figure-content,.VideoPage-lead .Figure-content {
      right: 20px
  }
}

@media only screen and (min-width: 1024px) {
  .ArticlePage-lead .Figure img,.GalleryPage-lead .Figure img,.VideoPage-lead .Figure img {
      height:484px
  }
}

@media only screen and (min-width: 1240px) {
  .ArticlePage-lead .Figure-content,.GalleryPage-lead .Figure-content,.VideoPage-lead .Figure-content {
      right:100px
  }
}

.ArticlePage-content,.GalleryPage-content,.VideoPage-content {
  display: block
}

.ArticlePage-mainContent,.GalleryPage-mainContent,.VideoPage-mainContent {
  padding: 20px 15px
}

.ArticlePage-info,.GalleryPage-info,.VideoPage-info {
  border-bottom: 1px solid var(--primaryColor5);
  margin-bottom: 20px;
  padding-bottom: 20px
}

.ArticlePage-byline,.GalleryPage-byline,.VideoPage-byline {
  color: #000;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 21.46px
}

.ArticlePage-authorName,.ArticlePage-authors,.ArticlePage-contributors,.ArticlePage-dateModified,.ArticlePage-datePublished,.GalleryPage-authorName,.GalleryPage-authors,.GalleryPage-contributors,.GalleryPage-dateModified,.GalleryPage-datePublished,.VideoPage-authorName,.VideoPage-authors,.VideoPage-contributors,.VideoPage-dateModified,.VideoPage-datePublished {
  display: inline
}

.ArticlePage-authorName,.ArticlePage-contributors,.GalleryPage-authorName,.GalleryPage-contributors,.VideoPage-authorName,.VideoPage-contributors {
  font-weight: 600
}

.ArticlePage-actions,.GalleryPage-actions,.VideoPage-actions {
  border-bottom: 1px solid var(--primaryColor5);
  margin-bottom: 25px;
  padding-bottom: 20px
}

.ArticlePage-actions-title,.GalleryPage-actions-title,.VideoPage-actions-title {
  color: #000;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 17px;
  margin-bottom: 20px;
  text-transform: uppercase
}

.ArticlePage-desktopTags,.GalleryPage-desktopTags,.VideoPage-desktopTags {
  display: none
}

.ArticlePage-tags,.GalleryPage-tags,.VideoPage-tags {
  border-bottom: 1px solid var(--primaryColor5);
  padding-bottom: 15px
}

.ArticlePage-tags .Link,.GalleryPage-tags .Link,.VideoPage-tags .Link {
  background-color: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 15px;
  color: var(--supportingColor9);
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 19px;
  margin: 0 10px 10px 0;
  padding: 6.5px 22.5px 5.5px
}

.ArticlePage-tags .Link:last-of-type,.GalleryPage-tags .Link:last-of-type,.VideoPage-tags .Link:last-of-type {
  margin-right: 0
}

@media only screen and (min-width: 768px) {
  .ArticlePage-mainContent,.GalleryPage-mainContent,.VideoPage-mainContent {
      padding:20px 20px 0
  }

  .ArticlePage-breadcrumbs,.GalleryPage-breadcrumbs,.VideoPage-breadcrumbs {
      margin-bottom: 20px
  }

  .ArticlePage-desktopTags,.GalleryPage-desktopTags,.VideoPage-desktopTags {
      display: block;
      margin-top: 30px
  }

  .ArticlePage-mobileTags,.GalleryPage-mobileTags,.VideoPage-mobileTags {
      display: none
  }

  .ArticlePage-tags,.GalleryPage-tags,.VideoPage-tags {
      border-top: 0;
      margin-bottom: 30px;
      padding-bottom: 25px;
      padding-top: 0
  }

  .ArticlePage-actions,.GalleryPage-actions,.VideoPage-actions {
      border: 0;
      padding-bottom: 0
  }
}

@media only screen and (min-width: 1024px) {
  .ArticlePage-mainContent,.GalleryPage-mainContent,.VideoPage-mainContent {
      padding:30px 20px 0
  }

  .ArticlePage-actions,.GalleryPage-actions,.VideoPage-actions {
      margin-bottom: 40px
  }

  .ArticlePage-tags,.GalleryPage-tags,.VideoPage-tags {
      border: 0;
      margin-bottom: 40px;
      padding-bottom: 0
  }
}

.ArticlePage-aside {
  flex-shrink: 0;
  padding-left: 15px;
  padding-right: 15px
}

.ArticlePage-aside .GoogleDfpAd {
  margin-bottom: 25px
}

.ArticlePage-aside .MpsAd-wrapper {
  padding-bottom: 25px
}

@media only screen and (min-width: 768px) {
  .ArticlePage-aside {
      padding-left:20px;
      padding-right: 20px
  }
}

@media only screen and (min-width: 1024px) {
  .ArticlePage-main {
      position:relative
  }

  .ArticlePage-main-content {
      margin: auto;
      max-width: 650px
  }

  .ArticlePage-aside {
      display: block;
      margin: 0 auto 40px;
      max-width: 650px;
      padding: 0
  }
}

@media only screen and (min-width: 1440px) {
  .ArticlePage-main {
      display:flex
  }

  .ArticlePage-main-content {
      width: calc(100% - 322px);
      z-index: 1
  }

  .ArticlePage-mainContent {
      margin: auto;
      max-width: 670px;
      padding: 40px 0 0 20px
  }

  .ArticlePage-aside {
      margin: 40px 40px 25px;
      position: relative;
      width: 322px
  }

  .ArticlePage-aside-content {
      margin: auto;
      position: sticky;
      top: 106px
  }

  .ArticlePage-aside .MpsAd-wrapper {
      padding-bottom: 30px
  }

  .ArticlePage-lead {
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      position: relative;
      right: 50%;
      width: 100vw
  }

  .ArticlePage-main {
      justify-content: space-between;
      margin-left: 215px;
      margin-right: 120px;
      max-width: 1106px
  }

  .ArticlePage-main-content {
      width: auto
  }

  .ArticlePage-mainContent {
      max-width: 650px;
      padding-left: 0
  }

  .ArticlePage-aside {
      margin-right: 0
  }
}

[data-history-page].CoursePage .HistoryModule,[data-history-page].ErrorPage .HistoryModule,[data-history-page].HomePage .HistoryModule,[data-history-page].LiveBlogPagePage .HistoryModule,[data-history-page].Page .HistoryModule,[data-history-page].SearchPage .HistoryModule,[data-history-page].SectionPage .HistoryModule,[data-history-page].TagPage .HistoryModule {
  margin-top: 50px
}

[data-history-page].CoursePage .HistoryModule-description,[data-history-page].ErrorPage .HistoryModule-description,[data-history-page].HomePage .HistoryModule-description,[data-history-page].LiveBlogPagePage .HistoryModule-description,[data-history-page].Page .HistoryModule-description,[data-history-page].SearchPage .HistoryModule-description,[data-history-page].SectionPage .HistoryModule-description,[data-history-page].TagPage .HistoryModule-description {
  font-size: 1.6rem;
  line-height: 24px
}

@media only screen and (min-width: 768px) {
  [data-history-page].CoursePage .HistoryModule,[data-history-page].ErrorPage .HistoryModule,[data-history-page].HomePage .HistoryModule,[data-history-page].LiveBlogPagePage .HistoryModule,[data-history-page].Page .HistoryModule,[data-history-page].SearchPage .HistoryModule,[data-history-page].SectionPage .HistoryModule,[data-history-page].TagPage .HistoryModule {
      margin-top:60px
  }

  [data-history-page].CoursePage .HistoryModule-title,[data-history-page].ErrorPage .HistoryModule-title,[data-history-page].HomePage .HistoryModule-title,[data-history-page].LiveBlogPagePage .HistoryModule-title,[data-history-page].Page .HistoryModule-title,[data-history-page].SearchPage .HistoryModule-title,[data-history-page].SectionPage .HistoryModule-title,[data-history-page].TagPage .HistoryModule-title {
      font-size: 2.8rem;
      line-height: 31px;
      margin-bottom: 20px
  }

  [data-history-page].CoursePage .HistoryModule-description,[data-history-page].ErrorPage .HistoryModule-description,[data-history-page].HomePage .HistoryModule-description,[data-history-page].LiveBlogPagePage .HistoryModule-description,[data-history-page].Page .HistoryModule-description,[data-history-page].SearchPage .HistoryModule-description,[data-history-page].SectionPage .HistoryModule-description,[data-history-page].TagPage .HistoryModule-description {
      font-size: 1.4rem;
      line-height: 24px
  }
}

@media only screen and (min-width: 1024px) {
  [data-history-page].CoursePage .HistoryModule,[data-history-page].ErrorPage .HistoryModule,[data-history-page].HomePage .HistoryModule,[data-history-page].LiveBlogPagePage .HistoryModule,[data-history-page].Page .HistoryModule,[data-history-page].SearchPage .HistoryModule,[data-history-page].SectionPage .HistoryModule,[data-history-page].TagPage .HistoryModule {
      margin-top:133px
  }

  [data-history-page].CoursePage .HistoryModule-description,[data-history-page].CoursePage .HistoryModule-sectionTitle,[data-history-page].CoursePage .HistoryModule-title,[data-history-page].ErrorPage .HistoryModule-description,[data-history-page].ErrorPage .HistoryModule-sectionTitle,[data-history-page].ErrorPage .HistoryModule-title,[data-history-page].HomePage .HistoryModule-description,[data-history-page].HomePage .HistoryModule-sectionTitle,[data-history-page].HomePage .HistoryModule-title,[data-history-page].LiveBlogPagePage .HistoryModule-description,[data-history-page].LiveBlogPagePage .HistoryModule-sectionTitle,[data-history-page].LiveBlogPagePage .HistoryModule-title,[data-history-page].Page .HistoryModule-description,[data-history-page].Page .HistoryModule-sectionTitle,[data-history-page].Page .HistoryModule-title,[data-history-page].SearchPage .HistoryModule-description,[data-history-page].SearchPage .HistoryModule-sectionTitle,[data-history-page].SearchPage .HistoryModule-title,[data-history-page].SectionPage .HistoryModule-description,[data-history-page].SectionPage .HistoryModule-sectionTitle,[data-history-page].SectionPage .HistoryModule-title,[data-history-page].TagPage .HistoryModule-description,[data-history-page].TagPage .HistoryModule-sectionTitle,[data-history-page].TagPage .HistoryModule-title {
      max-width: 873px
  }

  [data-history-page].CoursePage .HistoryModule-title,[data-history-page].ErrorPage .HistoryModule-title,[data-history-page].HomePage .HistoryModule-title,[data-history-page].LiveBlogPagePage .HistoryModule-title,[data-history-page].Page .HistoryModule-title,[data-history-page].SearchPage .HistoryModule-title,[data-history-page].SectionPage .HistoryModule-title,[data-history-page].TagPage .HistoryModule-title {
      font-size: 4.8rem;
      line-height: 53px;
      margin-bottom: 15px
  }

  [data-history-page].CoursePage .HistoryModule-description,[data-history-page].ErrorPage .HistoryModule-description,[data-history-page].HomePage .HistoryModule-description,[data-history-page].LiveBlogPagePage .HistoryModule-description,[data-history-page].Page .HistoryModule-description,[data-history-page].SearchPage .HistoryModule-description,[data-history-page].SectionPage .HistoryModule-description,[data-history-page].TagPage .HistoryModule-description {
      font-size: 1.6rem;
      line-height: 26px
  }
}

.HomePage-lead {
  max-height: 773px;
  padding-bottom: 174.66666667%
}

.HomePage-lead-media img {
  aspect-ratio: 375/655;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.HomePage-lead-content {
  bottom: 40px;
  gap: 20px;
  padding: 0 29px;
  top: auto;
  transform: none
}

.HomePage-lead-content .Page-lead-eyebrowWrap {
  margin-bottom: -12px
}

.HomePage-lead-cta {
  margin-top: 0
}

.HomePage-lead-cta .Link {
  align-items: center;
  display: flex;
  justify-content: center
}

.HomePage-lead-title {
  font-size: 3.2rem;
  line-height: 35px;
  margin-bottom: 0
}

.HomePage-lead-secondaryTitle {
  font-size: 1.4rem;
  margin: 0
}

@media only screen and (min-width: 768px) {
  .HomePage-lead {
      height:0;
      padding-bottom: 53.68055556%
  }

  .HomePage-lead-media img {
      aspect-ratio: 1440/773;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%
  }

  .HomePage-lead-content {
      bottom: 80px;
      display: flex
  }

  .HomePage-lead-content .Page-lead-eyebrowWrap {
      margin-bottom: -12px
  }

  .HomePage-lead-secondaryTitle {
      margin: 0
  }
}

@media only screen and (min-width: 1024px) {
  .HomePage-lead-media img {
      height:unset
  }

  .HomePage-lead-content {
      bottom: 100px;
      display: flex
  }

  .HomePage-lead-content .Page-lead-eyebrowWrap {
      margin-bottom: -12px
  }

  .HomePage-lead-title {
      font-size: 3.6rem;
      line-height: 40px
  }
}

@media only screen and (min-width: 1440px) {
  .HomePage-lead-media img {
      height:unset
  }

  .HomePage-lead-content .Page-lead-eyebrowWrap {
      margin-bottom: -12px
  }

  .HomePage-lead-secondaryTitle {
      margin-top: -8px
  }

  .HomePage-lead-cta {
      margin-top: 8px
  }
}

.ErrorPage-lead {
  padding: 0
}

.ErrorPage-lead-image img {
  position: relative
}

.ErrorPage-main {
  min-height: auto
}

.ErrorPage-title {
  margin-bottom: 20px
}

.ErrorPage-errorMessage .cms-textAlign-center,.ErrorPage-errorMessage [data-align-center] {
  text-align: center
}

.ErrorPage-errorMessage .cms-textAlign-right,.ErrorPage-errorMessage [data-align-right] {
  text-align: right
}

.ErrorPage-errorMessage [data-align-left] {
  text-align: left
}

.ErrorPage-errorMessage:after {
  clear: both;
  content: "";
  display: table
}

.ErrorPage-errorMessage p,.ErrorPage-errorMessage p>ol,.ErrorPage-errorMessage p>ul,.ErrorPage-errorMessage>ol,.ErrorPage-errorMessage>ul {
  color: var(--supportingColor1);
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 27px
}

.ErrorPage-errorMessage p a,.ErrorPage-errorMessage p>ol a,.ErrorPage-errorMessage p>ul a,.ErrorPage-errorMessage>ol a,.ErrorPage-errorMessage>ul a {
  color: var(--hyperlinkTextColor);
  text-decoration: none
}

.ErrorPage-errorMessage p a:hover,.ErrorPage-errorMessage p>ol a:hover,.ErrorPage-errorMessage p>ul a:hover,.ErrorPage-errorMessage>ol a:hover,.ErrorPage-errorMessage>ul a:hover {
  text-decoration: none
}

.ErrorPage-errorMessage p>ul,.ErrorPage-errorMessage p>ul li>ul,.ErrorPage-errorMessage>ul,.ErrorPage-errorMessage>ul li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.ErrorPage-errorMessage p>ul li>ol,.ErrorPage-errorMessage>ul li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.ErrorPage-errorMessage p>ul b,.ErrorPage-errorMessage p>ul strong,.ErrorPage-errorMessage>ul b,.ErrorPage-errorMessage>ul strong {
  color: var(--primaryColor1)
}

.ErrorPage-errorMessage p>ol,.ErrorPage-errorMessage>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.ErrorPage-errorMessage p>ol li>ul,.ErrorPage-errorMessage>ol li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.ErrorPage-errorMessage p>ol li>ol,.ErrorPage-errorMessage>ol li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.ErrorPage-errorMessage p>ol b,.ErrorPage-errorMessage p>ol strong,.ErrorPage-errorMessage>ol b,.ErrorPage-errorMessage>ol strong {
  color: var(--primaryColor1)
}

.ErrorPage-errorMessage p {
  margin: 0 0 25px
}

.ErrorPage-errorMessage p:first-of-type {
  margin-top: 0
}

.ErrorPage-errorMessage p:last-of-type {
  margin-bottom: 0
}

.ErrorPage-errorMessage p:last-of-type+.Enhancement,.ErrorPage-errorMessage p:last-of-type+.EnhancementFullWidth {
  margin-top: 25px
}

.ErrorPage-errorMessage h2,.ErrorPage-errorMessage h3,.ErrorPage-errorMessage h4,.ErrorPage-errorMessage h5,.ErrorPage-errorMessage h6 {
  color: var(--supportingColor2);
  font-weight: 700;
  margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
  .ErrorPage-errorMessage h2,.ErrorPage-errorMessage h3,.ErrorPage-errorMessage h4,.ErrorPage-errorMessage h5,.ErrorPage-errorMessage h6 {
      margin-bottom:20px
  }
}

.ErrorPage-errorMessage h2 {
  font-size: 2.1rem;
  letter-spacing: .35px;
  line-height: 31px;
  margin-bottom: 15px
}

@media only screen and (min-width: 1024px) {
  .ErrorPage-errorMessage h2 {
      font-size:2.4rem
  }
}

.ErrorPage-errorMessage h3 {
  font-size: 1.9rem
}

@media only screen and (min-width: 1024px) {
  .ErrorPage-errorMessage h3 {
      font-size:2.2rem
  }
}

.ErrorPage-errorMessage h4 {
  font-size: 1.7rem
}

@media only screen and (min-width: 1024px) {
  .ErrorPage-errorMessage h4 {
      font-size:2rem
  }
}

.ErrorPage-errorMessage h5 {
  font-size: 1.6rem
}

.ErrorPage-errorMessage h6 {
  font-size: 1.5rem
}

.ErrorPage-errorMessage table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 25px;
  width: 100%
}

.ErrorPage-errorMessage thead {
  background-color: var(--primaryColor1);
  border-bottom: 10px solid var(--siteBgColor);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 12px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .ErrorPage-errorMessage thead {
      border-bottom:15px solid var(--siteBgColor);
      font-size: 1.2rem;
      letter-spacing: .6px;
      line-height: 16px
  }
}

@media only screen and (min-width: 1024px) {
  .ErrorPage-errorMessage thead {
      border-bottom:30px solid var(--siteBgColor)
  }
}

.ErrorPage-errorMessage thead:after {
  background: var(--siteBgColor);
  content: "";
  display: block;
  height: 10px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .ErrorPage-errorMessage thead:after {
      height:15px
  }
}

@media only screen and (min-width: 1024px) {
  .ErrorPage-errorMessage thead:after {
      height:30px
  }
}

.ErrorPage-errorMessage thead th,.ErrorPage-errorMessage thead tr {
  height: 40px
}

@media only screen and (min-width: 768px) {
  .ErrorPage-errorMessage thead th,.ErrorPage-errorMessage thead tr {
      height:48px
  }
}

.ErrorPage-errorMessage th:first-of-type {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}

.ErrorPage-errorMessage th:last-of-type {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}

.ErrorPage-errorMessage tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 8px
}

.ErrorPage-errorMessage tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 8px
}

.ErrorPage-errorMessage td,.ErrorPage-errorMessage tr {
  padding: 17px 15px
}

.ErrorPage-errorMessage td {
  text-align: center
}

.ErrorPage-errorMessage tbody tr:nth-child(odd) {
  background: linear-gradient(90deg,hsla(0,0%,98%,0),#f2f2f2);
  background-color: #fff
}

.ErrorPage-errorMessage tbody tr:nth-child(2n) {
  background: #fff
}

.ErrorPage-errorMessage tbody tr td {
  border-right: 1px solid var(--primaryColor5)
}

.ErrorPage-errorMessage tbody tr td:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.ErrorPage-errorMessage tbody tr:first-of-type td {
  border-top: 1px solid var(--primaryColor5)
}

.ErrorPage-errorMessage tbody tr:first-of-type td:first-of-type {
  border-top-left-radius: 8px
}

.ErrorPage-errorMessage tbody tr:first-of-type td:last-of-type {
  border-top-right-radius: 8px
}

.ErrorPage-errorMessage tbody tr td,.ErrorPage-errorMessage tbody tr:last-of-type td {
  border-bottom: 1px solid var(--primaryColor5)
}

.ErrorPage-errorMessage tbody td a {
  color: var(--hyperlinkTextColor);
  text-decoration: underline
}

.ErrorPage-errorMessage tbody td a:hover {
  text-decoration: none
}

.ErrorPage-errorMessage .Figure img {
  margin-bottom: 10px;
  width: 100%
}

.ErrorPage-errorMessage .Figure-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.ErrorPage-errorMessage .Figure-caption,.ErrorPage-errorMessage .Figure-caption p,.ErrorPage-errorMessage .Figure-credit,.ErrorPage-errorMessage .Figure-credit p {
  display: inline
}

@media only screen and (min-width: 768px) {
  .ErrorPage-errorMessage .Figure img {
      margin-bottom:20px
  }
}

.ErrorPage-errorMessage .TweetEmbed twitter-widget {
  width: auto!important
}

.ErrorPage-errorMessage .MpsAd-wrapper {
  padding-bottom: 25px
}

@media only screen and (min-width: 1024px) {
  .ErrorPage-errorMessage .MpsAd-wrapper {
      padding-bottom:30px
  }
}

.ErrorPage-errorMessage a {
  font-weight: 700;
  text-decoration: underline
}

.ErrorPage-wrapper {
  background: #fff;
  color: var(--primaryColor1);
  padding: 40px 15px;
  position: relative
}

@media only screen and (min-width: 768px) {
  .ErrorPage-title {
      font-size:3.4rem;
      margin-bottom: 30px
  }

  .ErrorPage-wrapper {
      padding-left: 30px;
      padding-right: 30px
  }
}

@media only screen and (min-width: 1024px) {
  .ErrorPage-title {
      font-size:4.5rem;
      margin-bottom: 40px
  }

  .ErrorPage-wrapper {
      margin-top: -97px;
      max-width: 960px;
      padding-left: 90px;
      padding-right: 90px
  }
}

.PageSmallLead-lead {
  background: var(--primaryColor1);
  color: #fff;
  display: block;
  position: relative
}

.PageSmallLead-lead-media:before {
  background: var(--primaryColor1);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .6;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.PageSmallLead-lead-media img {
  max-height: 245px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.PageSmallLead-lead-content {
  bottom: 20px;
  left: 16px;
  position: absolute;
  right: 16px
}

.PageSmallLead-lead-title {
  font-size: 2.1rem;
  font-weight: 700;
  text-transform: uppercase
}

.PageSmallLead-lead-cta {
  display: flex;
  gap: 16px;
  margin-top: 16px
}

.PageSmallLead-lead-cta .Link {
  background-color: transparent;
  border: 1px solid #fff;
  min-width: 120px;
  position: relative
}

.PageSmallLead-lead-cta .Link:active,.PageSmallLead-lead-cta .Link:hover {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor)
}

.PageSmallLead-lead-cta .Link:nth-of-type(2) {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 22.5px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  min-width: 120px;
  padding: 14px 36px;
  text-align: center
}

.PageSmallLead-lead-cta .Link:nth-of-type(2):active,.PageSmallLead-lead-cta .Link:nth-of-type(2):hover {
  background-color: var(--primaryColor1);
  border: 1px solid var(--primaryColor1);
  color: #fff
}

@media only screen and (min-width: 768px) {
  .PageSmallLead-lead-media img {
      height:245px
  }

  .PageSmallLead-lead-content {
      bottom: 40px;
      left: 30px;
      right: 30px
  }

  .PageSmallLead-lead-title {
      font-size: 3.6rem
  }

  .PageSmallLead-lead-cta {
      display: flex;
      gap: 20px;
      margin-top: 20px
  }
}

@media only screen and (min-width: 1024px) {
  .PageSmallLead-lead-content {
      left:100px;
      margin: auto;
      max-width: 1240px;
      right: 100px
  }
}

@media only screen and (min-width: 1440px) {
  .PageSmallLead-lead {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      position: relative;
      right: 50%;
      width: 100vw
  }
}

.SponsorCarousel {
  display: block;
  height: 31px;
  position: relative;
  visibility: hidden;
  width: 129px
}

.SponsorCarousel .Sponsor {
  display: none;
  opacity: 0;
  transition: opacity 1s ease-in;
  width: 100%;
  z-index: 0
}

.SponsorCarousel .Sponsor:first-of-type {
  display: block
}

.SponsorCarousel .Sponsor.is-selected {
  opacity: 1;
  z-index: 1
}

.SponsorCarousel.flickity-enabled {
  visibility: visible
}

.SponsorCarousel.flickity-enabled .Sponsor {
  display: block
}

@media only screen and (min-width: 768px) {
  .SponsorCarousel {
      height:40px;
      width: 156px
  }
}

.TeamEyebrow {
  align-items: center;
  color: var(--supportingColor9);
  display: flex;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 21px;
  text-transform: uppercase
}

.TeamEyebrow-flag {
  margin-right: 10px
}

.ActionBar {
  display: block;
  position: relative
}

.ActionBar-items {
  display: flex;
  list-style: none
}

.ActionBar-items-item {
  margin-right: 10px
}

.ActionBar-items-item:last-of-type {
  margin-right: 0
}

.ActionLink {
  border: 1px solid var(--primaryColor5);
  border-radius: 50%;
  display: block
}

.ActionLink,.ActionLink svg {
  align-items: center;
  display: flex;
  height: 33px;
  justify-content: center;
  width: 33px
}

.ActionLink svg {
  fill: var(--primaryColor4)
}

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

.ActionLink[data-service=print] {
  padding: 0
}

.ActionLink[data-social-service=facebook] svg {
  height: 13.5px;
  width: 9px
}

.ActionLink[data-social-service=twitter] svg {
  height: 14px;
  width: 14px
}

.ActionLink[data-social-service=mailto] {
  border: 0
}

.ActionLink[data-social-service=mailto] svg {
  border: 1px solid var(--primaryColor5);
  border-radius: 50%
}

.ActionLink[data-social-service=mailto] svg use {
  color: var(--siteBgColor)
}

.ActionLink[data-social-service=copylink],.ActionLink[data-social-service=print] {
  border: 0
}

.ActionLink[data-social-service=copylink] svg,.ActionLink[data-social-service=print] svg {
  border-radius: 50%
}

.ActionLink[data-social-service=copylink] [data-copied-text],.ActionLink[data-social-service=copylink][data-copied=true] span {
  display: none
}

.ActionLink[data-social-service=copylink][data-copied=true] span[data-copied-text] {
  display: block
}

.ActionLink[data-dropdown-trigger] span {
  clip: rect(0,0,0,0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.Share {
  display: block;
  position: relative
}

.Share .share-symbol {
  height: 13px;
  margin-right: 5px;
  width: 13px
}

.Share .ActionLink {
  height: auto;
  justify-content: flex-start;
  padding: 5px;
  width: auto
}

.Share .ActionLink svg {
  fill: #000;
  height: 20px;
  margin-right: 5px;
  width: 20px
}

.Share .ActionLink span {
  color: #000;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  height: auto;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: static;
  width: auto
}

.Share-dropdown {
  display: none
}

[data-toggle-in] .Share-dropdown {
  background: #fff;
  display: block;
  min-width: 300px;
  position: absolute;
  right: 0;
  z-index: 10
}

.Share-dropdown-close {
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0
}

.Share-dropdown-close svg {
  fill: #000;
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-right: -3px;
  padding: 3px;
  width: 20px
}

.Share-dropdown-close:hover svg {
  fill: #fff
}

.Share-dropdown-close:focus {
  outline: 5px auto -webkit-focus-ring-color
}

.Share-dropdown-header {
  align-items: center;
  border-bottom: 1px solid var(--primaryColor3);
  display: flex;
  height: 40px;
  justify-content: space-between;
  padding: 0 10px
}

.Share-dropdown-header span {
  line-height: 1
}

.Share-dropdown-button {
  padding: 10px
}

.Share-button {
  background-color: transparent;
  border: 0;
  color: #fff;
  cursor: pointer
}

@media only screen and (min-width: 1024px) {
  [data-toggle-in] .Share-dropdown {
      background:#fff;
      z-index: 10
  }

  .Share-button {
      padding: 10px
  }
}

.Banner {
  background-color: var(--breakingBannerColor);
  color: var(--breakingBannerTextColor);
  display: none;
  position: relative;
  width: 100%
}

.Banner[data-show] {
  display: block
}

.Banner-content {
  margin: 0 auto;
  max-width: 80%;
  padding: 11px 30px 11px 10px;
  text-align: center;
  width: 100%
}

.Banner-title {
  display: inline;
  margin-right: 5px
}

.Banner-link,.Banner-title {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal
}

.Banner-link {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  order: 1;
  overflow: hidden
}

.Banner-close {
  background-color: transparent;
  border: 0;
  padding: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%)
}

.Banner-close .close-x {
  fill: var(--breakingBannerTextColor);
  stroke: var(--breakingBannerTextColor);
  height: 14px;
  width: 14px
}

.Banner-wrapper {
  box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
  position: relative
}

@media only screen and (min-width: 568px) {
  .Banner-content {
      max-width:80%
  }
}

@media only screen and (min-width: 768px) {
  .Banner-content {
      align-items:flex-start;
      display: inline-flex;
      justify-content: center
  }

  .Banner-link,.Banner-title {
      font-size: 1.4rem;
      line-height: normal
  }

  .Banner-wrapper {
      display: flex;
      justify-content: flex-start
  }
}

@media only screen and (min-width: 1024px) {
  .Banner-wrapper {
      align-items:center;
      height: 50px
  }

  .Banner-link,.Banner-title {
      font-size: 1.6rem;
      line-height: 19px
  }

  .Banner[data-show]+.Page-header-top+.Page-header-bottom {
      top: 110px
  }
}

@media only screen and (min-width: 1440px) {
  .Banner {
      padding:0
  }

  .Banner-content {
      margin: 0 auto;
      max-width: 1040px;
      padding: 15px 20px 15px 10px
  }
}

.Carousel-slide,.CarouselAbstract-slide,.GalleryPage-slide {
  margin-right: 15px;
  width: 100%
}

.Carousel-slide:first-of-type,.CarouselAbstract-slide:first-of-type,.GalleryPage-slide:first-of-type {
  display: block
}

.Carousel-slide:last-of-type,.CarouselAbstract-slide:last-of-type,.GalleryPage-slide:last-of-type {
  margin-right: 0
}

.flickity-enabled .Carousel-slide,.flickity-enabled .CarouselAbstract-slide,.flickity-enabled .GalleryPage-slide {
  display: block
}

.Carousel-slides,.CarouselAbstract-slides,.GalleryPage-slides {
  opacity: 0;
  transition: opacity .3s ease-in;
  visibility: hidden
}

.Carousel-slides.flickity-enabled,.CarouselAbstract-slides.flickity-enabled,.GalleryPage-slides.flickity-enabled {
  opacity: 1;
  visibility: visible
}

.Carousel {
  display: block;
  height: auto;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  text-align: left
}

.Carousel .flickity-prev-next-button {
  align-items: center;
  background-color: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0;
  top: 107px;
  transform: translateY(-30%);
  width: 30px
}

.Carousel .flickity-prev-next-button.previous {
  left: 15px
}

.Carousel .flickity-prev-next-button.next {
  right: 15px
}

.Carousel .flickity-button-icon {
  color: #000;
  left: auto;
  top: auto;
  width: 9px
}

@media only screen and (min-width: 768px) {
  .Carousel .flickity-prev-next-button.previous {
      left:-57px
  }

  .Carousel .flickity-prev-next-button.next {
      right: -57px
  }
}

@media only screen and (min-width: 1024px) {
  .Carousel .flickity-prev-next-button {
      top:40%;
      transform: translateY(-40%)
  }
}

@media only screen and (min-width: 1240px) {
  .Carousel .flickity-prev-next-button.previous {
      left:-94px
  }

  .Carousel .flickity-prev-next-button.next {
      right: -94px
  }
}

.Carousel .flickity-prev-next-button {
  top: 99px
}

@media only screen and (min-width: 768px) {
  .Carousel {
      margin-left:0;
      margin-right: 0
  }

  .Carousel .flickity-prev-next-button {
      top: 199px;
      transform: translateY(-40%)
  }

  .Carousel .flickity-prev-next-button.previous {
      left: 15px
  }

  .Carousel .flickity-prev-next-button.next {
      right: 15px
  }
}

@media only screen and (min-width: 1024px) {
  .Carousel .flickity-prev-next-button {
      top:164px
  }
}

@media only screen and (min-width: 1240px) {
  .Carousel .flickity-prev-next-button {
      top:142px
  }

  .Carousel .flickity-prev-next-button.previous {
      left: 15px
  }

  .Carousel .flickity-prev-next-button.next {
      right: 15px
  }
}

@media only screen and (min-width: 1440px) {
  .Carousel .flickity-prev-next-button {
      top:168px
  }
}

.CarouselSlide-media {
  height: 0;
  margin-bottom: 25px;
  overflow: hidden;
  padding-bottom: 53.71%;
  position: relative
}

.CarouselSlide-media img {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  right: 0;
  top: 0
}

.CarouselSlide-content {
  min-height: 25px;
  position: relative
}

.CarouselSlide-count {
  background: var(--primaryColor1);
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 700;
  height: 25px;
  letter-spacing: -.3px;
  line-height: 13px;
  margin-bottom: 10px;
  padding: 6px 10px;
  position: absolute;
  right: 15px;
  top: -10px
}

.CarouselSlide-text {
  color: var(--primaryColor4);
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 27px;
  margin-bottom: 20px;
  position: relative;
  width: 100%
}

.CarouselSlide-date {
  color: var(--supportingColor1);
  font-weight: 600
}

.CarouselSlide-credit {
  color: var(--supportingColor1);
  font-size: 1.4rem;
  font-style: italic
}

@media only screen and (min-width: 768px) {
  .CarouselSlide-media {
      border-radius:8px;
      margin-bottom: 15px
  }

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

  .CarouselSlide-count {
      order: 2;
      top: 0
  }

  .CarouselSlide-text {
      order: 1;
      width: 60%
  }
}

@media only screen and (min-width: 1024px) {
  .CarouselSlide-text {
      width:80%
  }
}

.Container {
  background-size: 0;
  margin: 0 auto;
  overflow: hidden;
  padding: 30px 15px;
  position: relative;
  width: 100%
}

[data-background-color].Container {
  padding-bottom: 5px
}

[data-background-color].Container:last-of-type {
  padding-bottom: 20px
}

.Container-bg {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  position: absolute;
  right: 50%;
  top: 0;
  width: 100vw
}

[data-background-image-bottom] .Container-bg {
  bottom: 0;
  top: auto
}

.Container-bg img {
  width: 100%
}

.Container-content {
  position: relative
}

.Container iframe {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.Container:not(:last-of-type):after {
  background: var(--primaryColor5);
  bottom: 0;
  content: "";
  height: 1px;
  left: 15px;
  position: absolute;
  right: 15px;
  width: auto
}

[data-background-color].Container:not(:last-of-type):after {
  display: none
}

[data-full-width].Container:not(:last-of-type):after {
  left: calc(50% - 50vw);
  right: calc(50% - 50vw)
}

.Container-eyebrowText {
  font-size: 1.6rem;
  font-style: italic;
  margin-bottom: 15px;
  text-align: center
}

.Container-title {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .27px;
  line-height: 20px;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .Container-title {
      font-size:2.1rem;
      letter-spacing: .35px;
      line-height: 31px
  }
}

@media only screen and (min-width: 1024px) {
  .Container-title {
      font-size:2.4rem;
      letter-spacing: .5px;
      line-height: 36px
  }
}

.Container-cta {
  margin-bottom: 20px;
  text-align: center
}

.Container-cta .Link {
  align-items: center;
  color: var(--buttonColor);
  cursor: pointer;
  display: flex;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1.29px;
  line-height: 16px;
  text-transform: uppercase
}

.Container-cta .Link:active,.Container-cta .Link:hover {
  color: var(--buttonHoverColor)
}

.Container-cta .Link:active:before,.Container-cta .Link:hover:before {
  border-color: var(--buttonHoverColor)
}

.Container-cta .Link:before {
  border-bottom: 2px solid var(--buttonColor);
  border-right: 2px solid var(--buttonColor);
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 7px;
  transform: rotate(-45deg);
  width: 8px
}

@media only screen and (min-width: 1440px) {
  .Container-cta .Link {
      font-size:1.4rem;
      line-height: 19px
  }

  .Container-cta .Link:before {
      height: 10px;
      margin-right: 10px;
      width: 10px
  }
}

.Container-description {
  color: var(--supportingColor1);
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0 auto 40px;
  text-align: center
}

[data-desc-left-aligned] .Container-description {
  margin: 0 0 30px;
  text-align: left
}

.Container .TwoColumnContainer5050 {
  margin-bottom: 25px
}

.Container .PointsRaceModule {
  margin: 0
}

.Container .ListProductInfo {
  margin-bottom: 22px
}

@media only screen and (min-width: 768px) {
  .Container {
      background-position:top;
      background-size: auto;
      padding: 40px 20px 10px
  }

  [data-background-color].Container {
      padding-bottom: 0
  }

  [data-background-color].Container:last-of-type {
      padding-bottom: 30px
  }

  .Container-title {
      margin-bottom: 30px
  }

  .Container-cta {
      position: absolute;
      right: 20px;
      top: 45px
  }

  .Container-description {
      font-size: 1.6rem;
      line-height: 25px;
      max-width: 526px
  }

  .Container:not(:last-of-type):after {
      left: 20px;
      right: 20px
  }

  .Container .TwoColumnContainer5050 {
      margin-bottom: 30px
  }
}

@media only screen and (min-width: 768px) and only screen and (min-width:768px) {
  .Container .ListSearchTwoColumn {
      margin-bottom:40px
  }
}

@media only screen and (min-width: 1024px) {
  .Container {
      padding:30px 100px 10px
  }

  .Container-cta {
      right: 100px
  }

  .Container-description {
      max-width: 670px
  }

  .Container:not(:last-of-type):after {
      left: 100px;
      right: 100px
  }

  .Container .TwoColumnContainer5050 {
      margin-bottom: 60px
  }

  .Container .OneColumnContainer .Carousel .flickity-prev-next-button {
      top: 220px
  }

  .Container .ListProductInfo {
      margin-bottom: 70px
  }
}

@media only screen and (min-width: 1240px) {
  .Container .OneColumnContainer .Carousel .flickity-prev-next-button {
      top:270px
  }
}

@media only screen and (min-width: 1440px) {
  .Container {
      background-size:100%;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-left: var(--gutterCalc1240);
      padding-right: var(--gutterCalc1240);
      position: relative;
      right: 50%;
      width: 100vw
  }

  .Container:not(:last-of-type):after {
      left: -50vw;
      right: -50vw
  }

  .Container-cta {
      right: calc(50vw - 620px)
  }

  .Container .OneColumnContainer .Carousel .flickity-prev-next-button {
      top: 320px
  }
}

.Container2 {
  background-size: 0;
  margin: 0 auto;
  padding: 20px 15px 25px;
  position: relative;
  width: 100%
}

.Container2:not(:last-of-type):after {
  background: var(--primaryColor5);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: auto
}

.Container2-title {
  color: var(--supportingColor9);
  font-size: 1.6rem;
  line-height: 24px;
  margin-bottom: 10px
}

.Container2-secondaryTitle,.Container2-title {
  font-weight: 700;
  letter-spacing: 0;
  text-align: center
}

.Container2-secondaryTitle {
  color: var(--supportingColor1);
  font-size: 1.2rem;
  line-height: 16px;
  margin-bottom: 15px;
  text-transform: uppercase
}

.Container2-description {
  color: var(--supportingColor8);
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 25px;
  text-align: center
}

.Container2-cta {
  text-align: center
}

.Container2-cta .Link {
  min-width: 255px
}

.Container2 .TwoColumnContainer5050 {
  margin-bottom: 25px
}

.Container2 .PointsRaceModule {
  margin: 0
}

@media only screen and (min-width: 768px) {
  .Container2 {
      background-position:top;
      background-size: auto;
      padding: 40px 20px
  }

  .Container2-title {
      line-height: 18px
  }

  .Container2-secondaryTitle {
      font-size: 1.4rem;
      letter-spacing: .5px;
      line-height: 19px;
      margin-bottom: 10px
  }

  .Container2-description {
      font-size: 1.6rem;
      line-height: 25px;
      margin-bottom: 40px;
      margin-left: auto;
      margin-right: auto;
      max-width: 644px
  }

  .Container2-cta .Link {
      min-width: 194px
  }

  .Container2 .TwoColumnContainer5050 {
      margin-bottom: 30px
  }
}

@media only screen and (min-width: 768px) and only screen and (min-width:768px) {
  .Container2 .ListSearchTwoColumn {
      margin-bottom:40px
  }
}

@media only screen and (min-width: 1024px) {
  .Container2 {
      padding:30px 100px 40px
  }

  .Container2-title {
      font-size: 1.8rem;
      letter-spacing: .15px;
      line-height: 20px;
      margin-bottom: 20px
  }

  .Container2-description {
      margin-bottom: 80px;
      max-width: 800px
  }

  .Container2:not(:last-of-type):after {
      left: 100px;
      right: 100px
  }

  .Container2 .TwoColumnContainer5050 {
      margin-bottom: 60px
  }
}

.TwoColumnContainer5050-column:first-of-type {
  margin-bottom: 25px
}

@media only screen and (min-width: 1024px) {
  .TwoColumnContainer5050-row {
      grid-gap:30px;
      align-items: center;
      display: grid;
      grid-template-columns: repeat(2,1fr)
  }

  [data-large-gap] .TwoColumnContainer5050-row {
      grid-gap: 109px
  }

  .TwoColumnContainer5050-column:first-of-type {
      margin-bottom: 0
  }

  [data-flip-horizontal] .TwoColumnContainer5050-column:first-of-type {
      order: 2
  }

  .TwoColumnContainer5050 .RichTextModule {
      margin-left: 0;
      padding: 0
  }
}

.TwoColumnContainer3070-column,.TwoColumnContainer7030-column {
  border-bottom: 1px solid var(--primaryColor5);
  margin-bottom: 20px;
  padding-bottom: 20px
}

.TwoColumnContainer3070-column>:not(:first-child),.TwoColumnContainer7030-column>:not(:first-child) {
  margin-top: 20px
}

.TwoColumnContainer3070-column:last-of-type,.TwoColumnContainer7030-column:last-of-type {
  border: 0;
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
  .TwoColumnContainer3070-row,.TwoColumnContainer7030-row {
      margin-bottom:25px;
      padding-bottom: 25px
  }

  .TwoColumnContainer3070-row:last-of-type,.TwoColumnContainer7030-row:last-of-type {
      margin-bottom: 0
  }
}

@media only screen and (min-width: 1024px) {
  .TwoColumnContainer3070-row,.TwoColumnContainer7030-row {
      grid-gap:40px;
      display: grid;
      grid-template-columns: 383px 1fr;
      padding-bottom: 40px
  }

  .TwoColumnContainer3070-column,.TwoColumnContainer7030-column {
      border: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }

  .TwoColumnContainer3070-column>:not(:first-child),.TwoColumnContainer7030-column>:not(:first-child) {
      margin-top: 25px
  }

  .TwoColumnContainer7030-row {
      grid-template-columns: 1fr 383px
  }
}

ps-google-dfp-ad {
  display: block
}

.GoogleDfpAd {
  text-align: center
}

.GoogleDfpAd[article-dynamic-aside=true] {
  display: none
}

.GoogleDfpAd[data-out-of-page=true] {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0
}

.GoogleDfpAd-placeholder {
  align-items: center;
  display: flex;
  justify-content: center
}

[data-slot-name="/13236445/responsive_banner"] .GoogleDfpAd-placeholder {
  min-height: 50px
}

.ArticlePage-aside [data-slot-name="/13236445/responsive_banner"] .GoogleDfpAd-placeholder,.TwoColumnContainer7030-column:nth-of-type(2) [data-slot-name="/13236445/responsive_banner"] .GoogleDfpAd-placeholder {
  min-height: 250px
}

@media only screen and (min-width: 768px) {
  [data-slot-name="/13236445/responsive_banner"] .GoogleDfpAd-placeholder {
      min-height:90px
  }

  .ArticlePage-aside [data-slot-name="/13236445/responsive_banner"] .GoogleDfpAd-placeholder,.TwoColumnContainer7030-column:nth-of-type(2) [data-slot-name="/13236445/responsive_banner"] .GoogleDfpAd-placeholder {
      min-height: 250px
  }
}

@media only screen and (min-width: 1240px) {
  .GoogleDfpAd[article-dynamic-aside=true] {
      display:block;
      margin-top: 300px
  }
}

.ad-728-90 {
  align-items: center;
  display: flex;
  height: 50px;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 300px
}

@media only screen and (min-width: 768px) {
  .ad-728-90 {
      height:90px;
      width: 728px
  }
}

.ad-300-250 {
  align-items: center;
  display: flex;
  height: 250px;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 300px
}

.Enhancement,.EnhancementFullWidth {
  clear: both;
  margin: 0 0 25px;
  width: 100%
}

.Enhancement .Carousel,.Enhancement .Figure,.EnhancementFullWidth .Carousel,.EnhancementFullWidth .Figure {
  padding-bottom: 15px;
  padding-top: 25px
}

.Enhancement .Figure img,.EnhancementFullWidth .Figure img {
  border-radius: 8px
}

.Enhancement .HTML5VideoPlayer,.Enhancement .MpxVideoPlayer,.EnhancementFullWidth .HTML5VideoPlayer,.EnhancementFullWidth .MpxVideoPlayer {
  margin-bottom: 25px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw)
}

.Enhancement .Quote,.EnhancementFullWidth .Quote {
  margin-bottom: 40px;
  margin-top: 30px;
  padding-top: 25px;
  position: relative
}

.Enhancement .Quote:before,.EnhancementFullWidth .Quote:before {
  border-top: 1px solid var(--primaryColor5);
  content: "";
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 113px
}

.Enhancement .FacebookEmbed,.Enhancement .FacebookUrl,.Enhancement .InstagramEmbed,.Enhancement .InstagramUrl,.Enhancement .TweetEmbed,.Enhancement .TweetUrl,.EnhancementFullWidth .FacebookEmbed,.EnhancementFullWidth .FacebookUrl,.EnhancementFullWidth .InstagramEmbed,.EnhancementFullWidth .InstagramUrl,.EnhancementFullWidth .TweetEmbed,.EnhancementFullWidth .TweetUrl {
  display: flex;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  width: 100%
}

.Enhancement .PromoImageUncropped figure,.EnhancementFullWidth .PromoImageUncropped figure {
  padding: 0
}

.Enhancement .PromoImageUncropped figure img,.EnhancementFullWidth .PromoImageUncropped figure img {
  margin: 0;
  width: auto
}

@media only screen and (min-width: 768px) {
  .EnhancementFullWidth[data-align-left],.Enhancement[data-align-left] {
      float:left;
      margin-right: 20px;
      margin-top: 0;
      width: 50%
  }

  .EnhancementFullWidth[data-align-left] .Carousel,.EnhancementFullWidth[data-align-left] .Figure,.EnhancementFullWidth[data-align-left] .VideoEnhancement,.Enhancement[data-align-left] .Carousel,.Enhancement[data-align-left] .Figure,.Enhancement[data-align-left] .VideoEnhancement {
      margin: 0
  }

  .EnhancementFullWidth[data-align-left] .FacebookEmbed,.EnhancementFullWidth[data-align-left] .FacebookEmbed iframe,.Enhancement[data-align-left] .FacebookEmbed,.Enhancement[data-align-left] .FacebookEmbed iframe {
      width: 100%
  }

  .EnhancementFullWidth[data-align-right],.Enhancement[data-align-right] {
      float: right;
      margin-left: 20px;
      margin-top: 0;
      width: 50%
  }

  .EnhancementFullWidth[data-align-right] .Carousel,.EnhancementFullWidth[data-align-right] .Figure,.EnhancementFullWidth[data-align-right] .VideoEnhancement,.Enhancement[data-align-right] .Carousel,.Enhancement[data-align-right] .Figure,.Enhancement[data-align-right] .VideoEnhancement {
      margin: 0
  }

  .Enhancement .HTML5VideoPlayer,.Enhancement .MpxVideoPlayer,.EnhancementFullWidth .HTML5VideoPlayer,.EnhancementFullWidth .MpxVideoPlayer {
      margin-bottom: 25px;
      margin-left: -30px;
      margin-right: -30px
  }

  .Enhancement .Quote,.EnhancementFullWidth .Quote {
      margin-bottom: 50px
  }

  .Enhancement .Carousel,.Enhancement .Figure,.EnhancementFullWidth .Carousel,.EnhancementFullWidth .Figure {
      padding-bottom: 25px;
      padding-top: 30px
  }
}

@media only screen and (min-width: 1024px) {
  .Enhancement .HTML5VideoPlayer,.Enhancement .MpxVideoPlayer,.EnhancementFullWidth .HTML5VideoPlayer,.EnhancementFullWidth .MpxVideoPlayer {
      margin-left:auto;
      margin-right: auto;
      max-width: 805px
  }
}

@media only screen and (min-width: 768px) {
  .EnhancementFullWidth[data-align-left],.EnhancementFullWidth[data-align-right] {
      width:100%
  }
}

.FigureRte img {
  margin-bottom: 10px;
  width: 100%
}

.FigureRte-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.FigureRte-caption,.FigureRte-caption p,.FigureRte-credit,.FigureRte-credit p {
  display: inline
}

@media only screen and (min-width: 768px) {
  .FigureRte img {
      margin-bottom:20px
  }
}

.FigureCaptionOverlay {
  position: relative
}

.FigureCaptionOverlay:after {
  background: linear-gradient(0deg,rgba(0,0,0,.4),transparent 35%,transparent 65%,rgba(0,0,0,.4) 95%);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.FigureCaptionOverlay-content {
  bottom: 10px;
  color: #fff;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 19px;
  position: absolute;
  right: 15px;
  text-align: right;
  z-index: 2
}

@media only screen and (min-width: 768px) {
  .FigureCaptionOverlay-content {
      font-size:1.4rem
  }
}

@media only screen and (min-width: 568px) {
  .FigureCaptionOverlay img {
      height:469.5px;
      -o-object-fit: cover;
      object-fit: cover;
      padding-bottom: 0
  }
}

@media only screen and (min-width: 768px) {
  .FigureCaptionOverlay img {
      height:384px;
      width: 100%
  }

  .FigureCaptionOverlay-content {
      right: 20px
  }
}

@media only screen and (min-width: 1024px) {
  .FigureCaptionOverlay img {
      height:484px
  }
}

@media only screen and (min-width: 1240px) {
  .FigureCaptionOverlay-content {
      right:100px
  }
}

.CourseCard {
  display: block;
  overflow: hidden;
  padding-top: 20px;
  position: relative
}

.CourseCard-nav {
  background: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 2px;
  display: none;
  margin: 0 15px 30px;
  opacity: 0;
  padding-left: 30px;
  padding-right: 30px;
  transition: opacity .3s ease-in;
  visibility: hidden;
  width: auto
}

.CourseCard-nav.flickity-enabled {
  display: block;
  opacity: 1;
  visibility: visible
}

.CourseCard-nav-item {
  align-items: center;
  color: var(--supportingColor8);
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  height: 42px;
  justify-content: center;
  padding: 0 10px;
  white-space: nowrap;
  width: auto
}

.CourseCard-nav-item.is-selected {
  background: #000;
  border-radius: 2px;
  color: #fff;
  font-size: 2.1rem;
  padding: 0 18px
}

.CourseCard-nav .flickity-button {
  background: none;
  border: 0;
  border-radius: 0;
  height: 17px;
  width: 17px
}

.CourseCard-slides {
  display: block;
  opacity: 0;
  transition: opacity .3s ease-in;
  visibility: hidden
}

.CourseCard-slides.flickity-enabled {
  opacity: 1;
  visibility: visible
}

.CourseCard-slides[data-no-touch] {
  pointer-events: none
}

.CourseCard-slide {
  display: block;
  width: 100%
}

.CourseCard-media img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.CourseCard-info {
  padding: 26px 15px 54px;
  position: relative
}

.CourseCard-info-hole {
  color: #000;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 37px
}

.CourseCard-info-top {
  align-items: center;
  color: #000;
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  margin-bottom: 35px
}

.CourseCard-info-bottom {
  display: flex;
  flex-direction: column
}

.CourseCard-data {
  display: flex;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  text-align: center
}

.CourseCard-data-item {
  position: relative
}

.CourseCard-data-item:first-of-type {
  padding-right: 20px
}

.CourseCard-data-item:first-of-type:after {
  background: var(--primaryColor5);
  content: "";
  display: block;
  height: 26px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.CourseCard-data-item:nth-of-type(2) {
  padding-left: 20px
}

[data-distance-unit=yards] .CourseCard-data-item [data-yards] {
  display: inline
}

[data-distance-unit=metres] .CourseCard-data-item [data-yards],[data-distance-unit=yards] .CourseCard-data-item [data-metres] {
  display: none
}

[data-distance-unit=metres] .CourseCard-data-item [data-metres] {
  display: inline
}

.CourseCard-data-value {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 8px
}

.CourseCard-data-text {
  color: var(--supportingColor8);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 14px;
  text-transform: uppercase
}

.CourseCard-pickle {
  margin-bottom: 30px
}

.CourseCard-pickle img {
  margin: auto;
  width: auto
}

.CourseCard-holeDescription {
  color: var(--primaryColor4);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  line-height: 27px;
  margin-bottom: 15px
}

.CourseCard-ctas {
  display: flex
}

.CourseCard-ctas .CourseCard-cta,.CourseCard-ctas>.Link:first-of-type {
  margin-right: 20px
}

.CourseCard-ctas .CourseCard-cta:nth-of-type(2) {
  margin-right: 0
}

.CourseCard-ctas .Link {
  height: 40px;
  max-width: 154px;
  min-width: 154px;
  width: auto
}

.CourseCard-ctas .Link,.CourseCard-ctas .Link:nth-of-type(2) {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0
}

.CourseCard-ctas .Link:nth-of-type(2) {
  border: 1px solid var(--primaryColor5);
  min-width: auto
}

@media only screen and (min-width: 568px) {
  .CourseCard-ctas .Link:nth-of-type(2) {
      max-width:162px;
      min-width: 162px
  }
}

@media only screen and (min-width: 768px) {
  .CourseCard {
      padding-top:0
  }

  .CourseCard-nav {
      border: 0;
      border-radius: 11px;
      left: 0;
      margin: 0 auto;
      max-width: 728px;
      position: absolute;
      right: 0;
      top: 23px;
      z-index: 1
  }

  .CourseCard-nav-item {
      padding: 0 12.5px
  }

  .CourseCard-nav-item.is-selected {
      border-radius: 4.7px;
      font-size: 1.8rem;
      padding: 0 12px
  }

  .CourseCard-media img {
      display: block;
      height: 408px
  }

  .CourseCard-info {
      padding: 20px 20px 48px
  }

  .CourseCard-info-hole {
      font-size: 2.8rem;
      font-weight: 500;
      line-height: 41px
  }

  .CourseCard-info-top {
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px
  }

  .CourseCard-info-bottom {
      align-items: center;
      flex-direction: row
  }

  .CourseCard-pickle {
      flex-shrink: 0;
      order: 2;
      width: 315px
  }

  .CourseCard-text {
      margin-right: 58px;
      order: 1
  }

  .CourseCard-holeDescription {
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 28px;
      margin-bottom: 20px
  }

  .CourseCard-ctas .CourseCard-cta {
      margin-right: 0
  }

  .CourseCard-ctas .Link {
      height: 45px;
      margin-right: 16px;
      max-width: 138px
  }

  .CourseCard-ctas .Link:nth-of-type(2) {
      margin-right: 0
  }
}

@media only screen and (min-width: 1024px) {
  .CourseCard {
      overflow:hidden
  }

  .CourseCard-media img {
      height: 600px
  }

  .CourseCard-nav {
      top: 15px
  }

  .CourseCard-nav-item.is-selected {
      border-radius: 8px
  }

  .CourseCard-media {
      position: relative
  }

  .CourseCard-media img {
      background-size: cover
  }

  .CourseCard-info {
      background: #fff;
      border-radius: 8px;
      height: 413px;
      padding: 20px;
      position: absolute;
      right: 30px;
      top: calc(50% + 29px);
      transform: translateY(-50%);
      width: 342px
  }

  .CourseCard-info-bottom {
      flex-direction: column
  }

  .CourseCard-pickle {
      margin-bottom: 20px;
      order: 1;
      padding-bottom: 0;
      width: 293px
  }

  .CourseCard-text {
      margin-right: 0;
      order: 2;
      width: 100%
  }

  .CourseCard-holeDescription {
      font-size: 1.4rem;
      height: 105px;
      line-height: 21px;
      overflow: auto;
      position: relative
  }

  .CourseCard-ctas {
      justify-content: space-between
  }

  .CourseCard-ctas .Link {
      max-width: 138px;
      min-width: 140px
  }

  .CourseCard-ctas .Link:nth-of-type(2) {
      min-width: auto
  }
}

@media only screen and (min-width: 1240px) {
  .CourseCard-nav {
      height:55px;
      left: 100px;
      max-width: 1240px;
      right: 100px;
      top: 35px
  }

  .CourseCard-nav-item {
      font-size: 1.8rem;
      height: 55px;
      padding: 0 19px
  }

  .CourseCard-nav-item.is-selected {
      font-size: 2.4rem;
      line-height: 32px;
      padding: 0 17px
  }

  .CourseCard-nav .flickity-button {
      height: 25px;
      width: 25px
  }

  .CourseCard-nav .flickity-button.previous {
      left: 25px
  }

  .CourseCard-nav .flickity-button.next {
      right: 25px
  }

  .CourseCard-info {
      height: 460px;
      padding: 25px;
      right: 100px;
      top: calc(50% + 45px)
  }

  .CourseCard-info-top {
      margin-bottom: 30px
  }

  .CourseCard-holeDescription {
      height: 110px;
      margin-bottom: 30px
  }
}

@media only screen and (min-width: 1440px) {
  .CourseCard,.CourseCard-media,.CourseCard-slides {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      position: relative;
      right: 50%;
      width: 100vw
  }

  .CourseCard-media img {
      width: 100vw
  }

  .CourseCard-info {
      right: var(--gutterCalc1240)
  }
}

.CourseInfo {
  background: #fff;
  border-bottom: 1px solid var(--primaryColor5);
  display: block;
  padding: 25px 15px 20px
}

.CourseInfo-about {
  color: #000;
  font-size: 1.2rem;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 13px;
  margin-bottom: 20px;
  text-transform: uppercase
}

.CourseInfo-architect {
  color: var(--supportingColor8);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 15px
}

.CourseInfo-architect,.CourseInfo-description {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem
}

.CourseInfo-description {
  border-bottom: 1px solid var(--primaryColor5);
  color: var(--primaryColor4);
  letter-spacing: .2px;
  line-height: 24px;
  margin-bottom: 30px;
  padding-bottom: 30px
}

.CourseInfo-description .cms-textAlign-center,.CourseInfo-description [data-align-center] {
  text-align: center
}

.CourseInfo-description .cms-textAlign-right,.CourseInfo-description [data-align-right] {
  text-align: right
}

.CourseInfo-description [data-align-left] {
  text-align: left
}

.CourseInfo-description:after {
  clear: both;
  content: "";
  display: table
}

.CourseInfo-description p,.CourseInfo-description p>ol,.CourseInfo-description p>ul,.CourseInfo-description>ol,.CourseInfo-description>ul {
  color: var(--supportingColor1);
  letter-spacing: 0;
  line-height: 27px
}

.CourseInfo-description p a,.CourseInfo-description p>ol a,.CourseInfo-description p>ul a,.CourseInfo-description>ol a,.CourseInfo-description>ul a {
  color: var(--hyperlinkTextColor);
  text-decoration: none
}

.CourseInfo-description p a:hover,.CourseInfo-description p>ol a:hover,.CourseInfo-description p>ul a:hover,.CourseInfo-description>ol a:hover,.CourseInfo-description>ul a:hover {
  text-decoration: none
}

.CourseInfo-description p>ul,.CourseInfo-description p>ul li>ul,.CourseInfo-description>ul,.CourseInfo-description>ul li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.CourseInfo-description p>ul li>ol,.CourseInfo-description>ul li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.CourseInfo-description p>ul b,.CourseInfo-description p>ul strong,.CourseInfo-description>ul b,.CourseInfo-description>ul strong {
  color: var(--primaryColor1)
}

.CourseInfo-description p>ol,.CourseInfo-description>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.CourseInfo-description p>ol li>ul,.CourseInfo-description>ol li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.CourseInfo-description p>ol li>ol,.CourseInfo-description>ol li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.CourseInfo-description p>ol b,.CourseInfo-description p>ol strong,.CourseInfo-description>ol b,.CourseInfo-description>ol strong {
  color: var(--primaryColor1)
}

.CourseInfo-description p {
  margin: 0 0 25px
}

.CourseInfo-description p:first-of-type {
  margin-top: 0
}

.CourseInfo-description p:last-of-type {
  margin-bottom: 0
}

.CourseInfo-description p:last-of-type+.Enhancement,.CourseInfo-description p:last-of-type+.EnhancementFullWidth {
  margin-top: 25px
}

.CourseInfo-description h2,.CourseInfo-description h3,.CourseInfo-description h4,.CourseInfo-description h5,.CourseInfo-description h6 {
  color: var(--supportingColor2);
  font-weight: 700;
  margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
  .CourseInfo-description h2,.CourseInfo-description h3,.CourseInfo-description h4,.CourseInfo-description h5,.CourseInfo-description h6 {
      margin-bottom:20px
  }
}

.CourseInfo-description h2 {
  font-size: 2.1rem;
  letter-spacing: .35px;
  line-height: 31px;
  margin-bottom: 15px
}

@media only screen and (min-width: 1024px) {
  .CourseInfo-description h2 {
      font-size:2.4rem
  }
}

.CourseInfo-description h3 {
  font-size: 1.9rem
}

@media only screen and (min-width: 1024px) {
  .CourseInfo-description h3 {
      font-size:2.2rem
  }
}

.CourseInfo-description h4 {
  font-size: 1.7rem
}

@media only screen and (min-width: 1024px) {
  .CourseInfo-description h4 {
      font-size:2rem
  }
}

.CourseInfo-description h5 {
  font-size: 1.6rem
}

.CourseInfo-description h6 {
  font-size: 1.5rem
}

.CourseInfo-description table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 25px;
  width: 100%
}

.CourseInfo-description thead {
  background-color: var(--primaryColor1);
  border-bottom: 10px solid var(--siteBgColor);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 12px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .CourseInfo-description thead {
      border-bottom:15px solid var(--siteBgColor);
      font-size: 1.2rem;
      letter-spacing: .6px;
      line-height: 16px
  }
}

@media only screen and (min-width: 1024px) {
  .CourseInfo-description thead {
      border-bottom:30px solid var(--siteBgColor)
  }
}

.CourseInfo-description thead:after {
  background: var(--siteBgColor);
  content: "";
  display: block;
  height: 10px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .CourseInfo-description thead:after {
      height:15px
  }
}

@media only screen and (min-width: 1024px) {
  .CourseInfo-description thead:after {
      height:30px
  }
}

.CourseInfo-description thead th,.CourseInfo-description thead tr {
  height: 40px
}

@media only screen and (min-width: 768px) {
  .CourseInfo-description thead th,.CourseInfo-description thead tr {
      height:48px
  }
}

.CourseInfo-description th:first-of-type {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}

.CourseInfo-description th:last-of-type {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}

.CourseInfo-description tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 8px
}

.CourseInfo-description tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 8px
}

.CourseInfo-description td,.CourseInfo-description tr {
  padding: 17px 15px
}

.CourseInfo-description td {
  text-align: center
}

.CourseInfo-description tbody tr:nth-child(odd) {
  background: linear-gradient(90deg,hsla(0,0%,98%,0),#f2f2f2);
  background-color: #fff
}

.CourseInfo-description tbody tr:nth-child(2n) {
  background: #fff
}

.CourseInfo-description tbody tr td {
  border-right: 1px solid var(--primaryColor5)
}

.CourseInfo-description tbody tr td:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.CourseInfo-description tbody tr:first-of-type td {
  border-top: 1px solid var(--primaryColor5)
}

.CourseInfo-description tbody tr:first-of-type td:first-of-type {
  border-top-left-radius: 8px
}

.CourseInfo-description tbody tr:first-of-type td:last-of-type {
  border-top-right-radius: 8px
}

.CourseInfo-description tbody tr td,.CourseInfo-description tbody tr:last-of-type td {
  border-bottom: 1px solid var(--primaryColor5)
}

.CourseInfo-description tbody td a {
  color: var(--hyperlinkTextColor);
  text-decoration: underline
}

.CourseInfo-description tbody td a:hover {
  text-decoration: none
}

.CourseInfo-description .Figure img {
  margin-bottom: 10px;
  width: 100%
}

.CourseInfo-description .Figure-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.CourseInfo-description .Figure-caption,.CourseInfo-description .Figure-caption p,.CourseInfo-description .Figure-credit,.CourseInfo-description .Figure-credit p {
  display: inline
}

@media only screen and (min-width: 768px) {
  .CourseInfo-description .Figure img {
      margin-bottom:20px
  }
}

.CourseInfo-description .TweetEmbed twitter-widget {
  width: auto!important
}

.CourseInfo-description .MpsAd-wrapper {
  padding-bottom: 25px
}

@media only screen and (min-width: 1024px) {
  .CourseInfo-description .MpsAd-wrapper {
      padding-bottom:30px
  }
}

.CourseInfo-description p,.CourseInfo-description p>ol,.CourseInfo-description p>ul,.CourseInfo-description>ol,.CourseInfo-description>ul {
  color: var(--primaryColor4);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  letter-spacing: .2px;
  line-height: 24px
}

.CourseInfo-description {
  padding-bottom: 60px
}

.CourseInfo-right {
  position: relative
}

.CourseInfo-distanceToggle {
  display: flex;
  position: absolute;
  top: -73px
}

.CourseInfo-distanceToggle .RadioInput {
  margin-right: 20px
}

.CourseInfo-distanceToggle .RadioInput:last-of-type {
  margin-right: 0
}

.CourseInfo-grid {
  align-items: center;
  display: grid;
  grid-template-columns: 50% 50%;
  justify-content: center;
  margin: auto;
  text-align: center
}

.CourseInfo-grid-item:first-of-type,.CourseInfo-grid-item:nth-of-type(3) {
  border-right: 1px solid var(--primaryColor5)
}

.CourseInfo-grid-item:first-of-type,.CourseInfo-grid-item:nth-of-type(2) {
  padding: 0 15px
}

.CourseInfo-grid-item:nth-of-type(3),.CourseInfo-grid-item:nth-of-type(4) {
  padding: 15px 15px 0
}

[data-distance-unit=yards] .CourseInfo-grid-item [data-yards] {
  display: inline
}

[data-distance-unit=metres] .CourseInfo-grid-item [data-yards],[data-distance-unit=yards] .CourseInfo-grid-item [data-metres] {
  display: none
}

[data-distance-unit=metres] .CourseInfo-grid-item [data-metres] {
  display: inline
}

.CourseInfo-grid-value {
  color: var(--supportingColor1);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 38px
}

.CourseInfo-grid-text {
  color: var(--supportingColor8);
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .CourseInfo {
      padding:30px 20px
  }

  .CourseInfo-about {
      font-size: 1.4rem;
      letter-spacing: 1.6px;
      line-height: 15px
  }

  .CourseInfo-grid {
      display: grid;
      grid-template-columns: minmax(0,267px) minmax(0,267px);
      max-width: 539px;
      text-align: center
  }

  .CourseInfo-grid-item {
      padding: 12px 0 24px
  }

  .CourseInfo-grid-item:first-of-type,.CourseInfo-grid-item:nth-of-type(2) {
      align-self: center
  }

  .CourseInfo-grid-item:nth-of-type(3),.CourseInfo-grid-item:nth-of-type(4) {
      align-self: start
  }

  .CourseInfo-grid-value {
      font-size: 2.4rem;
      font-weight: 600;
      letter-spacing: -.4px;
      line-height: 32px;
      margin-bottom: 11px
  }

  .CourseInfo-grid-text {
      font-size: 1.4rem;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 17px
  }
}

@media only screen and (min-width: 1024px) {
  .CourseInfo {
      padding:40px 20px 50px
  }

  .CourseInfo-about {
      margin-bottom: 28px
  }

  .CourseInfo-wrapper {
      align-items: flex-start;
      display: flex;
      justify-content: space-between
  }

  .CourseInfo-left {
      max-width: 593px
  }

  .CourseInfo-right {
      flex-shrink: 0;
      margin-left: 30px
  }

  .CourseInfo-distanceToggle {
      right: 0;
      top: -48px
  }

  .CourseInfo-grid {
      min-height: 178px;
      position: relative
  }

  .CourseInfo-grid:after,.CourseInfo-grid:before {
      background: var(--primaryColor5);
      bottom: 0;
      content: "";
      display: block;
      height: 178px;
      position: absolute;
      top: 0;
      width: 1px
  }

  .CourseInfo-grid:before {
      left: 0
  }

  .CourseInfo-grid:after {
      right: 0
  }

  .CourseInfo-description {
      border: 0;
      margin-bottom: 0;
      padding-bottom: 0
  }
}

@media only screen and (min-width: 1240px) {
  .CourseInfo {
      padding:40px 100px 50px
  }

  .CourseInfo-right {
      margin-left: 100px
  }
}

.CoursePage,.CoursePage-ad {
  background: var(--primaryColor6)
}

.CoursePage-ad {
  margin: auto;
  padding: 20px 15px 0
}

@media only screen and (min-width: 768px) {
  .CoursePage-ad {
      padding:25px 20px
  }
}

@media only screen and (min-width: 1024px) {
  .CoursePage-ad {
      padding:50px 0 100px
  }
}

.CoursePromo {
  background: none;
  border: 1px solid var(--primaryColor5);
  height: auto
}

.CoursePromo,.CoursePromo-content,.CoursePromo-media {
  position: relative
}

.CoursePromo-media {
  background-color: #d8d8d8;
  height: 655px;
  width: 100%
}

.CoursePromo-media img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%
}

.CoursePromo-media:after {
  background: linear-gradient(17.56deg,rgba(26,26,26,.56),hsla(0,0%,70%,.01) 100%,hsla(0,0%,72%,0) 0);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.CoursePromo-content {
  bottom: auto;
  padding: 20px 20px 40px
}

.CoursePromo-description,.CoursePromo-title {
  color: var(--supportingColor1)
}

.CoursePromo-title {
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: -1.33px;
  line-height: 48px;
  text-transform: uppercase
}

.CoursePromo-description,.CoursePromo-description p {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 1.78571px;
  line-height: 16px;
  text-transform: uppercase
}

.CoursePromo-description {
  margin-top: 12px
}

.CoursePromo-description p {
  margin: 0
}

.CoursePromo-cta {
  margin-top: 20px
}

.CoursePromo-cta .Link {
  background-color: #fff;
  border: 1px solid #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 22.5px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  padding: 14px 36px;
  text-align: center
}

.CoursePromo-cta .Link:active,.CoursePromo-cta .Link:hover {
  background-color: var(--primaryColor1);
  border: 1px solid var(--primaryColor1);
  color: #fff
}

.CoursePromo-cta a+a {
  margin-top: 10px
}

.CoursePromo-courseInfo {
  color: #fff;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 50%;
  transform: translateY(-50%);
  width: 253px;
  z-index: 1
}

.CoursePromo-item:not(:last-of-type) {
  border-bottom: 2px solid #fff;
  margin-bottom: 30px;
  padding-bottom: 30px
}

.CoursePromo-item-value {
  font-size: 5.8rem;
  font-weight: 400;
  letter-spacing: -3.06px;
  line-height: 73px
}

.CoursePromo-item-text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -.666667px;
  line-height: 15px;
  text-align: right
}

@media only screen and (min-width: 768px) {
  .CoursePromo-media {
      height:673px
  }

  .CoursePromo-description {
      margin-top: 24px
  }

  .CoursePromo-description,.CoursePromo-description p {
      font-size: 1.4rem;
      letter-spacing: 1.25px;
      line-height: 16px
  }

  .CoursePromo-cta {
      margin-top: 24px
  }

  .CoursePromo-cta a+a {
      margin-left: 8px;
      margin-top: 0
  }
}

@media only screen and (min-width: 1024px) {
  .CoursePromo {
      border:0;
      height: 773px
  }

  .CoursePromo-media {
      height: 100%
  }

  .CoursePromo-content {
      bottom: 80px;
      left: 30px;
      padding: 0 313px 0 0;
      position: absolute
  }

  .CoursePromo-description,.CoursePromo-title {
      color: #fff
  }

  .CoursePromo-title {
      font-size: 7rem;
      letter-spacing: -2.33333px;
      line-height: 75px
  }

  .CoursePromo-description {
      font-size: 1.4rem;
      letter-spacing: 1.25px;
      line-height: 18px;
      margin-top: 20px
  }

  .CoursePromo-cta {
      margin-top: 20px
  }

  .CoursePromo-cta .Link {
      background-color: #fff;
      border: 1px solid #fff;
      border-radius: 22.5px;
      color: #000;
      cursor: pointer;
      display: inline-block;
      font-family: Nunito Sans,Arial,Helvetica,sans-serif;
      font-size: 1.4rem;
      font-weight: 700;
      letter-spacing: .35px;
      line-height: 17px;
      padding: 14px 36px;
      text-align: center
  }

  .CoursePromo-cta .Link:active,.CoursePromo-cta .Link:hover {
      background-color: var(--primaryColor1);
      border: 1px solid var(--primaryColor1);
      color: #fff
  }

  .CoursePromo-courseInfo {
      right: 30px
  }
}

@media only screen and (min-width: 1240px) {
  .CoursePromo-content {
      left:70px;
      padding-right: 363px
  }

  .CoursePromo-courseInfo {
      right: 70px
  }
}

@media only screen and (min-width: 1440px) {
  .CoursePromo {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      position: relative;
      right: 50%;
      width: 100vw
  }

  .CoursePromo-content {
      left: calc(50vw - 540px);
      max-width: 787px;
      padding-left: 0;
      padding-right: 0
  }

  .CoursePromo-courseInfo {
      right: calc(50vw - 540px)
  }
}

.EventTeamStats {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: calc(50% - 10px)
}

.EventTeamStats[data-winner] {
  width: calc(50% + 10px)
}

.EventTeamStats:first-of-type {
  margin-right: 10px;
  text-align: right
}

.EventTeamStats:first-of-type .EventTeamStats-top {
  justify-content: flex-end
}

.EventTeamStats:first-of-type .EventTeamStats-bottom {
  text-align: right
}

.EventTeamStats:first-of-type[data-winner] {
  padding-right: 20px
}

.EventTeamStats:last-of-type {
  margin-left: 10px
}

.EventTeamStats:last-of-type[data-winner] {
  padding-left: 20px
}

.EventTeamStats-top {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start
}

.EventTeamStats-bottom {
  display: flex;
  flex-direction: column;
  text-align: left
}

.EventTeamStats-score {
  color: var(--supportingColor2);
  font-size: 5.091rem;
  font-weight: 700;
  line-height: 56px;
  margin-right: 10px;
  order: 0;
  position: relative;
  top: 4px;
  white-space: nowrap
}

.EventTeamStats-score sup {
  font-size: 2.263rem;
  letter-spacing: -1.93px;
  line-height: 25px;
  white-space: nowrap
}

.EventTeamStats-captain {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -.4px;
  line-height: 20px
}

.EventTeamStats-captainText {
  color: var(--supportingColor8);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .44px;
  line-height: 19px;
  text-transform: uppercase
}

.EventTeamStats-trophy {
  position: absolute;
  right: 0;
  top: 10px
}

.EventTeamStats-trophy svg {
  height: 34px;
  width: 16px
}

.EventTeamStats+.EventTeamStats .EventTeamStats-trophy {
  left: 0;
  right: auto
}

.EventTeamStats+.EventTeamStats .EventTeamStats-score {
  margin-right: 0;
  order: 2
}

.EventTeamStats+.EventTeamStats .EventTeamStats-flag {
  flex-shrink: 0;
  margin-right: 10px
}

.EventTeamStats+.EventTeamStats .EventTeamStats-top {
  justify-content: flex-start
}

.EventTeamStats+.EventTeamStats .EventTeamStats-bottom {
  text-align: left
}

@media only screen and (min-width: 768px) {
  .EventTeamStats {
      justify-content:inherit;
      margin-top: 46px;
      width: auto
  }

  .EventTeamStats[data-winner] {
      width: auto
  }

  .EventTeamStats:first-of-type {
      margin-right: 40px
  }

  .EventTeamStats:last-of-type {
      margin-left: 0
  }

  .EventTeamStats-score {
      font-size: 4.132rem;
      letter-spacing: .69px;
      line-height: 46px
  }

  .EventTeamStats-score sup {
      font-size: 1.836rem;
      letter-spacing: -1.57px;
      line-height: 20px
  }

  .EventTeamStats-flag img {
      max-height: 30px;
      max-width: 51px
  }

  .EventTeamStats-captain {
      font-size: 1.412rem;
      letter-spacing: -.31px;
      line-height: 15px;
      margin-bottom: 2px
  }

  .EventTeamStats-captainText {
      font-size: 1.1rem;
      letter-spacing: .34px;
      line-height: 15px
  }

  .EventTeamStats-trophy {
      top: 7px
  }
}

@media only screen and (min-width: 1240px) {
  .EventTeamStats {
      margin-top:65px
  }

  .EventTeamStats-score {
      font-size: 5.268rem;
      letter-spacing: .88px;
      line-height: 58px
  }

  .EventTeamStats-score sup {
      font-size: 2.341rem;
      letter-spacing: -2px;
      line-height: 26px
  }

  .EventTeamStats-flag img {
      max-height: 40px;
      max-width: 60px
  }

  .EventTeamStats-trophy {
      height: 34px;
      top: 13px;
      width: 16px
  }

  .EventTeamStats-captain {
      font-size: 1.8rem;
      letter-spacing: -.4px;
      line-height: 20px;
      margin-bottom: 2px
  }

  .EventTeamStats-captainText {
      font-size: 1.4rem;
      letter-spacing: .44px;
      line-height: 19px
  }
}

.HistoricalRecord {
  background: #fff;
  display: block;
  position: relative
}

.HistoricalRecord-year {
  background: #fff;
  color: var(--supportingColor9);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 14px;
  margin-bottom: 50px;
  padding: 15px;
  position: relative;
  text-align: center;
  z-index: 3
}

.HistoricalRecord-container {
  background: #fff;
  padding: 25px 0 15px;
  position: relative;
  z-index: 3
}

.HistoricalRecord:first-of-type .HistoricalRecord-year {
  margin-bottom: 150px
}

.HistoricalRecord:first-of-type .HistoricalRecord-container {
  padding: 80px 0 15px
}

.HistoricalRecord-stats {
  display: flex;
  justify-content: center;
  margin-bottom: 15px
}

.HistoricalRecord-location {
  color: var(--supportingColor2);
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 10px
}

.HistoricalRecord-image .Figure picture {
  display: block;
  position: relative
}

[data-content-type=video] .HistoricalRecord-image .Figure picture:before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0N3B4IiB2aWV3Qm94PSIwIDAgNTAgNDciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5FdXJvcGVfUGxheUJ1dHRvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJFdXJvcGVfUGxheUJ1dHRvbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgMjMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yNS4wMDAwMDAsIC0yMy41MDAwMDApICIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjQ3IiByeD0iMTAiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTI2LjM2MDkyNjUsMTkuNDU2OTUyNiBMMzEuMTA4NDc4MSwyNy40OTEyNzA3IEMzMS4zODk0NDE2LDI3Ljk2Njc0NzMgMzEuMjMxNzU3NSwyOC41Nzk5NjMxIDMwLjc1NjI4MDksMjguODYwOTI2NSBDMzAuNjAyMjA0MywyOC45NTE5NzE4IDMwLjQyNjUxNzYsMjkgMzAuMjQ3NTUxNiwyOSBMMjAuNzUyNDQ4NCwyOSBDMjAuMjAwMTYzNiwyOSAxOS43NTI0NDg0LDI4LjU1MjI4NDcgMTkuNzUyNDQ4NCwyOCBDMTkuNzUyNDQ4NCwyNy44MjEwMzQgMTkuODAwNDc2NiwyNy42NDUzNDczIDE5Ljg5MTUyMTksMjcuNDkxMjcwNyBMMjQuNjM5MDczNSwxOS40NTY5NTI2IEMyNC45MjAwMzY5LDE4Ljk4MTQ3NiAyNS41MzMyNTI3LDE4LjgyMzc5MTkgMjYuMDA4NzI5MywxOS4xMDQ3NTU0IEMyNi4xNTM5NTQ1LDE5LjE5MDU3MDIgMjYuMjc1MTExNywxOS4zMTE3Mjc0IDI2LjM2MDkyNjUsMTkuNDU2OTUyNiBaIiBpZD0iVHJpYW5nbGUiIGZpbGw9IiMwMDNDODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjUwMDAwMCwgMjMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjUuNTAwMDAwLCAtMjMuNTAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 8px;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  max-height: 47px;
  max-width: 50px;
  opacity: .9;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

@media only screen and (min-width: 768px) {
  [data-content-type=video] .HistoricalRecord-image .Figure picture:before {
      background-color:transparent;
      background-size: 100%;
      max-height: 47px;
      max-width: 50px
  }
}

[data-content-type=video] .HistoricalRecord-image .Figure picture:hover:before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNTAgNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDx0aXRsZT5QbGF5SWNvbjwvdGl0bGU+CiAgICA8ZyBpZD0iSG92ZXItU3RhdGVzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iUGxheUljb24iPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAzQzgyIiBvcGFjaXR5PSIwLjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgMjQuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yNS4wMDAwMDAsIC0yNC4wMDAwMDApICIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjQ4IiByeD0iNy42OTIzMDc2OSI+PC9yZWN0PgogICAgICAgICAgICA8cGF0aCBkPSJNMjYuMTcyNjU1MywyMC4yMjUwNDIxIEwzMS4xNzE0NDY3LDI4Ljc0NDk2MDIgQzMxLjQwNDM0ODcsMjkuMTQxOTE3NCAzMS4yNzEzNTU3LDI5LjY1MjUxOTIgMzAuODc0Mzk4NSwyOS44ODU0MjEyIEMzMC43NDY1MjQ4LDI5Ljk2MDQ0NzEgMzAuNjAwOTUwNiwzMCAzMC40NTI2OTIxLDMwIEwyMC40NTUxMDkzLDMwIEMxOS45OTQ4NzIsMzAgMTkuNjIxNzc2LDI5LjYyNjkwNCAxOS42MjE3NzYsMjkuMTY2NjY2NyBDMTkuNjIxNzc2LDI5LjAxODQwODIgMTkuNjYxMzI4OSwyOC44NzI4MzQgMTkuNzM2MzU0NywyOC43NDQ5NjAyIEwyNC43MzUxNDYxLDIwLjIyNTA0MjEgQzI0Ljk2ODA0ODIsMTkuODI4MDg0OSAyNS40Nzg2NDk5LDE5LjY5NTA5MiAyNS44NzU2MDcxLDE5LjkyNzk5NCBDMjUuOTk4MzY1NCwyMC4wMDAwMTg1IDI2LjEwMDYzMDgsMjAuMTAyMjgzOSAyNi4xNzI2NTUzLDIwLjIyNTA0MjEgWiIgaWQ9IlRyaWFuZ2xlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS40NTM5MDEsIDI0LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTI1LjQ1MzkwMSwgLTI0LjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K')
}

.HistoricalRecord-image .Figure img {
  margin-bottom: 10px;
  width: 100%
}

.HistoricalRecord-image .Figure-content {
  color: var(--supportingColor1);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .43px;
  line-height: 17px;
  text-transform: uppercase
}

.HistoricalRecord-description {
  color: var(--supportingColor1);
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
  .HistoricalRecord:first-of-type .HistoricalRecord-year {
      margin-bottom:0
  }

  .HistoricalRecord:first-of-type .HistoricalRecord-container {
      padding: 0
  }

  .HistoricalRecord-year {
      font-size: 1.6rem;
      letter-spacing: .57px;
      line-height: 22px;
      margin-bottom: 0
  }

  .HistoricalRecord-container {
      background: transparent;
      display: flex;
      justify-content: center;
      padding: 0
  }

  .HistoricalRecord-left,.HistoricalRecord-right {
      display: flex;
      flex-direction: column;
      width: 50%
  }

  .HistoricalRecord-left {
      align-items: flex-end;
      padding-right: 20px;
      text-align: right
  }

  .HistoricalRecord-right {
      align-items: flex-start;
      padding-left: 20px;
      text-align: left
  }

  .HistoricalRecord-right .Figure {
      text-align: left
  }

  .HistoricalRecord-stats {
      justify-content: flex-end
  }

  .HistoricalRecord:nth-of-type(2n) .HistoricalRecord-left {
      align-items: flex-start;
      order: 2;
      padding-left: 20px;
      padding-right: 0;
      text-align: left
  }

  .HistoricalRecord:nth-of-type(2n) .HistoricalRecord-stats {
      justify-content: flex-start
  }

  .HistoricalRecord:nth-of-type(2n) .HistoricalRecord-right {
      align-items: flex-end;
      padding-left: 0;
      padding-right: 20px;
      text-align: right
  }

  .HistoricalRecord:nth-of-type(2n) .HistoricalRecord-right .Figure {
      text-align: right
  }

  .HistoricalRecord:nth-of-type(2n) .HistoricalRecord-right .Figure-content {
      text-align: left
  }

  .HistoricalRecord-location {
      font-size: 1.4rem;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 19px;
      margin-bottom: 4px
  }

  .HistoricalRecord-description {
      font-size: 1.4rem;
      line-height: 19px;
      margin-bottom: 0
  }
}

@media only screen and (min-width: 1024px) {
  .HistoricalRecord-year {
      font-size:1.8rem;
      line-height: 24px;
      padding: 30px
  }

  .HistoricalRecord-container,.HistoricalRecord:first-of-type .HistoricalRecord-container {
      padding-top: 30px
  }

  .HistoricalRecord-left,.HistoricalRecord-right {
      max-width: 466px
  }

  .HistoricalRecord-left {
      margin-right: 84px;
      padding: 0
  }

  .HistoricalRecord-right {
      margin-left: 84px;
      padding: 0
  }

  .HistoricalRecord:nth-of-type(2n) .HistoricalRecord-left {
      margin-left: 84px;
      margin-right: 0;
      padding: 0
  }

  .HistoricalRecord:nth-of-type(2n) .HistoricalRecord-right {
      margin-left: 0;
      margin-right: 84px;
      padding: 0
  }
}

@media only screen and (min-width: 1240px) {
  .HistoricalRecord-location {
      font-size:1.8rem;
      font-weight: 700;
      letter-spacing: 0;
      line-height: 20px;
      margin-bottom: 4px
  }

  .HistoricalRecord-description {
      font-size: 1.6rem;
      letter-spacing: 0;
      line-height: 22px
  }

  .HistoricalRecord .Figure-content {
      font-size: 1.4rem;
      letter-spacing: .5px;
      line-height: 19px
  }
}

.TimelineTabs {
  background: #fff;
  padding: 40px 15px
}

.TimelineTabs-top {
  position: relative;
  text-align: center
}

.TimelineTabs-eyebrow {
  color: var(--primaryColor4);
  font-size: 1.4rem;
  font-style: italic;
  letter-spacing: .5px;
  line-height: 18px;
  margin-bottom: 10px
}

.TimelineTabs-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
  text-transform: uppercase
}

.TimelineTabs-title,.TimelineTabs-yearRange {
  color: var(--supportingColor9);
  letter-spacing: 0
}

.TimelineTabs-yearRange {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 25px
}

@media only screen and (min-width: 768px) {
  .TimelineTabs {
      padding:40px 20px 80
  }

  .TimelineTabs-title {
      font-size: 2.1rem;
      letter-spacing: .35px;
      line-height: 24px
  }

  .TimelineTabs-yearRange {
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 19px
  }
}

@media only screen and (min-width: 1024px) {
  .TimelineTabs {
      padding:30px 20px 73px
  }

  .TimelineTabs-title {
      font-size: 2.4rem;
      letter-spacing: .4px;
      line-height: 26px
  }
}

.TeamStatsPast {
  display: block;
  justify-content: center;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  width: 50%
}

.TeamStatsPast:first-of-type {
  padding-right: 35px
}

.TeamStatsPast:first-of-type:after {
  background: var(--primaryColor5);
  content: "";
  height: 70px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.TeamStatsPast:last-of-type {
  padding-left: 35px
}

.TeamStatsPast-top {
  align-items: center;
  display: flex;
  height: 34px;
  justify-content: center;
  margin-bottom: 10px
}

.TeamStatsPast-team {
  color: var(--supportingColor9);
  font-size: 1.4rem;
  letter-spacing: 1.9px;
  line-height: 21px;
  margin-left: 10px;
  text-transform: uppercase
}

.TeamStatsPast-flag {
  margin-left: 6px
}

.TeamStatsPast-score {
  font-size: 9.6rem;
  font-weight: 700;
  letter-spacing: -1.66px;
  line-height: 106px
}

.TeamStatsPast-score sup {
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 34px;
  position: relative;
  top: -30px
}

.TeamStatsPast-score[data-team=team2A] {
  color: var(--team2Color)
}

.TeamStatsPast-score[data-team=team1rope] {
  color: var(--team1Color)
}

.TeamStatsPast-trophy {
  margin-left: 6px
}

@media only screen and (min-width: 768px) {
  .TeamStatsPast {
      margin-bottom:0
  }

  .TeamStatsPast:first-of-type {
      padding-right: 0
  }

  .TeamStatsPast:first-of-type:after {
      height: 80px
  }

  .TeamStatsPast:last-of-type {
      padding-left: 0
  }

  .TeamStatsPast-top {
      margin-bottom: 20px
  }

  .TeamStatsPast-score {
      font-size: 11.529rem;
      letter-spacing: -1.99px;
      line-height: 127px
  }

  .TeamStatsPast-score sup {
      font-size: 3.777rem;
      line-height: 46px;
      position: relative;
      top: -42px
  }
}

.YearRange {
  margin: auto;
  position: relative
}

.YearRange:before {
  height: 217px;
  top: 30px;
  z-index: 2
}

.YearRange:after,.YearRange:before {
  background: var(--primaryColor5);
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 2px
}

.YearRange:after {
  bottom: 0;
  height: calc(100% - 210px);
  top: 210px;
  z-index: 1
}

.YearRange-circle {
  display: flex;
  justify-content: center;
  margin-bottom: 65px
}

.YearRange-circle-out {
  height: 61px;
  width: 61px
}

.YearRange-circle-in,.YearRange-circle-out {
  align-items: center;
  border: 1px solid var(--primaryColor5);
  border-radius: 50%;
  display: flex;
  justify-content: center
}

.YearRange-circle-in {
  height: 41px;
  width: 41px
}

.YearRange-circle-red {
  height: 18px;
  width: 18px
}

.YearRange-circle-gray,.YearRange-circle-red {
  align-items: center;
  background: var(--primaryColor5);
  border-radius: 50%;
  display: flex;
  justify-content: center
}

.YearRange-circle-gray {
  height: 10px;
  margin: auto;
  width: 10px
}

.YearRange-cta {
  margin: 30px auto 0;
  text-align: center
}

.YearRange-cta .Link {
  display: inline-block
}

.YearRange .HistoricalRecord {
  margin-bottom: 50px
}

@media only screen and (min-width: 768px) {
  .YearRange .HistoricalRecord {
      margin-bottom:30px
  }

  .YearRange-cta {
      margin-top: 44px
  }
}

@media only screen and (min-width: 1024px) {
  .YearRange:before {
      height:255px
  }

  .YearRange-cta {
      margin-top: 80px
  }

  .YearRange-circle-gray {
      height: 18px;
      width: 18px
  }
}

.List2Column,.List3Column,.List3Dark,.ListAbstract,.ListProductInfo,.ListThumbnailImage,.ListTicket {
  padding: 30px 15px
}

.List2Column-title,.List3Column-title,.List3Dark-title,.ListAbstract-title,.ListProductInfo-title,.ListThumbnailImage-title,.ListTicket-title {
  margin-top: 10px
}

[data-align-center] .List2Column-title,[data-align-center] .List3Column-title,[data-align-center] .List3Dark-title,[data-align-center] .ListAbstract-title,[data-align-center] .ListProductInfo-title,[data-align-center] .ListThumbnailImage-title,[data-align-center] .ListTicket-title,[data-align-left] .List2Column-title,[data-align-left] .List3Column-title,[data-align-left] .List3Dark-title,[data-align-left] .ListAbstract-title,[data-align-left] .ListProductInfo-title,[data-align-left] .ListThumbnailImage-title,[data-align-left] .ListTicket-title {
  text-align: center
}

.List2Column-cta,.List3Column-cta,.List3Dark-cta,.ListAbstract-cta,.ListProductInfo-cta,.ListThumbnailImage-cta,.ListTicket-cta {
  margin: 10px 0;
  text-align: center
}

@media only screen and (min-width: 768px) {
  .List2Column,.List3Column,.List3Dark,.ListAbstract,.ListProductInfo,.ListThumbnailImage,.ListTicket {
      padding:40px 0
  }

  .List2Column-title,.List3Column-title,.List3Dark-title,.ListAbstract-title,.ListProductInfo-title,.ListThumbnailImage-title,.ListTicket-title {
      margin-left: 15px;
      text-align: center
  }

  .List2Column-cta,.List3Column-cta,.List3Dark-cta,.ListAbstract-cta,.ListProductInfo-cta,.ListThumbnailImage-cta,.ListTicket-cta {
      margin: 40px 0
  }
}

@media only screen and (min-width: 1024px) {
  .List2Column-title,.List3Column-title,.List3Dark-title,.ListAbstract-title,.ListProductInfo-title,.ListThumbnailImage-title,.ListTicket-title {
      margin-bottom:30px;
      text-align: center
  }
}

.ListPlayers,.ListPlayersHome,.ListPlayersMobile {
  margin-bottom: 20px;
  text-align: center
}

.ListPlayers-title,.ListPlayersHome-title,.ListPlayersMobile-title {
  align-items: center;
  color: var(--supportingColor9);
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: uppercase
}

.ListPlayers-items,.ListPlayersHome-items,.ListPlayersMobile-items {
  border-left: 1px solid var(--primaryColor5);
  border-radius: 10px;
  border-top: 1px solid var(--primaryColor5);
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px
}

.ListPlayers-items-item,.ListPlayersHome-items-item,.ListPlayersMobile-items-item {
  background: #fff;
  border-bottom: 1px solid var(--primaryColor5);
  border-right: 1px solid var(--primaryColor5);
  height: 134px;
  width: 50%
}

.ListPlayers-items-item:first-of-type,.ListPlayersHome-items-item:first-of-type,.ListPlayersMobile-items-item:first-of-type {
  border-top-left-radius: 10px
}

.ListPlayers-items-item:nth-of-type(2),.ListPlayersHome-items-item:nth-of-type(2),.ListPlayersMobile-items-item:nth-of-type(2) {
  border-top-right-radius: 10px
}

.ListPlayers-items-item:nth-last-child(2),.ListPlayersHome-items-item:nth-last-child(2),.ListPlayersMobile-items-item:nth-last-child(2) {
  border-bottom-left-radius: 10px
}

.ListPlayers-items-item:last-child,.ListPlayersHome-items-item:last-child,.ListPlayersMobile-items-item:last-child {
  border-bottom-right-radius: 10px
}

.ListBoxedThumb {
  border-bottom: 1px solid var(--primaryColor5);
  padding: 15px 15px 30px;
  text-align: center
}

.ListBoxedThumb-title {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .3px;
  line-height: 20px;
  margin-bottom: 15px;
  text-transform: uppercase
}

.ListBoxedThumb-description {
  color: var(--supportingColor1);
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 21px;
  margin: 0 auto 15px;
  max-width: 577px
}

.ListBoxedThumb-cta a {
  margin: 20px auto 0;
  min-width: 184px
}

.ListBoxedThumb .PromoBoxedThumb {
  margin-bottom: 15px
}

.ListBoxedThumb .PromoBoxedThumb:last-of-type {
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
  .ListBoxedThumb {
      padding:17px 20px 30px
  }

  .ListBoxedThumb-description {
      margin-bottom: 50px
  }

  .ListBoxedThumb .PromoBoxedThumb {
      margin-bottom: 20px
  }

  .ListBoxedThumb .PromoBoxedThumb:last-of-type {
      margin-bottom: 0
  }
}

@media only screen and (min-width: 1024px) {
  .ListBoxedThumb {
      padding:50px 20px
  }

  .ListBoxedThumb-title {
      font-size: 2.4rem;
      line-height: 26px
  }

  .ListBoxedThumb-description {
      font-size: 1.6rem;
      line-height: 26px;
      margin: 0 auto 107.5px;
      max-width: 671px
  }

  .ListBoxedThumb-items {
      grid-gap: 30px;
      display: grid;
      grid-template-columns: repeat(3,1fr);
      margin: auto;
      max-width: 1240px
  }

  .ListBoxedThumb .PromoBoxedThumb {
      margin-bottom: 0
  }

  .ListBoxedThumb-cta a {
      margin: 50px auto 0;
      min-width: 194px
  }
}

@media only screen and (min-width: 1440px) {
  .ListBoxedThumb {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-left: var(--gutterCalc1240);
      padding-right: var(--gutterCalc1240);
      position: relative;
      right: 50%;
      width: 100vw
  }
}

.ListLinks {
  background-color: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 8px;
  padding: 25px 15px;
  width: 100%
}

.ListLinks-title {
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px;
  margin-bottom: 20px;
  text-transform: uppercase
}

.ListLinks-items {
  list-style-position: outside;
  list-style-type: disc;
  margin-bottom: 20px;
  margin-left: 20px;
  padding: 15px 0;
  position: relative
}

.ListLinks-items:after,.ListLinks-items:before {
  background: var(--primaryColor5);
  content: "";
  height: 1px;
  left: -20px;
  position: absolute;
  right: 0;
  width: 100%
}

.ListLinks-items:before {
  top: 0
}

.ListLinks-items:after {
  bottom: 0
}

.ListLinks-items[data-no-discs] {
  list-style-type: none;
  margin-left: 0
}

.ListLinks-items-item {
  line-height: 16px;
  margin-bottom: 10px
}

.ListLinks-items-item:last-of-type {
  margin-bottom: 0
}

.ListLinks-ctas {
  display: flex
}

.ListLinks-ctas a {
  background-size: contain;
  height: 35px;
  width: 116px
}

.ListLinks-ctas a+a {
  margin-left: 10px
}

.ListLinks .applestore {
  background-image: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/8c4986ee4828b47d16f5.226476d464b50cfa4de02cffebe9f709.svg');
  width: 106px
}

.ListLinks .googleplay {
  background-image: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/0650370fbce7f45f4e8d.d973f63a43bd63a2ebc3330fde568b6c.svg')
}

@media only screen and (min-width: 768px) {
  .ListLinks {
      padding:20px
  }

  .ListLinks-items {
      margin-bottom: 20px;
      padding: 20px 0
  }
}

@media only screen and (min-width: 1024px) {
  .ListLinks {
      padding:25px 20px
  }

  .ListLinks-title {
      margin-bottom: 20px
  }

  .ListLinks-items {
      -moz-column-count: inherit;
      column-count: inherit
  }
}

.ListFlex {
  border-bottom: 1px solid var(--supportingColor5);
  display: block;
  margin: 0 15px;
  padding: 20px 0 30px;
  position: relative
}

.ListFlex-title {
  color: var(--supportingColor2);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase
}

.ListFlex-items {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly
}

.ListFlex .PromoImageOnly img {
  max-height: 30px
}

.ListFlex:last-of-type {
  margin: 0;
  padding: 20px 15px 83px
}

@media only screen and (min-width: 768px) {
  .ListFlex {
      margin:0 44px;
      padding: 40px 0 35px
  }

  .ListFlex-title {
      font-size: 1.8rem;
      letter-spacing: .3px;
      line-height: 20px;
      margin-bottom: 40px
  }

  .ListFlex .PromoImageOnly img {
      max-height: 60px
  }

  .ListFlex:last-of-type {
      padding: 40px 44px 83px
  }
}

@media only screen and (min-width: 1024px) {
  .ListFlex {
      margin:0 100px;
      padding: 62px 0 69px
  }

  .ListFlex-title {
      font-size: 2.1rem;
      letter-spacing: .35px;
      line-height: 24px;
      margin-bottom: 60px
  }

  .ListFlex:last-of-type {
      margin: 0;
      padding: 62px 100px 69px
  }
}

.ListLargeCarousel {
  display: block
}

.ListLargeCarousel .flickity-prev-next-button {
  display: none
}

.ListLargeCarousel .flickity-page-dots {
  bottom: 20px
}

.ListLargeCarousel .flickity-page-dots .dot {
  background: transparent;
  border: 2px solid #fff;
  height: 12px;
  opacity: 1;
  width: 12px
}

.ListLargeCarousel .flickity-page-dots .dot.is-selected {
  background: #fff
}

@media only screen and (min-width: 1024px) {
  .ListLargeCarousel {
      margin-bottom:40px
  }

  .ListLargeCarousel .flickity-page-dots {
      bottom: 40px
  }

  .ListLargeCarousel .flickity-button-icon {
      display: flex;
      height: 19px;
      left: 0;
      margin: auto;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 19px
  }

  .ListLargeCarousel .flickity-prev-next-button {
      display: block
  }

  .ListLargeCarousel .flickity-prev-next-button.next {
      right: 20px
  }

  .ListLargeCarousel .flickity-prev-next-button.previous {
      left: 20px
  }
}

.ListMosaic {
  border-bottom: 1px solid var(--supportingColor5);
  display: block;
  margin: 0 15px;
  padding: 25px 0;
  position: relative
}

.ListMosaic-title {
  color: var(--supportingColor9);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 10px;
  text-align: center
}

.ListMosaic-description {
  color: var(--supportingColor8);
  font-size: 1.4rem;
  line-height: 20px;
  margin-bottom: 30px;
  text-align: center
}

.ListMosaic-description a {
  color: var(--primaryColor1)
}

.ListMosaic-description a:active,.ListMosaic-description a:hover {
  color: var(--buttonHoverColor)
}

.ListMosaic-items-item {
  margin-bottom: 20px
}

.ListMosaic-items-item:last-of-type {
  margin-bottom: 0
}

.ListMosaic .PromoImageOnly img {
  border-radius: 0
}

@media only screen and (min-width: 768px) {
  .ListMosaic {
      margin:0 25px;
      padding: 25px 0 165px
  }

  .ListMosaic-title {
      font-size: 1.6rem;
      line-height: 18px;
      margin-bottom: 15px
  }

  .ListMosaic-description {
      font-size: 1.6rem;
      line-height: 25px;
      margin-bottom: 50px
  }

  .ListMosaic-items {
      grid-gap: 20px;
      display: grid
  }

  .ListMosaic-items-item {
      margin-bottom: 0
  }

  .ListMosaic-items-item:first-of-type {
      grid-column: 1;
      grid-row: 1/2
  }

  .ListMosaic-items-item:nth-of-type(2) {
      grid-column: 1;
      grid-row: 2/2
  }

  .ListMosaic-items-item:nth-of-type(3) {
      grid-column: 2;
      grid-row: 1/3
  }

  .ListMosaic .PromoImageOnly,.ListMosaic .PromoImageOnly-media {
      height: 100%
  }

  .ListMosaic .PromoImageOnly img {
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover
  }
}

@media only screen and (min-width: 1024px) {
  .ListMosaic {
      margin:0 auto;
      max-width: 907px;
      padding: 30px 0 100px
  }

  .ListMosaic-title {
      font-size: 1.8rem;
      line-height: 28px;
      margin-bottom: 15px
  }

  .ListMosaic-description {
      line-height: 27px
  }

  .ListMosaic-items {
      grid-gap: 25px
  }
}

.ListSearch-title {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .27px;
  line-height: 20px;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .ListSearch-title {
      font-size:2.1rem;
      letter-spacing: .35px;
      line-height: 31px
  }
}

@media only screen and (min-width: 1024px) {
  .ListSearch-title {
      font-size:2.4rem;
      letter-spacing: .5px;
      line-height: 36px
  }
}

.ListSearch-items-item {
  margin-bottom: 15px
}

[data-two-wide] .ListSearch-items-item:first-of-type {
  margin-bottom: 20px
}

[data-three-wide] .ListSearch-items-item:last-of-type {
  margin-bottom: 0
}

.ListSearch-cta {
  text-align: center
}

.ListSearch-cta .Link {
  margin: 20px auto
}

.ListSearch .GoogleDfpAd {
  display: none
}

@media only screen and (min-width: 768px) {
  .ListSearch-items {
      display:flex;
      flex-wrap: wrap;
      width: 100%
  }

  .ListSearch-items[data-two-wide] {
      margin-bottom: 30px
  }

  [data-results-ad] .ListSearch-items[data-two-wide] {
      border-bottom: 1px solid var(--primaryColor5);
      padding-bottom: 25px
  }

  .ListSearch-items-item {
      margin-bottom: 0;
      width: calc(50% - 10px)
  }

  [data-three-wide] .ListSearch-items-item {
      margin-bottom: 20px
  }

  .ListSearch-items-item:nth-child(odd) {
      margin-right: 20px
  }

  [data-three-wide] .ListSearch-items-item:last-of-type {
      margin-bottom: 20px
  }

  .ListSearch-cta .Link {
      margin: 25px auto
  }
}

@media only screen and (min-width: 1024px) {
  .ListSearch .GoogleDfpAd {
      border-bottom:1px solid var(--primaryColor5);
      display: block;
      margin-bottom: 30px;
      padding-bottom: 30px
  }

  .ListSearch-title {
      margin-bottom: 40px
  }

  .ListSearch-items-item {
      margin-bottom: 15px;
      margin-right: 30px;
      max-width: 393px;
      width: calc(33.33% - 20px)
  }

  [data-three-wide] .ListSearch-items-item {
      margin-bottom: 30px
  }

  [data-two-wide] .ListSearch-items-item {
      margin-bottom: 0;
      margin-right: 0;
      width: calc(33.33% - 15px)
  }

  [data-two-wide] .ListSearch-items-item:first-of-type {
      margin-bottom: 0;
      max-width: 817px;
      width: calc(66.66% - 15px)
  }

  [data-two-wide] .ListSearch-items-item:first-of-type picture {
      position: relative
  }

  [data-two-wide] .ListSearch-items-item:first-of-type picture img {
      -o-object-fit: cover;
      object-fit: cover
  }

  [data-two-wide] .ListSearch-items-item:first-of-type picture:after {
      background: linear-gradient(180deg,hsla(0,0%,8%,0),hsla(0,0%,8%,.79));
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%
  }

  [data-three-wide] .ListSearch-items-item:last-of-type {
      margin-bottom: 30px
  }

  .ListSearch-items-item:nth-child(odd) {
      margin-right: 30px
  }

  .ListSearch-items-item:nth-child(3n) {
      margin-right: 0
  }

  .ListSearch-cta .Link {
      margin: 50px auto
  }
}

@media only screen and (min-width: 1440px) {
  [data-two-wide] .ListSearch-items-item:first-of-type {
      width:66.66%
  }
}

.ListSearchTwoColumn-items-item {
  margin-bottom: 15px
}

.ListSearchTwoColumn-items-item:first-of-type {
  margin-bottom: 20px
}

.ListSearchTwoColumn-items-item:last-of-type {
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
  .ListSearchTwoColumn-items {
      display:flex;
      flex-wrap: wrap;
      justify-content: space-between
  }

  .ListSearchTwoColumn-items-item {
      margin-bottom: 0;
      width: calc(50% - 10px)
  }

  .ListSearchTwoColumn-items-item:first-of-type {
      width: 100%
  }

  .ListSearchTwoColumn .PromoImageOnTopLarge {
      border: 0
  }

  [data-content-type=gallery] .ListSearchTwoColumn .PromoImageOnTopLarge-media:before,[data-content-type=video] .ListSearchTwoColumn .PromoImageOnTopLarge-media:before {
      bottom: auto;
      left: auto
  }

  .ListSearchTwoColumn .PromoImageOnTopLarge-media picture {
      content: "";
      display: block;
      padding-top: 56.25%;
      position: relative;
      width: 100%
  }

  .ListSearchTwoColumn .PromoImageOnTopLarge-media picture img {
      bottom: 0;
      height: 100%;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%
  }

  .ListSearchTwoColumn .PromoImageOnTopLarge-media picture:after {
      background: linear-gradient(180deg,hsla(0,0%,8%,0),hsla(0,0%,8%,.79));
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%
  }

  .ListSearchTwoColumn .PromoImageOnTopLarge-content {
      bottom: 25px;
      height: auto;
      left: 25px;
      min-height: auto;
      padding: 0;
      position: absolute;
      right: 25px
  }

  .ListSearchTwoColumn .PromoImageOnTopLarge-category {
      color: #fff;
      font-size: 1.4rem;
      letter-spacing: 1.6px;
      line-height: 17px;
      margin-bottom: 15px
  }

  .ListSearchTwoColumn .PromoImageOnTopLarge-title {
      color: #fff;
      font-size: 2.8rem;
      letter-spacing: .78px;
      line-height: 41px;
      margin-bottom: 25px
  }

  .ListSearchTwoColumn .PromoImageOnTopLarge-cta {
      bottom: 0;
      position: absolute
  }
}

@media only screen and (min-width: 1024px) {
  .ListSearchTwoColumn-items-item {
      width:calc(50% - 15px)
  }

  .ListSearchTwoColumn-items-item:first-of-type {
      margin-bottom: 30px;
      width: 100%
  }
}

.List2Column {
  padding: 0
}

.List2Column-items,.List2Column-items-item {
  display: flex;
  flex-direction: column
}

.List2Column-items-item {
  margin-bottom: 15px
}

.List2Column-items-item:last-of-type {
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
  .List2Column {
      margin-bottom:40px
  }

  .List2Column-items {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      margin: auto
  }

  .List2Column-items-item {
      margin-bottom: 20px;
      width: 50%
  }

  .List2Column-items-item:last-of-type {
      margin-bottom: 20px
  }

  .List2Column-items-item:nth-of-type(odd) {
      padding-right: 10px
  }

  .List2Column-items-item:nth-of-type(2n) {
      padding-left: 10px
  }

  .List2Column-items-item:first-of-type {
      border-top: 0
  }

  .List2Column-cta .Link {
      min-width: 194px
  }
}

@media only screen and (min-width: 1024px) {
  .List2Column-items {
      max-width:780px
  }

  .List2Column-items-item {
      margin-bottom: 60px
  }

  .List2Column-items-item:last-of-type,.List2Column-items-item:nth-last-child(2) {
      margin-bottom: 30px
  }

  .List2Column-items-item:nth-of-type(odd) {
      padding-right: 30px
  }

  .List2Column-items-item:nth-of-type(2n) {
      padding-left: 30px
  }
}

.List3Column-items,.List3Column-items-item {
  display: flex;
  flex-direction: column
}

.List3Column-items-item {
  padding: 7px 0
}

@media only screen and (min-width: 768px) {
  .List3Column-items {
      flex-direction:row;
      flex-wrap: wrap
  }

  .List3Column-items-item {
      padding: 15px;
      width: 50%
  }

  .List3Column-items-item:first-of-type {
      border-top: 0
  }

  .List3Column-cta .Link {
      min-width: 194px
  }
}

@media only screen and (min-width: 1024px) {
  .List3Column {
      background-color:var(--primaryColor6);
      border-top: 1px solid var(--primaryColor5);
      padding: 30px 100px
  }

  .List3Column[data-hide-bgcolor] {
      background-color: transparent
  }

  .List3Column-items-item {
      width: 33.333%
  }
}

@media only screen and (min-width: 1240px) {
  .List3Column-items {
      margin-left:-15px;
      margin-right: -15px
  }
}

@media only screen and (min-width: 1440px) {
  .List3Column {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-left: var(--gutterCalc1240);
      padding-right: var(--gutterCalc1240);
      position: relative;
      right: 50%;
      width: 100vw
  }
}

.List3Dark {
  padding: 30px 15px 100px
}

.List3Dark-items,.List3Dark-items-item {
  display: flex;
  flex-direction: column
}

.List3Dark-items-item .PromoDark {
  margin-bottom: 15px
}

.List3Dark-items-item:last-child .PromoDark {
  margin-bottom: 0
}

.List3Dark-cta {
  margin: 20px auto 0
}

.List3Dark-cta .Link {
  min-width: 184px
}

@media only screen and (min-width: 768px) {
  .List3Dark-cta {
      margin:25px auto 0
  }
}

@media only screen and (min-width: 1024px) {
  .List3Dark-items {
      grid-gap:20px;
      display: grid;
      grid-template-columns: repeat(3,3fr);
      margin-bottom: 30px
  }

  .List3Dark-items-item {
      display: block
  }

  .List3Dark-items-item .PromoDark {
      margin: 0
  }

  .List3Dark-cta {
      margin: 50px auto 0
  }

  .List3Dark-cta .Link {
      min-width: 194px
  }
}

.ListPlayers+.ListPlayers {
  border-top: 1px solid var(--primaryColor5);
  padding-top: 20px
}

@media only screen and (min-width: 768px) {
  .ListPlayers {
      margin-bottom:10px
  }

  .ListPlayers+.ListPlayers {
      margin-bottom: 60px;
      padding-top: 30px
  }

  .ListPlayers-items {
      border: none;
      margin-left: -7.5px;
      margin-right: -7.5px;
      margin-top: 30px
  }

  .ListPlayers-items-item {
      border: 1px solid var(--primaryColor5);
      border-radius: 8px;
      height: 252px;
      margin: 0 7.5px 20px;
      overflow: hidden;
      width: calc(33.33% - 15px)
  }

  .ListPlayers .PromoPlayer {
      padding-top: 15px
  }

  .ListPlayers .PromoPlayer-flag img {
      height: 15px;
      width: 25px
  }

  .ListPlayers .PromoPlayer-firstName {
      font-size: 1.6rem;
      margin-top: 5px
  }

  .ListPlayers .PromoPlayer-lastName {
      font-size: 1.8rem;
      line-height: 20px;
      margin-top: 5px
  }

  .ListPlayers .PromoPlayer-media img {
      max-height: 143px
  }

  .ListPlayers .PromoPlayer-description {
      font-size: 1.4rem;
      letter-spacing: .5px;
      line-height: 19px;
      margin-top: 10px
  }
}

@media only screen and (min-width: 1024px) {
  .ListPlayers+.ListPlayers {
      margin-bottom:80px;
      padding-top: 50px
  }

  .ListPlayers-title {
      font-size: 2.4rem;
      letter-spacing: .4px;
      line-height: 26px
  }

  .ListPlayers-items {
      margin: 40px -15px 20px
  }

  .ListPlayers-items[data-four-columns] {
      margin-left: -10px;
      margin-right: -10px
  }

  .ListPlayers-items[data-four-columns] .PromoPlayer-media img {
      max-height: 167px
  }

  .ListPlayers-items-item {
      height: 291px;
      margin: 0 15px 30px;
      width: calc(33.33% - 30px)
  }

  [data-four-columns] .ListPlayers-items-item {
      margin: 0 10px 20px;
      width: calc(25% - 20px)
  }

  .ListPlayers .PromoPlayer {
      padding-top: 20px
  }

  .ListPlayers .PromoPlayer-flag {
      margin-bottom: 5px
  }

  .ListPlayers .PromoPlayer-firstName {
      font-size: 1.8rem;
      line-height: 23px;
      margin-top: 0
  }

  .ListPlayers .PromoPlayer-lastName {
      font-size: 2.4rem;
      line-height: 26px;
      margin-top: 5px
  }

  .ListPlayers .PromoPlayer-media img {
      max-height: 180px
  }
}

.ListPlayersHome {
  padding: 20px 0
}

[data-flag] .ListPlayersHome-title:before {
  background-size: 100%;
  content: "";
  height: 15px;
  margin-right: 10px;
  margin-top: -2px;
  width: 25px
}

[data-location=team2] [data-flag] .ListPlayersHome-title:before {
  background-image: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/510e5eb0f7946e11c84d.f1da09b622348136fa1a2ed9547d9ea1.svg')
}

[data-location=team1] [data-flag] .ListPlayersHome-title:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjVweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjUgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBza2V0Y2h0b29sIDY0ICgxMDEwMTApIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkJGOTBBRDc5LTA4QjEtNDY3MS05MDMxLTk4NTQ2REM4NUNEMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZyBpZD0iRXVyb3BlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRVVfQXJ0aWNsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0NS4wMDAwMDAsIC01NzUuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDUuMDAwMDAwLCA1NzIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZmxhZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlNoYXBlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGZpbGw9IiMwMDFFN0EiIHBvaW50cz0iMCAwIDI0LjY5OTM3MTcgMCAyNC42OTkzNzE3IDE1LjY2MzAxNjIgMCAxNS42NjMwMTYyIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ljc3Mzg3OSwgMC42NjE4MTgpIiBmaWxsPSIjRkZENDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iMTIuMTAzNzYxNCA5LjUxOTE0Mjk0IDEyLjgyMDE1MDEgOS41MTkxNDI5NCAxMi4yNDI3NjIyIDkuOTcxMzg0OTYgMTIuNDY3MzAxOSAxMC42ODgzNTQgMTEuODg5OTE0IDEwLjI0NzE0MjMgMTEuMzEyNTI2MSAxMC42ODgzNTQgMTEuNTM3MDY1OCA5Ljk3MTM4NDk2IDEwLjk0ODk4NTUgOS41MTkxNDI5NCAxMS42NjUzNzQzIDkuNTE5MTQyOTQgMTEuODc5MjIxNiA4LjgyNDIzNDQ4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSI2LjkwNzI3MDE4IDAuNzM5MDI5NjM3IDcuNjIzNjU4ODggMC43MzkwMjk2MzcgNy4wNDYyNzA5NyAxLjE5MTI3MTY1IDcuMjcwODEwNzIgMS45MDgyNDA3MSA2LjY5MzQyMjgxIDEuNDY3MDI4OTggNi4xMTYwMzQ5IDEuOTA4MjQwNzEgNi4zNDA1NzQ2NCAxLjE5MTI3MTY1IDUuNzUyNDk0MzYgMC43MzkwMjk2MzcgNi40Njg4ODMwNiAwLjczOTAyOTYzNyA2LjY4MjczMDQ0IDAuMDQ0MTIxMTcyNCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iNi45MDcyNzAxOCAxMi42ODQ4MzcxIDcuNjIzNjU4ODggMTIuNjg0ODM3MSA3LjA0NjI3MDk3IDEzLjEzNzA3OTEgNy4yNzA4MTA3MiAxMy44NTQwNDgxIDYuNjkzNDIyODEgMTMuNDEyODM2NCA2LjExNjAzNDkgMTMuODU0MDQ4MSA2LjM0MDU3NDY0IDEzLjEzNzA3OTEgNS43NTI0OTQzNiAxMi42ODQ4MzcxIDYuNDY4ODgzMDYgMTIuNjg0ODM3MSA2LjY4MjczMDQ0IDExLjk4OTkyODYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBwb2ludHM9IjMuNzEwMjUxOTQgMTEuODQ2NTM0OCA0LjQyNjY0MDY0IDExLjg0NjUzNDggMy44NDkyNTI3MyAxMi4yOTg3NzY4IDQuMDczNzkyNDcgMTMuMDE1NzQ1OSAzLjQ5NjQwNDU2IDEyLjU3NDUzNDEgMi45MTkwMTY2NSAxMy4wMTU3NDU5IDMuMTQzNTU2NCAxMi4yOTg3NzY4IDIuNTU1NDc2MTIgMTEuODQ2NTM0OCAzLjI3MTg2NDgyIDExLjg0NjUzNDggMy40ODU3MTIyIDExLjE1MTYyNjMiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBwb2ludHM9IjEyLjIyMTM3NzQgMy45NzA5MDU1MSAxMi45Mzc3NjYxIDMuOTcwOTA1NTEgMTIuMzYwMzc4MiA0LjQyMzE0NzUzIDEyLjU4NDkxOCA1LjE0MDExNjU4IDEyLjAwNzUzIDQuNjk4OTA0ODYgMTEuNDMwMTQyMSA1LjE0MDExNjU4IDExLjY1NDY4MTkgNC40MjMxNDc1MyAxMS4wNjY2MDE2IDMuOTcwOTA1NTEgMTEuNzgyOTkwMyAzLjk3MDkwNTUxIDExLjk5NjgzNzcgMy4yNzU5OTcwNSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iMS43NzQ5MzMyIDMuOTA0NzIzNzYgMi40OTEzMjE5MSAzLjkwNDcyMzc2IDEuOTEzOTM0IDQuMzU2OTY1NzcgMi4xMzg0NzM3NCA1LjA3MzkzNDgyIDEuNTYxMDg1ODMgNC42MzI3MjMxIDAuOTgzNjk3OTIgNS4wNzM5MzQ4MiAxLjIwODIzNzY2IDQuMzU2OTY1NzcgMC42MjAxNTczODUgMy45MDQ3MjM3NiAxLjMzNjU0NjA5IDMuOTA0NzIzNzYgMS41NTAzOTM0NiAzLjIwOTgxNTI5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSIxMC4wMjk0NDE4IDEuNzc1ODc3MTkgMTAuNzQ1ODMwNSAxLjc3NTg3NzE5IDEwLjE2ODQ0MjYgMi4yMjgxMTkyMSAxMC4zOTI5ODI0IDIuOTQ1MDg4MjYgOS44MTU1OTQ0NyAyLjUwMzg3NjUzIDkuMjM4MjA2NTYgMi45NDUwODgyNiA5LjQ2Mjc0NjMgMi4yMjgxMTkyMSA4Ljg3NDY2NjAyIDEuNzc1ODc3MTkgOS41OTEwNTQ3MiAxLjc3NTg3NzE5IDkuODA0OTAyMSAxLjA4MDk2ODcyIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSI0LjAzMTAyMyAxLjcwOTY5NTQzIDQuNzQ3NDExNyAxLjcwOTY5NTQzIDQuMTcwMDIzNzkgMi4xNjE5Mzc0NSA0LjM5NDU2MzU0IDIuODc4OTA2NSAzLjgxNzE3NTYzIDIuNDM3Njk0NzcgMy4yMzk3ODc3MiAyLjg3ODkwNjUgMy40NjQzMjc0NiAyLjE2MTkzNzQ1IDIuODc2MjQ3MTggMS43MDk2OTU0MyAzLjU5MjYzNTg4IDEuNzA5Njk1NDMgMy44MDY0ODMyNiAxLjAxNDc4Njk2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSIxMC4yODYwNTg3IDExLjg0NjUzNDggMTEuMDAyNDQ3NCAxMS44NDY1MzQ4IDEwLjQyNTA1OTUgMTIuMjk4Nzc2OCAxMC42NDk1OTkyIDEzLjAxNTc0NTkgMTAuMDcyMjExMyAxMi41NzQ1MzQxIDkuNDk0ODIzNCAxMy4wMTU3NDU5IDkuNzE5MzYzMTUgMTIuMjk4Nzc2OCA5LjEzMTI4Mjg3IDExLjg0NjUzNDggOS44NDc2NzE1NyAxMS44NDY1MzQ4IDEwLjA2MTUxODkgMTEuMTUxNjI2MyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iMS4xNDQwODM0NSA2LjYxODE3NTg2IDEuODYwNDcyMTUgNi42MTgxNzU4NiAxLjI4MzA4NDI0IDcuMDcwNDE3ODcgMS41MDc2MjM5OSA3Ljc4NzM4NjkzIDAuOTMwMjM2MDc3IDcuMzQ2MTc1MiAwLjM1Mjg0ODE2NyA3Ljc4NzM4NjkzIDAuNTc3Mzg3OTEgNy4wNzA0MTc4NyAwIDYuNjE4MTc1ODYgMC43MTYzODg3MDMgNi42MTgxNzU4NiAwLjkzMDIzNjA3NyA1LjkyMzI2NzM5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSIxMi43MjM5MTg4IDYuNjg0MzU3NjIgMTMuNDQwMzA3NSA2LjY4NDM1NzYyIDEyLjg2MjkxOTUgNy4xMzY1OTk2MyAxMy4wODc0NTkzIDcuODUzNTY4NjggMTIuNTEwMDcxNCA3LjQxMjM1Njk2IDExLjkzMjY4MzUgNy44NTM1Njg2OCAxMi4xNTcyMjMyIDcuMTM2NTk5NjMgMTEuNTY5MTQyOSA2LjY4NDM1NzYyIDEyLjI4NTUzMTYgNi42ODQzNTc2MiAxMi40OTkzNzkgNS45ODk0NDkxNSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iMS44MzkwODc0MiA5LjUxOTE0Mjk0IDIuNTU1NDc2MTIgOS41MTkxNDI5NCAxLjk3ODA4ODIxIDkuOTcxMzg0OTYgMi4yMDI2Mjc5NSAxMC42ODgzNTQgMS42MjUyNDAwNCAxMC4yNDcxNDIzIDEuMDQ3ODUyMTMgMTAuNjg4MzU0IDEuMjcyMzkxODggOS45NzEzODQ5NiAwLjY4NDMxMTU5NyA5LjUxOTE0Mjk0IDEuNDAwNzAwMyA5LjUxOTE0Mjk0IDEuNjE0NTQ3NjcgOC44MjQyMzQ0OCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K')
}

.ListPlayersHome-captain {
  color: var(--supportingColor8);
  color: var(--supportingColor1);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 19px;
  margin-top: 10px;
  text-transform: uppercase
}

.ListPlayersHome-description {
  color: var(--supportingColor8);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 5px
}

.ListPlayersHome-cta .Link {
  margin: 15px 0 5px
}

@media only screen and (min-width: 768px) {
  .ListPlayersHome {
      padding:30px 0
  }

  .ListPlayersHome-captain {
      font-size: 1.2rem;
      letter-spacing: .3px;
      line-height: 20px
  }

  .ListPlayersHome-description {
      font-size: 1.4rem;
      letter-spacing: .5px;
      line-height: 19px;
      margin-top: 10px
  }

  .ListPlayersHome-items-item {
      height: 194px;
      width: 25%
  }

  .ListPlayersHome-items-item:first-of-type {
      border-top-left-radius: 8px
  }

  .ListPlayersHome-items-item:nth-of-type(2) {
      border-top-right-radius: 0
  }

  .ListPlayersHome-items-item:nth-of-type(4) {
      border-top-right-radius: 8px
  }

  .ListPlayersHome-items-item:nth-last-child(2) {
      border-bottom-left-radius: 0
  }

  .ListPlayersHome-items-item:nth-last-child(4) {
      border-bottom-left-radius: 8px
  }

  .ListPlayersHome-items-item:last-child {
      border-bottom-right-radius: 8px
  }

  .ListPlayersHome-cta .Link {
      min-width: 228px
  }

  .ListPlayersHome .PromoPlayer {
      padding-top: 25px
  }

  .ListPlayersHome .PromoPlayer-firstName {
      font-size: 1.4rem;
      letter-spacing: -.2px;
      line-height: 18px;
      margin-bottom: 2px
  }

  .ListPlayersHome .PromoPlayer-lastName {
      font-size: 1.6rem;
      line-height: 18px;
      margin-bottom: 0
  }

  .ListPlayersHome .PromoPlayer-media img {
      max-height: 93px
  }
}

@media only screen and (min-width: 1024px) {
  .ListPlayersHome {
      padding:30px 0 40px
  }

  .ListPlayersHome-title {
      font-size: 2.8rem;
      letter-spacing: 0;
      line-height: 31px
  }

  .ListPlayersHome-captain {
      font-size: 1.4rem;
      letter-spacing: .5px;
      line-height: 19px
  }

  .ListPlayersHome-cta .Link {
      margin-bottom: 0
  }

  .ListPlayersHome-items {
      margin-top: 40px
  }

  .ListPlayersHome-items-item {
      height: 265px
  }

  .ListPlayersHome .PromoPlayer {
      padding-top: 27.5px
  }

  .ListPlayersHome .PromoPlayer-flag {
      margin-top: -10px
  }

  .ListPlayersHome .PromoPlayer-flag img {
      height: 15px;
      width: 25px
  }

  .ListPlayersHome .PromoPlayer-firstName {
      font-size: 1.8rem;
      line-height: 23px;
      margin-bottom: 2px
  }

  .ListPlayersHome .PromoPlayer-lastName {
      font-size: 2.4rem;
      line-height: 26px
  }

  .ListPlayersHome .PromoPlayer-media img {
      max-height: 175px
  }
}

.ListProductInfo {
  padding: 0
}

.ListProductInfo-title {
  color: #000;
  font-size: 2.1rem;
  font-weight: 700;
  letter-spacing: .4px;
  line-height: 23px;
  margin-bottom: 40px;
  margin-top: 12px;
  text-transform: uppercase
}

.ListProductInfo-items {
  display: flex;
  flex-direction: column;
  gap: 20px
}

@media only screen and (min-width: 768px) {
  .ListProductInfo-items {
      flex-direction:row;
      flex-wrap: wrap
  }

  .ListProductInfo-items-item {
      width: calc(50% - 10px)
  }
}

@media only screen and (min-width: 1024px) {
  .ListProductInfo-title {
      font-size:2.4rem;
      letter-spacing: .4px;
      line-height: 27px;
      margin-bottom: 50px;
      margin-top: 50px
  }

  .ListProductInfo-items {
      gap: 30px
  }

  .ListProductInfo-items-item {
      width: calc(33.333% - 20px)
  }
}

.ListScheduleCarousel {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 25px
}

.ListScheduleCarousel-title {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  font-weight: 700;
  font-weight: 400;
  letter-spacing: .27px;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .ListScheduleCarousel-title {
      font-size:2.1rem;
      letter-spacing: .35px;
      line-height: 31px
  }
}

@media only screen and (min-width: 1024px) {
  .ListScheduleCarousel-title {
      font-size:2.4rem;
      letter-spacing: .5px;
      line-height: 36px
  }
}

.ListScheduleCarousel-cta {
  position: absolute;
  right: 15px;
  top: 3px
}

.ListScheduleCarousel-cta .Link {
  align-items: center;
  color: var(--buttonColor);
  cursor: pointer;
  display: flex;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1.29px;
  line-height: 16px;
  text-transform: uppercase
}

.ListScheduleCarousel-cta .Link:active,.ListScheduleCarousel-cta .Link:hover {
  color: var(--buttonHoverColor)
}

.ListScheduleCarousel-cta .Link:active:before,.ListScheduleCarousel-cta .Link:hover:before {
  border-color: var(--buttonHoverColor)
}

.ListScheduleCarousel-cta .Link:before {
  border-bottom: 2px solid var(--buttonColor);
  border-right: 2px solid var(--buttonColor);
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 7px;
  transform: rotate(-45deg);
  width: 8px
}

@media only screen and (min-width: 1440px) {
  .ListScheduleCarousel-cta .Link {
      font-size:1.4rem;
      line-height: 19px
  }

  .ListScheduleCarousel-cta .Link:before {
      height: 10px;
      margin-right: 10px;
      width: 10px
  }
}

.ListScheduleCarousel-lead {
  margin: auto;
  position: relative;
  width: auto;
  width: 100%
}

.ListScheduleCarousel-items {
  display: flex;
  padding: 0 0 0 15px;
  width: 100%;
  z-index: 1
}

.ListScheduleCarousel-items.flickity-enabled {
  display: block
}

.ListScheduleCarousel-items[data-length="1"] {
  padding-right: 15px
}

.ListScheduleCarousel-items-item {
  background: #fff;
  border: .86px solid var(--primaryColor5);
  border-radius: 1.73px;
  display: none;
  margin: 0 15px 0 0;
  padding: 15px 17px;
  width: 275px
}

[data-length="1"] .ListScheduleCarousel-items-item {
  width: 100%
}

.ListScheduleCarousel-items-item:first-of-type {
  display: block
}

.ListScheduleCarousel-items-item:last-of-type {
  margin-right: 0
}

.flickity-enabled .ListScheduleCarousel-items-item {
  display: block
}

.ListScheduleCarousel .flickity-prev-next-button {
  background-color: #fff;
  border-left: 1px solid var(--supportingColor5);
  border-radius: 0;
  border-right: 1px solid var(--supportingColor5);
  display: none;
  height: 100%;
  opacity: 1;
  padding: 0;
  width: 30px
}

.ListScheduleCarousel .flickity-prev-next-button.previous {
  left: 0
}

.ListScheduleCarousel .flickity-prev-next-button.next {
  right: 0
}

.ListScheduleCarousel .flickity-prev-next-button .flickity-button-icon {
  height: 15px;
  width: 30px
}

.ListScheduleCarousel .flickity-prev-next-button[disabled] .flickity-button-icon {
  fill: var(--supportingColor5)
}

.ListScheduleCarousel .flickity-prev-next-button:hover .flickity-button-icon {
  fill: var(--primaryColor1)
}

.ListScheduleCarousel .flickity-button.previous .flickity-button-icon {
  left: 0;
  top: calc(50% - 5px);
  transform: translateY(-50%) rotate(-90deg)
}

.ListScheduleCarousel .flickity-button.next .flickity-button-icon {
  left: 0;
  top: calc(50% + 3px);
  transform: translateY(-50%) rotate(-90deg)
}

@media only screen and (min-width: 568px) {
  .ListScheduleCarousel-items[data-length="2"] {
      padding-right:15px
  }

  [data-length="2"] .ListScheduleCarousel-items-item {
      width: 319px
  }
}

@media only screen and (min-width: 768px) {
  .ListScheduleCarousel-cta {
      right:20px;
      text-align: right
  }

  .ListScheduleCarousel .flickity-prev-next-button {
      border: 1px solid var(--supportingColor5);
      display: block;
      height: 100%;
      width: 26px
  }

  .ListScheduleCarousel .flickity-prev-next-button.previous {
      left: 20px
  }

  .ListScheduleCarousel .flickity-prev-next-button.previous .flickity-button-icon {
      left: -3px
  }

  .ListScheduleCarousel .flickity-prev-next-button.next {
      right: 20px
  }

  .ListScheduleCarousel .flickity-prev-next-button.next .flickity-button-icon {
      left: -2px
  }

  .ListScheduleCarousel .flickity-prev-next-button svg {
      transform: rotate(-90deg)
  }

  .ListScheduleCarousel .flickity-prev-next-button svg path {
      fill: #000
  }

  .ListScheduleCarousel [data-length="1"] .flickity-prev-next-button,.ListScheduleCarousel [data-length="2"] .flickity-prev-next-button {
      display: none
  }

  .ListScheduleCarousel-items {
      padding-left: 61px;
      padding-right: 61px
  }

  .ListScheduleCarousel-items[data-length="1"],.ListScheduleCarousel-items[data-length="2"] {
      padding-left: 20px;
      padding-right: 20px
  }

  .ListScheduleCarousel-items-item {
      padding: 17px 15px 17px 20px;
      width: 315px
  }

  [data-length="2"] .ListScheduleCarousel-items-item {
      width: calc(50% - 7.5px)
  }
}

@media only screen and (min-width: 1024px) {
  .ListScheduleCarousel {
      margin:auto;
      max-width: 1240px
  }

  .ListScheduleCarousel-cta {
      top: 8px
  }

  .ListScheduleCarousel-items {
      padding-left: 61px;
      padding-right: 61px
  }

  .ListScheduleCarousel-items[data-length="1"] {
      padding-right: 61px
  }

  .ListScheduleCarousel-items-item {
      margin-right: 20px;
      padding: 20px;
      width: 344px
  }

  [data-length="2"] .ListScheduleCarousel-items-item {
      width: calc(50% - 10px)
  }

  .ListScheduleCarousel-items-item:last-of-type {
      margin-right: 0
  }
}

@media only screen and (min-width: 1240px) {
  .ListScheduleCarousel {
      max-width:none;
      padding-left: 100px;
      padding-right: 100px
  }

  .ListScheduleCarousel-cta {
      right: 0
  }

  .ListScheduleCarousel-items {
      padding-left: 41px;
      padding-right: 41px
  }

  .ListScheduleCarousel-items[data-length="1"],.ListScheduleCarousel-items[data-length="2"] {
      padding-left: 0;
      padding-right: 0
  }

  .ListScheduleCarousel .flickity-prev-next-button.previous {
      left: 0
  }

  .ListScheduleCarousel .flickity-prev-next-button.next {
      right: 0
  }
}

@media only screen and (min-width: 1440px) {
  .ListScheduleCarousel [data-length="3"] .flickity-prev-next-button {
      display:none
  }

  .ListScheduleCarousel-items[data-length="3"] {
      padding-left: 0;
      padding-right: 0
  }

  [data-length="3"] .ListScheduleCarousel-items-item {
      width: calc(33.33% - 20px)
  }
}

.ListPointsRace-contain {
  border-left: 1px solid var(--primaryColor5);
  border-radius: 10px;
  border-top: 1px solid var(--primaryColor5)
}

.ListPointsRace [data-uneven-grid] .ListPointsRace-items-item:nth-of-type(2) {
  border-top-left-radius: 10px
}

.ListPointsRace-items {
  display: flex;
  flex-wrap: wrap
}

.ListPointsRace-items-item {
  background: #fff;
  border-bottom: 1px solid var(--primaryColor5);
  border-right: 1px solid var(--primaryColor5);
  width: 50%
}

[data-uneven-grid] .ListPointsRace-items-item:nth-of-type(2) .PointsRaceMember,[data-uneven-grid] .ListPointsRace-items-item:nth-of-type(2) .PointsRaceMember-rankScore {
  border-top-left-radius: 10px
}

[data-uneven-grid] .ListPointsRace-items-item:nth-of-type(3),[data-uneven-grid] .ListPointsRace-items-item:nth-of-type(3) .PointsRaceMember {
  border-top-right-radius: 10px
}

[data-bottom-grid] .ListPointsRace-items-item:nth-last-child(2),[data-bottom-grid] .ListPointsRace-items-item:nth-last-child(2) .PointsRaceMember {
  border-bottom-left-radius: 10px
}

[data-bottom-grid] .ListPointsRace-items-item:last-child,[data-bottom-grid] .ListPointsRace-items-item:last-child .PointsRaceMember {
  border-bottom-right-radius: 10px
}

.ListPointsRace-items-item[data-promo] {
  display: none
}

.ListPointsRace-items-divider {
  background: #000;
  border-bottom: 1px solid var(--primaryColor5);
  border-top: 1px solid var(--primaryColor5);
  color: #fff;
  font-size: 1.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 13px;
  padding: 11px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

.ListPointsRace-cta {
  text-align: center
}

.ListPointsRace-cta .Link {
  display: inline-block;
  margin: 20px auto 0;
  min-width: 194px
}

@media only screen and (min-width: 768px) {
  .ListPointsRace-items-item {
      width:25%
  }

  [data-uneven-grid] .ListPointsRace-items-item:nth-of-type(3),[data-uneven-grid] .ListPointsRace-items-item:nth-of-type(3) .PointsRaceMember {
      border-top-right-radius: 0
  }

  [data-uneven-grid] .ListPointsRace-items-item:nth-of-type(5),[data-uneven-grid] .ListPointsRace-items-item:nth-of-type(5) .PointsRaceMember {
      border-top-right-radius: 10px
  }

  [data-bottom-grid] .ListPointsRace-items-item:nth-last-child(2),[data-bottom-grid] .ListPointsRace-items-item:nth-last-child(2) .PointsRaceMember {
      border-bottom-left-radius: 0
  }

  [data-bottom-grid] .ListPointsRace-items-item:nth-last-child(4),[data-bottom-grid] .ListPointsRace-items-item:nth-last-child(4) .PointsRaceMember {
      border-bottom-left-radius: 10px
  }

  .ListPointsRace-cta .Link {
      margin: 25px auto 0
  }

  .ListPointsRace-divider {
      padding: 14px 0
  }
}

@media only screen and (min-width: 1024px) {
  .ListPointsRace-items[data-uneven-grid] {
      display:grid;
      grid-template-columns: 25% 25% 50%;
      max-height: 528px
  }

  .ListPointsRace-items-item {
      height: 264px
  }

  .ListPointsRace-items-item .PromoText {
      height: 100%
  }

  .ListPointsRace-items-item[data-promo] {
      border-top-right-radius: 10px;
      display: block;
      grid-column: 3;
      grid-row: 1/3;
      overflow: auto
  }

  [data-uneven-grid] .ListPointsRace-items-item[data-promo] {
      height: 528px
  }

  [data-uneven-grid] .ListPointsRace-items-item {
      width: 100%
  }

  [data-uneven-grid] .ListPointsRace-items-item:nth-of-type(2) {
      border-top-left-radius: 10px;
      grid-column: 1;
      grid-row: 1
  }

  [data-uneven-grid] .ListPointsRace-items-item:nth-of-type(3) {
      grid-column: 2;
      grid-row: 1
  }

  [data-uneven-grid] .ListPointsRace-items-item:nth-of-type(3) .PointsRaceMember {
      border-bottom: 1px solid var(--primaryColor5)
  }

  [data-uneven-grid] .ListPointsRace-items-item:nth-of-type(4) {
      grid-column: 1;
      grid-row: 2
  }

  [data-uneven-grid] .ListPointsRace-items-item:nth-of-type(4) .PointsRaceMember {
      border-bottom: 1px solid var(--primaryColor5)
  }

  [data-uneven-grid] .ListPointsRace-items-item:nth-of-type(5) {
      border-top-right-radius: 0;
      grid-column: 2;
      grid-row: 2
  }

  [data-uneven-grid] .ListPointsRace-items-item:nth-of-type(5) .PointsRaceMember {
      border-bottom: 1px solid var(--primaryColor5);
      border-top-right-radius: 0
  }

  [data-uneven-grid] .ListPointsRace-items-item:first-of-type .PointsRaceMember,[data-uneven-grid] .ListPointsRace-items-item:nth-of-type(2) .PointsRaceMember {
      border-bottom: 1px solid var(--primaryColor5)
  }

  [data-middle-grid] .ListPointsRace-items-item:nth-of-type(5) .PointsRaceMember,[data-middle-grid] .ListPointsRace-items-item:nth-of-type(6) .PointsRaceMember,[data-middle-grid] .ListPointsRace-items-item:nth-of-type(7) .PointsRaceMember,[data-middle-grid] .ListPointsRace-items-item:nth-of-type(8) .PointsRaceMember {
      border-top: 1px solid var(--primaryColor5)
  }

  .ListPointsRace-cta .Link {
      margin: 40px auto 0
  }

  .ListPointsRace-divider {
      font-size: 1.6rem;
      line-height: 18px;
      padding: 19px 0
  }
}

.ListPrice {
  padding: 20px 0 10px;
  text-align: center
}

.ListPrice-title {
  color: var(--supportingColor9);
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 22px
}

.ListPrice-description {
  color: var(--supportingColor1);
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 10px
}

.ListPrice-items {
  margin-top: 20px
}

.ListPrice-items-item {
  border-bottom: 1px solid var(--supportingColor5);
  border-left: 1px solid var(--supportingColor5);
  border-right: 1px solid var(--supportingColor5);
  padding: 17px 15px
}

.ListPrice-items-item:nth-of-type(odd) {
  background: linear-gradient(90deg,hsla(0,0%,98%,0),#f2f2f2);
  background-color: #fff
}

.ListPrice-items-item:nth-of-type(2n) {
  background: #fff
}

.ListPrice-items-item:first-of-type {
  border-top: 1px solid var(--supportingColor5);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.ListPrice-items-item:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}

@media only screen and (min-width: 768px) {
  .ListPrice-title {
      font-size:1.8rem;
      letter-spacing: .15px;
      line-height: 20px
  }

  .ListPrice-description {
      font-size: 1.6rem;
      line-height: 25px;
      margin-bottom: 0;
      margin-top: 10px
  }

  .ListPrice-items {
      margin: 25px auto 40px;
      max-width: 584px
  }

  .ListPrice-items-item {
      padding: 15.5px 20px
  }
}

.ListRow {
  padding: 0
}

.ListRow-title {
  color: var(--supportingColor2);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .47px;
  line-height: 24px;
  margin-bottom: 15px;
  text-transform: none
}

.ListRow-items {
  display: flex;
  flex-direction: column
}

.ListRow-items-item {
  border-bottom: 1px solid var(--primaryColor5);
  width: 100%
}

.ListRow-items-item:first-of-type {
  border-top: 1px solid var(--primaryColor5)
}

.ListRow-extraNotes {
  font-size: 1.4rem;
  font-style: italic;
  letter-spacing: .47px;
  line-height: 17px;
  margin-top: 10px;
  text-align: right
}

.ListRow-ctas {
  margin-top: 15px
}

.ListRow-ctas .Link {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 0 auto 10px;
  max-width: 305px;
  padding: 0;
  width: 100%
}

.ListRow-ctas .Link:last-of-type {
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
  .ListRow-title {
      font-size:2.1rem;
      letter-spacing: .461px;
      line-height: 36px;
      margin-bottom: 25px
  }

  .ListRow-ctas {
      display: flex
  }

  .ListRow-ctas .Link {
      height: 45px;
      margin: 0 10px 0 0;
      max-width: 178px
  }

  .ListRow-ctas .Link:last-of-type {
      margin-right: 0
  }
}

.ListTicket:not(:first-of-type) {
  border-top: 1px solid var(--primaryColor5)
}

.ListTicket-title {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .27px;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center;
  text-transform: uppercase;
  text-transform: capitalize
}

@media only screen and (min-width: 768px) {
  .ListTicket-title {
      font-size:2.1rem;
      letter-spacing: .35px;
      line-height: 31px
  }
}

@media only screen and (min-width: 1024px) {
  .ListTicket-title {
      font-size:2.4rem;
      letter-spacing: .5px;
      line-height: 36px
  }
}

.ListTicket-items {
  display: flex;
  flex-direction: column;
  justify-content: left
}

.ListTicket-items-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  width: 100%
}

.ListTicket-items-item .PromoThumbnailImage {
  margin: 37px 0
}

@media only screen and (min-width: 768px) {
  .ListTicket-items {
      flex-direction:row;
      flex-wrap: wrap
  }

  .ListTicket-items-item {
      padding: 0 15px
  }

  .ListTicket-items-item:first-child:nth-last-child(n+2),.ListTicket-items-item:first-child:nth-last-child(n+2)~.ListTicket-items-item {
      width: 50%
  }

  .ListTicket-items-item:first-of-type {
      border-top: 0
  }
}

@media only screen and (min-width: 1024px) {
  .ListTicket {
      margin:40px 100px;
      padding: 0
  }

  .ListTicket-items-item:first-child:nth-last-child(n+2),.ListTicket-items-item:first-child:nth-last-child(n+2)~.ListTicket-items-item {
      width: 50%
  }

  .ListTicket-items-item:first-child:nth-last-child(n+3),.ListTicket-items-item:first-child:nth-last-child(n+3)~.ListTicket-items-item {
      width: 33.333%
  }

  .ListTicket-items-item:first-child:nth-last-child(n+3) .PromoThumbnailImage,.ListTicket-items-item:first-child:nth-last-child(n+3)~.ListTicket-items-item .PromoThumbnailImage {
      max-width: 316px
  }
}

.ListThumbnailImage:not(:first-of-type) {
  border-top: 1px solid var(--primaryColor5)
}

.ListThumbnailImage-title {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .27px;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center;
  text-transform: uppercase;
  text-transform: capitalize
}

@media only screen and (min-width: 768px) {
  .ListThumbnailImage-title {
      font-size:2.1rem;
      letter-spacing: .35px;
      line-height: 31px
  }
}

@media only screen and (min-width: 1024px) {
  .ListThumbnailImage-title {
      font-size:2.4rem;
      letter-spacing: .5px;
      line-height: 36px
  }
}

.ListThumbnailImage-items,.ListThumbnailImage-items-item {
  display: flex;
  flex-direction: column
}

.ListThumbnailImage-items-item {
  align-items: center;
  padding: 0 15px;
  position: relative;
  width: 100%
}

.ListThumbnailImage-items-item:after {
  border-bottom: 1px solid var(--primaryColor5);
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  transform: translateY(-50%);
  width: 35%
}

.ListThumbnailImage-items-item:last-child:after {
  border-bottom: 0
}

.ListThumbnailImage-items-item .PromoThumbnailImage {
  margin: 37px 0;
  max-width: 316px
}

@media only screen and (min-width: 768px) {
  .ListThumbnailImage-items {
      flex-direction:row;
      flex-wrap: wrap
  }

  .ListThumbnailImage-items-item {
      padding: 0 15px
  }

  .ListThumbnailImage-items-item:first-child:nth-last-child(n+2),.ListThumbnailImage-items-item:first-child:nth-last-child(n+2)~.ListThumbnailImage-items-item {
      width: 50%
  }

  .ListThumbnailImage-items-item:after {
      border-bottom: 0;
      border-left: 1px solid var(--primaryColor5);
      height: 35%;
      right: 0;
      top: 50%;
      width: 1px
  }

  .ListThumbnailImage-items-item:last-child:after,.ListThumbnailImage-items-item:nth-of-type(2n+0):after {
      border-left: 0
  }
}

@media only screen and (min-width: 1024px) {
  .ListThumbnailImage {
      margin:40px 100px;
      padding: 0
  }

  .ListThumbnailImage-items-item {
      width: 100%
  }

  .ListThumbnailImage-items-item:first-child:nth-last-child(n+2),.ListThumbnailImage-items-item:first-child:nth-last-child(n+2)~.ListThumbnailImage-items-item {
      width: 50%
  }

  .ListThumbnailImage-items-item:first-child:nth-last-child(n+3),.ListThumbnailImage-items-item:first-child:nth-last-child(n+3)~.ListThumbnailImage-items-item {
      width: 33.333%
  }

  .ListThumbnailImage-items-item:first-child:nth-last-child(n+3) .PromoThumbnailImage,.ListThumbnailImage-items-item:first-child:nth-last-child(n+3)~.ListThumbnailImage-items-item .PromoThumbnailImage {
      max-width: 316px
  }

  .ListThumbnailImage-items-item:nth-of-type(2n+0):after {
      border-left: 1px solid var(--primaryColor5)
  }

  .ListThumbnailImage-items-item:last-child:after,.ListThumbnailImage-items-item:nth-of-type(3n+0):after {
      border-left: 0
  }
}

.ListTrending {
  border: 1px solid var(--supportingColor5);
  border-radius: 8px;
  width: 100%
}

.ListTrending-title {
  border-bottom: 1px solid var(--supportingColor5);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px;
  padding: 15px 0;
  text-align: center;
  text-transform: uppercase
}

.ListTrending-items {
  list-style-type: none
}

.ListTrending-items-item {
  border-bottom: 1px solid var(--supportingColor5)
}

.ListTrending-items-item:last-of-type {
  border: 0
}

.HistoryModule {
  background-color: #fff;
  background-position: bottom;
  background-repeat: no-repeat;
  overflow: hidden;
  padding: 30px 15px 191px;
  position: relative;
  text-align: center
}

.HistoryModule [data-hide-on-mobile] {
  display: none
}

.HistoryModule:before {
  background: linear-gradient(180deg,hsla(0,0%,100%,0) 80%,#fff);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

.HistoryModule[data-stats] {
  padding-bottom: 0
}

.HistoryModule-bg {
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  position: absolute;
  right: 50%;
  top: auto;
  width: 100vw
}

[data-stats] .HistoryModule-bg {
  bottom: 66px
}

.HistoryModule-bg img {
  width: 100%
}

.HistoryModule-content {
  position: relative;
  z-index: 2
}

.HistoryModule-title {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .3px;
  line-height: 20px;
  margin-bottom: 15px;
  position: relative;
  text-transform: uppercase
}

.HistoryModule-description {
  color: var(--supportingColor1);
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 21px;
  position: relative
}

.HistoryModule-teams {
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
  position: relative
}

.HistoryModule-cta1 {
  margin-top: 20px;
  position: relative;
  text-align: center
}

.HistoryModule-sectionTitle {
  color: var(--supportingColor9);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px;
  margin-top: 25px;
  position: relative
}

.HistoryModule-stats {
  background: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  margin-top: 140px;
  padding: 15.5px 17.5px;
  position: relative
}

.HistoryModule-stats-number {
  color: var(--supportingColor9);
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 40px
}

.HistoryModule-stats-text {
  color: var(--supportingColor8);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 13px;
  text-transform: uppercase;
  white-space: nowrap
}

@media only screen and (min-width: 568px) {
  .HistoryModule {
      padding:40px 25px 300px
  }

  .HistoryModule:before {
      background: linear-gradient(180deg,hsla(0,0%,100%,0) 70%,#fff)
  }

  .HistoryModule-teams {
      padding: 0 45px
  }

  .HistoryModule-stats {
      justify-content: space-around;
      margin-top: 230px
  }
}

@media only screen and (min-width: 768px) {
  .HistoryModule {
      background-size:125%;
      padding-bottom: 370px
  }

  .HistoryModule:before {
      background: linear-gradient(180deg,hsla(0,0%,100%,0) 75%,#fff)
  }

  .HistoryModule[data-stats] {
      background-size: 105%
  }

  .HistoryModule [data-hide-on-mobile] {
      display: inline
  }

  .HistoryModule-description,.HistoryModule-sectionTitle,.HistoryModule-title {
      margin-left: auto;
      margin-right: auto;
      max-width: 715px
  }

  .HistoryModule-sectionTitle {
      font-size: 1.6rem;
      letter-spacing: .27px;
      line-height: 18px;
      margin-top: 30px
  }

  .HistoryModule-cta1 a {
      min-width: 184px
  }

  .HistoryModule-teams {
      margin-top: 50px
  }

  .HistoryModule-stats {
      margin: 230px auto 25px;
      max-width: 729px;
      padding: 33.5px 30.5px 27.5px
  }

  .HistoryModule-stats-item {
      align-items: center;
      display: flex;
      flex-direction: column;
      flex-shrink: 0
  }

  .HistoryModule-stats-item:nth-child(2) {
      border-left: 1px solid var(--primaryColor5);
      border-right: 1px solid var(--primaryColor5);
      padding: 0 10%
  }

  .HistoryModule-stats-number {
      font-size: 4.8rem;
      line-height: 53px
  }
}

@media only screen and (min-width: 1024px) {
  .HistoryModule {
      background-size:100%;
      padding-bottom: 400px;
      padding-top: 50px
  }

  [data-stats] .HistoryModule-bg {
      bottom: 100px
  }

  .HistoryModule-description,.HistoryModule-sectionTitle,.HistoryModule-title {
      max-width: 671px
  }

  .HistoryModule-title {
      font-size: 2.4rem;
      letter-spacing: .4px;
      line-height: 26px
  }

  .HistoryModule-description {
      font-size: 1.6rem;
      line-height: 26px
  }

  .HistoryModule-sectionTitle {
      font-size: 2.4rem;
      letter-spacing: .4px;
      line-height: 26px;
      margin-top: 53px
  }

  .HistoryModule-cta1 {
      margin-top: 30px
  }

  .HistoryModule-cta1 a {
      min-width: 194px
  }

  .HistoryModule-teams {
      padding: 0 153px
  }

  .HistoryModule-stats {
      margin-bottom: 60px;
      margin-top: 455px;
      max-width: 757px;
      padding: 27.5px 42.5px 26.5px
  }

  .HistoryModule-stats-number {
      font-size: 5.6rem;
      line-height: 62px
  }
}

@media only screen and (min-width: 1240px) {
  .HistoryModule {
      padding-bottom:480px
  }

  .HistoryModule-teams {
      padding: 0 256px
  }
}

@media only screen and (min-width: 1440px) {
  .HistoryModule {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-bottom: 600px;
      padding-left: var(--gutterCalc1240);
      padding-right: var(--gutterCalc1240);
      position: relative;
      right: 50%;
      width: 100vw
  }

  .HistoryModule-teams {
      padding: 0 256px
  }
}

@media only screen and (min-width: 1680px) {
  .HistoryModule {
      padding-bottom:800px
  }
}

@media only screen and (min-width: 1920px) {
  .HistoryModule {
      padding-bottom:800px
  }
}

@media only screen and (min-width: 2020px) {
  .HistoryModule {
      padding-bottom:1050px
  }
}

.TeamWins {
  position: relative;
  text-align: center;
  text-transform: uppercase
}

.TeamWins-nameWrap {
  align-items: center;
  display: flex;
  justify-content: center
}

.TeamWins-flag {
  flex-shrink: 0;
  margin-right: 6px
}

.TeamWins-flag img {
  height: 13px;
  width: 21px
}

.TeamWins-name {
  color: var(--supportingColor9);
  font-size: 1.2rem;
  letter-spacing: 1.63px;
  line-height: 13.64px;
  text-transform: uppercase
}

.TeamWins-wins {
  font-size: 9.74rem;
  font-weight: 700;
  letter-spacing: -4.16px;
  line-height: 108px
}

[data-team=team2A] .TeamWins-wins {
  color: var(--team2Color)
}

[data-team=team1rope] .TeamWins-wins {
  color: var(--team1Color)
}

.TeamWins-winsText {
  color: var(--supportingColor1);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 13px;
  margin-top: -10px
}

@media only screen and (min-width: 768px) {
  .TeamWins-wins {
      font-size:12.814rem;
      letter-spacing: -5.47px;
      line-height: 141px
  }
}

@media only screen and (min-width: 1024px) {
  .TeamWins-name {
      font-size:1.4rem
  }

  .TeamWins-flag {
      margin-right: 10px
  }

  .TeamWins-flag img {
      height: 16px;
      width: 25px
  }

  .TeamWins-wins {
      font-size: 15rem;
      letter-spacing: -6.4px;
      line-height: 166px
  }

  .TeamWins-winsText {
      font-size: 1.4rem;
      line-height: 15px
  }
}

.Page-header-hamburger-menu-content .Navigation-items-item[data-fixed] {
  display: none
}

.Navigation-items-item[data-fixed] .Link {
  align-items: center;
  color: var(--supportingColor7);
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 19px;
  margin-right: 25px;
  padding: 21px 0;
  position: relative;
  text-transform: uppercase;
  transition: background-color .3s ease-in-out,color .3s ease-in-out
}

.Navigation-items-item[data-fixed] .Link:before {
  border-bottom: 7px solid transparent;
  border-left: 11px solid var(--supportingColor7);
  border-radius: 2px;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  margin-right: 9px;
  transition: border-color .3s ease-in-out;
  width: 0
}

.Navigation .NavigationItem-text-link {
  font-weight: 600
}

.Navigation .NavigationItem-text-link:active,.Navigation .NavigationItem-text-link:hover {
  color: var(--primaryColor1)
}

.Navigation .NavigationItem-text {
  font-weight: 600
}

.Page-header-hamburger-menu-content .Navigation .NavigationItem {
  color: #000;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px
}

.Page-header-hamburger-menu-content .Navigation .NavigationItem-text[data-nav-title] {
  font-weight: 600;
  margin-bottom: 20px
}

.Page-header-hamburger-menu-content .Navigation .NavigationItem-items-item {
  margin-bottom: 20px
}

.Page-header-hamburger-menu-content .Navigation .NavigationItem-items-item:last-of-type {
  margin: 0
}

.Page-header-hamburger-menu-content .Navigation .NavigationItem .NavigationLink-icon {
  background-repeat: no-repeat;
  background-size: auto;
  display: inline-block;
  height: 23px;
  position: relative;
  top: 2px;
  width: 23px
}

@media only screen and (min-width: 1024px) {
  .Navigation-items-item[data-current-nav-item] .NavigationItem-text[data-more-items]:after {
      border-bottom:5px solid var(--primaryColor1)
  }
}

.Page-header-hamburger-menu-content .Navigation-items-item {
  border-bottom: 1px solid var(--supportingColor5);
  margin-bottom: 25px;
  padding-bottom: 25px
}

.Page-header-hamburger-menu-content .Navigation-items-item[data-current-nav-item] .NavigationItem {
  font-weight: 600
}

.Page-header-hamburger-menu-content .Navigation-items-item[data-current-nav-item] .NavigationItem:after {
  display: none
}

.Page-header-hamburger-menu-content .Navigation-items-item .NavigationItem-text,.Page-header-hamburger-menu-content .Navigation-items-item[data-current-nav-item] .NavigationItem-text {
  font-weight: 600
}

.Page-header-hamburger-menu-content .Navigation-items-item .NavigationItem-text[data-more-items] {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 13px
}

.NavigationItem {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif
}

[data-current-nav-item] .NavigationItem {
  color: var(--primaryColor1);
  font-weight: 600
}

[data-current-nav-item] .NavigationItem:after {
  background: var(--primaryColor1);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 34px
}

[data-header-sticky] [data-current-nav-item] .NavigationItem:after {
  display: none
}

[data-header-sticky] [data-current-nav-item] .NavigationItem-text {
  color: var(--primaryColor1)
}

[data-header-sticky] [data-current-nav-item] .NavigationItem-text[data-more-items]:after {
  border-bottom-color: var(--primaryColor1)
}

.NavigationItem-icon {
  background-repeat: no-repeat;
  background-size: auto;
  display: inline-block;
  height: 23px;
  position: relative;
  top: -4px;
  vertical-align: middle;
  width: 23px
}

.FooterNavigation {
  display: inline-block;
  width: 100%
}

.FooterNavigation-items {
  display: flex;
  flex-wrap: wrap;
  text-align: center
}

.FooterNavigation-items-item {
  font-size: 1.6rem;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 22px;
  padding: 7.5px 5px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .FooterNavigation {
      font-size:1.6rem;
      font-weight: bolder;
      line-height: 19px
  }

  .FooterNavigation-items {
      margin: auto;
      text-align: left
  }

  .FooterNavigation-items-item {
      padding: 0 0 20px;
      width: 25%
  }
}

@media only screen and (min-width: 1024px) {
  .FooterNavigation {
      max-width:568px
  }

  .FooterNavigation-items {
      margin: 0;
      width: auto
  }

  .FooterNavigation-items-item {
      padding: 0 0 10px;
      width: 25%
  }

  [data-length="1"] .FooterNavigation-items-item,[data-length="2"] .FooterNavigation-items-item,[data-length="3"] .FooterNavigation-items-item,[data-length="4"] .FooterNavigation-items-item {
      margin-right: 25px;
      width: auto
  }

  [data-length="5"] .FooterNavigation-items-item,[data-length="6"] .FooterNavigation-items-item {
      width: 33%
  }

  [data-length="4"] .FooterNavigation-items-item:last-of-type {
      margin-right: 0
  }

  .FooterNavigation-items-item:nth-child(4),.FooterNavigation-items-item:nth-child(8) {
      width: auto
  }

  [data-length="5"] .FooterNavigation-items-item:nth-child(4),[data-length="5"] .FooterNavigation-items-item:nth-child(8),[data-length="6"] .FooterNavigation-items-item:nth-child(4),[data-length="6"] .FooterNavigation-items-item:nth-child(8) {
      width: 33%
  }
}

.FooterNavigationItem a,.FooterNavigationItem-text {
  display: block;
  word-break: keep-all
}

.SectionNavigation {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid var(--primaryColor5);
  border-top: 1px solid var(--primaryColor5);
  display: flex;
  height: 45px;
  width: 100%
}

.SectionNavigation-items {
  overflow: auto;
  padding: 12px 15px;
  white-space: nowrap
}

.SectionNavigation-items-item {
  display: inline-block
}

.SectionNavigation-items-item:last-of-type .SectionNavigationItem {
  margin-right: 0
}

.SectionNavigation .SectionNavigationItem {
  margin-bottom: 2px;
  margin-right: 20px
}

@media only screen and (min-width: 768px) {
  .SectionNavigation {
      height:47px
  }

  .SectionNavigation-items {
      padding: 12px 20px
  }

  .SectionNavigation .SectionNavigationItem {
      margin-right: 35px
  }
}

@media only screen and (min-width: 1024px) {
  .SectionNavigation-items {
      padding:12px 100px
  }
}

@media only screen and (min-width: 1440px) {
  .SectionNavigation {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-left: var(--gutterCalc1440);
      padding-right: var(--gutterCalc1440);
      position: relative;
      right: 50%;
      width: 100vw
  }
}

.SectionNavigationItem {
  position: relative
}

.SectionNavigationItem-text-link {
  color: var(--primaryColor4);
  display: block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  letter-spacing: .5px;
  line-height: 15px;
  position: relative
}

.SectionNavigationItem-text-link:active,.SectionNavigationItem-text-link:hover,[data-current-nav-item] .SectionNavigationItem-text-link {
  color: var(--primaryColor1);
  font-weight: 700
}

[data-current-nav-item] .SectionNavigationItem-text-link:after {
  background: var(--primaryColor1);
  bottom: -16px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 15px
}

@media only screen and (min-width: 768px) {
  .SectionNavigationItem-text-link {
      font-size:1.4rem;
      letter-spacing: .58px;
      line-height: 17px
  }

  [data-current-nav-item] .SectionNavigationItem-text-link:after {
      bottom: -16px
  }
}

.PointsRaceModule {
  border-bottom: 1px solid var(--primaryColor5);
  margin: 0 15px;
  padding: 20px 0 30px
}

.PointsRaceModule-titleWrap {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto 10px
}

.PointsRaceModule-flag {
  margin-right: 10px
}

.PointsRaceModule-flag img {
  height: 15px;
  width: 25px
}

.PointsRaceModule .PromoText-legend {
  display: none
}

.PointsRaceModule-title {
  color: var(--supportingColor9);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 3px;
  text-transform: uppercase
}

.PointsRaceModule-captain {
  color: var(--supportingColor8);
  color: var(--supportingColor1);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 19px;
  margin: 0 auto 15px;
  text-align: center;
  text-transform: uppercase
}

.PointsRaceModule-cta {
  margin: 20px auto 0;
  text-align: center
}

.PointsRaceModule-cta .Link {
  min-width: 194px
}

@media only screen and (min-width: 768px) {
  .PointsRaceModule {
      padding:30px 0
  }

  .PointsRaceModule-titleWrap {
      margin: 0 auto 15px
  }

  .PointsRaceModule-captain {
      font-size: 1.2rem;
      letter-spacing: .43px;
      line-height: 16px;
      margin: 0 auto 25px
  }

  .PointsRaceModule-cta {
      margin-top: 30px
  }
}

@media only screen and (min-width: 1024px) {
  .PointsRaceModule {
      padding:30px 0 40px
  }

  .PointsRaceModule-titleWrap {
      margin: 0 auto 18px
  }

  .PointsRaceModule-title {
      font-size: 2.8rem;
      line-height: 31px;
      margin-top: 6px
  }

  .PointsRaceModule-captain {
      font-size: 1.4rem;
      letter-spacing: .5px;
      line-height: 19px;
      margin: 0 auto 30px
  }

  .PointsRaceModule-cta,.PointsRaceModule-legend {
      display: none
  }

  .PointsRaceModule .PromoText-legend {
      display: block
  }
}

@media only screen and (min-width: 1440px) {
  .PointsRaceModule[data-legend] .PromoText {
      padding-top:20px
  }
}

.PromoAnnouncement {
  background: var(--primaryColor6)
}

.PromoAnnouncement[data-hidebg] {
  background: transparent
}

.PromoAnnouncement-container {
  background: linear-gradient(180deg,#fff,#fff);
  border: 1px solid var(--primaryColor5);
  border-radius: 8px;
  padding: 25px 20px
}

.PromoAnnouncement-title {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .27px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .PromoAnnouncement-title {
      font-size:2.1rem;
      letter-spacing: .35px;
      line-height: 31px
  }
}

@media only screen and (min-width: 1024px) {
  .PromoAnnouncement-title {
      font-size:2.4rem;
      letter-spacing: .5px;
      line-height: 36px
  }
}

.PromoAnnouncement-description {
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 19px;
  margin: 10px 0;
  text-align: center
}

.PromoAnnouncement-ctaLinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.PromoAnnouncement-cta {
  flex: 1 0 auto;
  margin-top: 10px;
  width: 100%
}

.PromoAnnouncement-cta .Link {
  width: 100%
}

@media only screen and (min-width: 768px) {
  .PromoAnnouncement-container {
      padding:39px 50px
  }

  .PromoAnnouncement-cta {
      flex: none;
      margin: 10px 7px;
      min-width: 208px;
      width: auto
  }

  .PromoAnnouncement-description {
      font-size: 1.6rem;
      margin: 15px 0
  }
}

@media only screen and (min-width: 1024px) {
  .PromoAnnouncement-container {
      padding:36px 50px
  }
}

@media only screen and (min-width: 1240px) {
  .PromoAnnouncement {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      max-width: none;
      padding: 10px 100px 30px;
      position: relative;
      right: 50%;
      width: 100vw
  }

  .PromoAnnouncement-container {
      margin: auto;
      max-width: 1240px
  }
}

.PromoLink {
  color: var(--supportingColor2);
  display: inline;
  font-size: 1.4rem;
  line-height: inherit
}

@media only screen and (min-width: 768px) {
  .PromoLink {
      font-size:1.6rem;
      line-height: 22px
  }
}

@media only screen and (min-width: 1024px) {
  .PromoLink {
      font-size:1.4rem;
      line-height: 15px
  }
}

.PromoPlayer {
  background: transparent;
  display: inline-block;
  height: 100%;
  padding-top: 10px;
  position: relative;
  text-align: center;
  width: 100%
}

.PromoPlayer img {
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain
}

.PromoPlayer-flag {
  margin-bottom: 5px
}

.PromoPlayer-flag img {
  height: 11px;
  width: 19px
}

.PromoPlayer-description {
  color: var(--supportingColor8);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  margin-top: 5px;
  text-transform: uppercase
}

.PromoPlayer-media {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
}

.PromoPlayer-media img {
  max-height: 65px
}

.PromoPlayer-firstName {
  font-style: italic;
  letter-spacing: -.2px;
  line-height: 18px
}

.PromoPlayer-firstName,.PromoPlayer-lastName {
  color: var(--supportingColor2);
  font-size: 1.4rem
}

.PromoPlayer-lastName {
  font-weight: 700;
  letter-spacing: normal;
  line-height: 15px;
  margin-bottom: 6px;
  text-transform: uppercase
}

.PromoBoxedThumb {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.PromoBoxedThumb-media {
  margin: 0 auto 10px
}

.PromoBoxedThumb-title {
  color: var(--supportingColor2);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px;
  margin-bottom: 15px;
  text-transform: uppercase
}

.PromoBoxedThumb-description {
  color: var(--primaryColor4);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  line-height: 1.4
}

@media only screen and (min-width: 768px) {
  .PromoBoxedThumb {
      flex-direction:row;
      flex-wrap: nowrap;
      text-align: left
  }

  .PromoBoxedThumb-media {
      flex-shrink: 0;
      margin: 0 15px 0 0
  }

  .PromoBoxedThumb-title {
      font-size: 1.5rem;
      line-height: 15px
  }

  .PromoBoxedThumb-description {
      line-height: 24px
  }
}

@media only screen and (min-width: 1024px) {
  .PromoBoxedThumb {
      border:1px solid var(--primaryColor5);
      border-radius: 8px;
      flex-direction: column;
      flex-wrap: wrap;
      padding: 0 30px 30px;
      text-align: center
  }

  .PromoBoxedThumb-media {
      margin: -50px auto 10px;
      z-index: 1
  }

  .PromoBoxedThumb-title {
      font-size: 1.5rem;
      line-height: 15px
  }

  .PromoBoxedThumb-description {
      line-height: 24px
  }
}

.PromoDark {
  display: block;
  position: relative
}

.PromoDark-media img {
  border-radius: 8px;
  position: relative;
  width: 100%
}

.PromoDark-media:after {
  background: linear-gradient(180deg,hsla(0,0%,8%,0),rgba(0,0,0,.81));
  border-radius: 8px;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.PromoDark-content {
  bottom: 30px;
  color: #fff;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  left: 15px;
  margin: 0 auto;
  position: absolute;
  right: 15px;
  text-align: center
}

.PromoDark-eyebrowText {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: 18px;
  margin-bottom: 10px;
  text-transform: uppercase
}

.PromoDark-title {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .33px;
  line-height: 17px;
  margin-bottom: 10px
}

.PromoDark-description {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 16px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .PromoDark-media:after {
      background:linear-gradient(180deg,hsla(0,0%,8%,0),#151515)
  }

  .PromoDark-content {
      bottom: 50px
  }

  .PromoDark-eyebrowText,.PromoDark-title {
      margin-bottom: 15px
  }

  .PromoDark-title {
      font-size: 2.1rem;
      font-weight: 300;
      letter-spacing: .5px;
      line-height: 25px
  }
}

@media only screen and (min-width: 1024px) {
  .PromoDark-content {
      bottom:40px
  }

  .PromoDark-eyebrowText {
      font-size: 2.1rem;
      letter-spacing: 1.57px;
      line-height: 24px
  }

  .PromoDark-title {
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 0;
      line-height: 18px;
      margin-bottom: 10px
  }
}

.PromoFullWidth {
  color: #fff;
  display: block;
  position: relative
}

.PromoFullWidth-media:before {
  background: linear-gradient(0deg,hsla(0,0%,98%,0),#f4f4f4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.PromoFullWidth-media img {
  height: 592px;
  -o-object-fit: cover;
  object-fit: cover
}

.PromoFullWidth-content {
  background: linear-gradient(0deg,hsla(0,0%,100%,0),#fff);
  display: flex;
  flex-direction: column;
  left: 0;
  margin: auto;
  min-height: 375px;
  padding: 30px 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0
}

.PromoFullWidth-eyebrowText {
  color: var(--primaryColor4);
  font-size: 1.4rem;
  font-style: italic;
  letter-spacing: .5px;
  line-height: 18px;
  margin: 0 auto 10px
}

.PromoFullWidth-title {
  color: var(--supportingColor2);
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26px;
  margin: 0 auto 15px;
  max-width: 515px;
  text-transform: uppercase
}

.PromoFullWidth-description {
  color: var(--supportingColor1);
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 21px;
  margin: 0 auto;
  max-width: 515px
}

.PromoFullWidth-cta .Link {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor);
  border-radius: 22.5px;
  color: var(--buttonTextColor);
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  margin-top: 15px;
  padding: 14px 36px;
  text-align: center;
  transition: background-color .3s ease-in-out
}

.PromoFullWidth-cta .Link:active,.PromoFullWidth-cta .Link:hover {
  background-color: var(--buttonHoverColor);
  border: 1px solid var(--buttonHoverColor)
}

@media only screen and (min-width: 768px) {
  .PromoFullWidth-content {
      min-height:437px;
      padding-top: 30px
  }

  .PromoFullWidth-media img {
      height: 592px
  }

  .PromoFullWidth-eyebrowText {
      font-size: 1.6rem;
      letter-spacing: .57px;
      line-height: 20px
  }

  .PromoFullWidth-title {
      font-size: 2.8rem;
      letter-spacing: 0;
      line-height: 31px;
      margin-bottom: 10px
  }

  .PromoFullWidth-description {
      font-size: 1.6rem;
      letter-spacing: .27px;
      line-height: 24px
  }
}

@media only screen and (min-width: 1024px) {
  .PromoFullWidth-content {
      padding-top:96px
  }

  .PromoFullWidth-title {
      font-size: 4.8rem;
      letter-spacing: 0;
      line-height: 53px;
      margin-bottom: 15px;
      max-width: 671px
  }

  .PromoFullWidth-description {
      line-height: 26px;
      max-width: 671px
  }

  .PromoFullWidth-cta .Link {
      margin-top: 40px
  }
}

@media only screen and (min-width: 1440px) {
  .PromoFullWidth {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      position: relative;
      right: 50%;
      width: 100vw
  }

  .PromoFullWidth-media img {
      width: 100vw
  }
}

.PromoFullDark {
  color: #fff;
  display: block;
  position: relative
}

.PromoFullDark-media img {
  max-height: 421px;
  min-height: 211px;
  -o-object-fit: cover;
  object-fit: cover
}

.PromoFullDark-content {
  align-items: center;
  background: linear-gradient(0deg,rgba(0,0,0,.46),rgba(0,0,0,.46));
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  margin: auto;
  min-height: 211px;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0
}

.PromoFullDark-description {
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: .23px;
  line-height: 24px;
  margin: 0 auto;
  max-width: 515px
}

@media only screen and (min-width: 1024px) {
  .PromoFullDark-description {
      font-size:1.6rem;
      letter-spacing: .27px;
      line-height: 24px;
      max-width: 876px
  }
}

@media only screen and (min-width: 1440px) {
  .PromoFullDark {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      position: relative;
      right: 50%;
      width: 100vw
  }

  .PromoFullDark-media img {
      width: 100vw
  }
}

.PromoHorizontal {
  align-items: center;
  color: var(--supportingColor2);
  display: block;
  display: table;
  justify-content: space-between;
  min-height: 50px;
  width: 100%
}

.PromoHorizontal-description,.PromoHorizontal-media,.PromoHorizontal-title {
  display: table-cell;
  vertical-align: middle
}

.PromoHorizontal-title {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 21px;
  position: relative;
  text-align: left;
  width: 27.7%
}

.PromoHorizontal-title:after {
  background: var(--primaryColor5);
  content: "";
  height: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.PromoHorizontal-description {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  letter-spacing: .47px;
  line-height: 17px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 45%
}

.PromoHorizontal-description:after {
  background: var(--primaryColor5);
  content: "";
  height: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.PromoHorizontal-media {
  text-align: right
}

.PromoHorizontal-media picture {
  display: inline-block;
  text-align: right
}

@media only screen and (min-width: 768px) {
  .PromoHorizontal-title {
      font-size:1.6rem;
      letter-spacing: .53px;
      line-height: 24px
  }

  .PromoHorizontal-title:after {
      height: 25px
  }

  .PromoHorizontal-description:after {
      display: none
  }
}

.PromoImageOnly {
  display: block
}

.PromoImageOnly img {
  border-radius: 10px;
  width: 100%
}

.PromoImageOnTop,.PromoImageOnTopLarge {
  background-color: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative
}

.PromoImageOnTop-livebrick,.PromoImageOnTopLarge-livebrick {
  background-color: var(--supportingColor7);
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  left: 25px;
  padding: 5px 10px;
  position: absolute;
  text-transform: uppercase;
  top: 15px;
  z-index: 1
}

.PromoImageOnTop-category,.PromoImageOnTopLarge-category {
  color: #797979;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1.37px;
  line-height: 15px;
  text-transform: uppercase
}

.PromoImageOnTop-media,.PromoImageOnTopLarge-media {
  position: relative
}

[data-content-type=video] .PromoImageOnTop-media:before,[data-content-type=video] .PromoImageOnTopLarge-media:before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0N3B4IiB2aWV3Qm94PSIwIDAgNTAgNDciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5FdXJvcGVfUGxheUJ1dHRvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJFdXJvcGVfUGxheUJ1dHRvbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgMjMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yNS4wMDAwMDAsIC0yMy41MDAwMDApICIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjQ3IiByeD0iMTAiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTI2LjM2MDkyNjUsMTkuNDU2OTUyNiBMMzEuMTA4NDc4MSwyNy40OTEyNzA3IEMzMS4zODk0NDE2LDI3Ljk2Njc0NzMgMzEuMjMxNzU3NSwyOC41Nzk5NjMxIDMwLjc1NjI4MDksMjguODYwOTI2NSBDMzAuNjAyMjA0MywyOC45NTE5NzE4IDMwLjQyNjUxNzYsMjkgMzAuMjQ3NTUxNiwyOSBMMjAuNzUyNDQ4NCwyOSBDMjAuMjAwMTYzNiwyOSAxOS43NTI0NDg0LDI4LjU1MjI4NDcgMTkuNzUyNDQ4NCwyOCBDMTkuNzUyNDQ4NCwyNy44MjEwMzQgMTkuODAwNDc2NiwyNy42NDUzNDczIDE5Ljg5MTUyMTksMjcuNDkxMjcwNyBMMjQuNjM5MDczNSwxOS40NTY5NTI2IEMyNC45MjAwMzY5LDE4Ljk4MTQ3NiAyNS41MzMyNTI3LDE4LjgyMzc5MTkgMjYuMDA4NzI5MywxOS4xMDQ3NTU0IEMyNi4xNTM5NTQ1LDE5LjE5MDU3MDIgMjYuMjc1MTExNywxOS4zMTE3Mjc0IDI2LjM2MDkyNjUsMTkuNDU2OTUyNiBaIiBpZD0iVHJpYW5nbGUiIGZpbGw9IiMwMDNDODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjUwMDAwMCwgMjMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjUuNTAwMDAwLCAtMjMuNTAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 8px;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  max-height: 47px;
  max-width: 50px;
  opacity: .9;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

@media only screen and (min-width: 768px) {
  [data-content-type=video] .PromoImageOnTop-media:before,[data-content-type=video] .PromoImageOnTopLarge-media:before {
      background-color:transparent;
      background-size: 100%;
      max-height: 47px;
      max-width: 50px
  }
}

[data-content-type=gallery] .PromoImageOnTop-media:before,[data-content-type=gallery] .PromoImageOnTopLarge-media:before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0N3B4IiB2aWV3Qm94PSIwIDAgNTAgNDciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5QaG90b0dhbGxlcnlJY29uIENvcHkgNDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQaG90b0dhbGxlcnlJY29uLUNvcHktNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkdhbGxlcnkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjg5NDgzMzUxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUuMDAwMDAwLCAyMy41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTI1LjAwMDAwMCwgLTIzLjUwMDAwMCkgIiB4PSIwIiB5PSIwIiB3aWR0aD0iNTAiIGhlaWdodD0iNDciIHJ4PSI3LjY5MjMwNzY5Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi45Mzc4Njk4LDE1LjY2NTkxMjUgQzE2LjA3NzM2NjksMTUuNjY1OTEyNSAxNS4zODQ2MTU0LDE2LjM5NDM0MzkgMTUuMzg0NjE1NCwxNy4yOTk4OTk0IEwxNS4zODQ2MTU0LDI4LjczNzgwNzkgQzE1LjM4NDYxNTQsMjkuNjQzMDM2NyAxNi4wNzczNjY5LDMwLjM3MTc5NDkgMTYuOTM3ODY5OCwzMC4zNzE3OTQ5IEwzNC4wMjM2Njg2LDMwLjM3MTc5NDkgQzM0Ljg4NDE3MTYsMzAuMzcxNzk0OSAzNS41NzY5MjMxLDI5LjY0MzAzNjcgMzUuNTc2OTIzMSwyOC43Mzc4MDc5IEwzNS41NzY5MjMxLDE3LjI5OTg5OTQgQzM1LjU3NjkyMzEsMTYuMzk0MzQzOSAzNC44ODQxNzE2LDE1LjY2NTkxMjUgMzQuMDIzNjY4NiwxNS42NjU5MTI1IEwxNi45Mzc4Njk4LDE1LjY2NTkxMjUgWiBNMTYuOTM3ODY5OCwxNy4yOTk4OTk0IEwzNC4wMjM2Njg2LDE3LjI5OTg5OTQgTDM0LjAyMzY2ODYsMjguNzM3ODA3OSBMMzMuMTc0MzQ5MSwyOC43Mzc4MDc5IEwyNy42NDA0MTQyLDIxLjIyMTQ2ODEgTDI1LjE3MDExODMsMjQuNTc1Mzg5NiBMMjIuMjE4OTM0OSwyMC41Njc1NDY1IEwxNi45Mzc4Njk4LDI3LjczOTc2ODcgTDE2LjkzNzg2OTgsMTcuMjk5ODk5NCBaIE0zMC45MDc1Mjk2LDE4LjkxMzI5ODEgQzMwLjAzMzY2ODYsMTguOTEzMjk4MSAyOS4zMjUwNzQsMTkuNjU4Mzk2MiAyOS4zMjUwNzQsMjAuNTc4MDA0IEMyOS4zMjUwNzQsMjEuNDk3NjExOSAzMC4wMzM2Njg2LDIyLjI0MjcwOTkgMzAuOTA3NTI5NiwyMi4yNDI3MDk5IEMzMS43ODEzOTA1LDIyLjI0MjcwOTkgMzIuNDg5OTg1MiwyMS40OTc2MTE5IDMyLjQ4OTk4NTIsMjAuNTc4MDA0IEMzMi40ODk5ODUyLDE5LjY1ODM5NjIgMzEuNzgxMzkwNSwxOC45MTMyOTgxIDMwLjkwNzUyOTYsMTguOTEzMjk4MSBaIiBpZD0iU2hhcGUiIGZpbGw9IiMwMDNDODIiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 8px;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  max-height: 47px;
  max-width: 50px;
  opacity: .9;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

@media only screen and (min-width: 768px) {
  [data-content-type=gallery] .PromoImageOnTop-media:before,[data-content-type=gallery] .PromoImageOnTopLarge-media:before {
      background-color:transparent;
      max-height: 47px;
      max-width: 50px
  }
}

.PromoImageOnTop-media img,.PromoImageOnTopLarge-media img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%
}

[data-content-type=video] .PromoImageOnTop-media:hover:before,[data-content-type=video] .PromoImageOnTopLarge-media:hover:before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNTAgNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDx0aXRsZT5QbGF5SWNvbjwvdGl0bGU+CiAgICA8ZyBpZD0iSG92ZXItU3RhdGVzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iUGxheUljb24iPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAzQzgyIiBvcGFjaXR5PSIwLjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgMjQuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yNS4wMDAwMDAsIC0yNC4wMDAwMDApICIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjQ4IiByeD0iNy42OTIzMDc2OSI+PC9yZWN0PgogICAgICAgICAgICA8cGF0aCBkPSJNMjYuMTcyNjU1MywyMC4yMjUwNDIxIEwzMS4xNzE0NDY3LDI4Ljc0NDk2MDIgQzMxLjQwNDM0ODcsMjkuMTQxOTE3NCAzMS4yNzEzNTU3LDI5LjY1MjUxOTIgMzAuODc0Mzk4NSwyOS44ODU0MjEyIEMzMC43NDY1MjQ4LDI5Ljk2MDQ0NzEgMzAuNjAwOTUwNiwzMCAzMC40NTI2OTIxLDMwIEwyMC40NTUxMDkzLDMwIEMxOS45OTQ4NzIsMzAgMTkuNjIxNzc2LDI5LjYyNjkwNCAxOS42MjE3NzYsMjkuMTY2NjY2NyBDMTkuNjIxNzc2LDI5LjAxODQwODIgMTkuNjYxMzI4OSwyOC44NzI4MzQgMTkuNzM2MzU0NywyOC43NDQ5NjAyIEwyNC43MzUxNDYxLDIwLjIyNTA0MjEgQzI0Ljk2ODA0ODIsMTkuODI4MDg0OSAyNS40Nzg2NDk5LDE5LjY5NTA5MiAyNS44NzU2MDcxLDE5LjkyNzk5NCBDMjUuOTk4MzY1NCwyMC4wMDAwMTg1IDI2LjEwMDYzMDgsMjAuMTAyMjgzOSAyNi4xNzI2NTUzLDIwLjIyNTA0MjEgWiIgaWQ9IlRyaWFuZ2xlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS40NTM5MDEsIDI0LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTI1LjQ1MzkwMSwgLTI0LjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K')
}

[data-content-type=gallery] .PromoImageOnTop-media:hover:before,[data-content-type=gallery] .PromoImageOnTopLarge-media:hover:before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNTAgNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDx0aXRsZT5QaG90b0dhbGxlcnlJY29uPC90aXRsZT4KICAgIDxnIGlkPSJIb3Zlci1TdGF0ZXMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJQaG90b0dhbGxlcnlJY29uIj4KICAgICAgICAgICAgPGcgaWQ9IkdhbGxlcnkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzAwM0M4MiIgb3BhY2l0eT0iMC45IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS4wMDAwMDAsIDI0LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMjUuMDAwMDAwLCAtMjQuMDAwMDAwKSAiIHg9IjAiIHk9IjAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI0OCIgcng9IjcuNjkyMzA3NjkiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi45Mzc4Njk4LDE1Ljk5OTIyOTggQzE2LjA3NzM2NjksMTUuOTk5MjI5OCAxNS4zODQ2MTU0LDE2Ljc0MzE1OTcgMTUuMzg0NjE1NCwxNy42Njc5ODI0IEwxNS4zODQ2MTU0LDI5LjM0OTI1MDcgQzE1LjM4NDYxNTQsMzAuMjczNzM5NiAxNi4wNzczNjY5LDMxLjAxODAwMzMgMTYuOTM3ODY5OCwzMS4wMTgwMDMzIEwzNC4wMjM2Njg2LDMxLjAxODAwMzMgQzM0Ljg4NDE3MTYsMzEuMDE4MDAzMyAzNS41NzY5MjMxLDMwLjI3MzczOTYgMzUuNTc2OTIzMSwyOS4zNDkyNTA3IEwzNS41NzY5MjMxLDE3LjY2Nzk4MjQgQzM1LjU3NjkyMzEsMTYuNzQzMTU5NyAzNC44ODQxNzE2LDE1Ljk5OTIyOTggMzQuMDIzNjY4NiwxNS45OTkyMjk4IEwxNi45Mzc4Njk4LDE1Ljk5OTIyOTggWiBNMTYuOTM3ODY5OCwxNy42Njc5ODI0IEwzNC4wMjM2Njg2LDE3LjY2Nzk4MjQgTDM0LjAyMzY2ODYsMjkuMzQ5MjUwNyBMMzMuMTc0MzQ5MSwyOS4zNDkyNTA3IEwyNy42NDA0MTQyLDIxLjY3Mjk4ODcgTDI1LjE3MDExODMsMjUuMDk4MjcwMyBMMjIuMjE4OTM0OSwyMS4wMDUxNTM5IEwxNi45Mzc4Njk4LDI4LjMyOTk3NjYgTDE2LjkzNzg2OTgsMTcuNjY3OTgyNCBaIE0zMC45MDc1Mjk2LDE5LjMxNTcwODcgQzMwLjAzMzY2ODYsMTkuMzE1NzA4NyAyOS4zMjUwNzQsMjAuMDc2NjU5OSAyOS4zMjUwNzQsMjEuMDE1ODMzOSBDMjkuMzI1MDc0LDIxLjk1NTAwNzkgMzAuMDMzNjY4NiwyMi43MTU5NTkxIDMwLjkwNzUyOTYsMjIuNzE1OTU5MSBDMzEuNzgxMzkwNSwyMi43MTU5NTkxIDMyLjQ4OTk4NTIsMjEuOTU1MDA3OSAzMi40ODk5ODUyLDIxLjAxNTgzMzkgQzMyLjQ4OTk4NTIsMjAuMDc2NjU5OSAzMS43ODEzOTA1LDE5LjMxNTcwODcgMzAuOTA3NTI5NiwxOS4zMTU3MDg3IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=')
}

.PromoImageOnTop-content,.PromoImageOnTopLarge-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 25px;
  padding: 10px 15px
}

[data-align-center] .PromoImageOnTop-content,[data-align-center] .PromoImageOnTopLarge-content {
  text-align: center
}

[data-align-left] .PromoImageOnTop-content,[data-align-left] .PromoImageOnTopLarge-content {
  text-align: left
}

.PromoImageOnTop-title,.PromoImageOnTopLarge-title {
  color: var(--supportingColor2);
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 10px;
  overflow: hidden;
  text-transform: uppercase
}

[data-nodesription] .PromoImageOnTop-title,[data-nodesription] .PromoImageOnTopLarge-title {
  flex: 1 0 auto
}

.PromoImageOnTop-description,.PromoImageOnTopLarge-description {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: var(--primaryColor4);
  display: -webkit-box;
  flex: 1 0 auto;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 10px;
  overflow: hidden
}

[data-align-center] .PromoImageOnTop-cta .Link,[data-align-center] .PromoImageOnTopLarge-cta .Link {
  justify-content: center
}

@media only screen and (min-width: 768px) {
  .PromoImageOnTopLarge[data-nodesription],.PromoImageOnTop[data-nodesription] {
      min-height:408px
  }

  .PromoImageOnTop-content,.PromoImageOnTopLarge-content {
      padding: 18px 15px
  }

  .PromoImageOnTop-title,.PromoImageOnTopLarge-title {
      font-size: 2.1rem;
      letter-spacing: -.17px;
      line-height: 28px
  }
}

@media only screen and (min-width: 1024px) {
  .PromoImageOnTopLarge[data-nodesription],.PromoImageOnTop[data-nodesription] {
      min-height:auto
  }

  [data-two-wide] .PromoImageOnTop-cta,[data-two-wide] .PromoImageOnTopLarge-cta {
      bottom: 25px;
      position: absolute
  }
}

@media only screen and (min-width: 1440px) {
  .PromoImageOnTopLarge[data-nodesription],.PromoImageOnTop[data-nodesription] {
      min-height:422px
  }

  .PromoImageOnTop-content,.PromoImageOnTopLarge-content {
      padding: 20px
  }

  .PromoImageOnTop-description,.PromoImageOnTopLarge-description {
      font-size: 1.6rem;
      line-height: 23px
  }
}

.PromoImageOnTopLarge {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--primaryColor5);
  border-radius: 8px
}

.PromoImageOnTopLarge:hover img {
  transform: scale(1.2)
}

.PromoImageOnTopLarge-content {
  padding: 20px 0
}

.PromoImageOnTopLarge-media {
  border-radius: 8px;
  overflow: hidden
}

.PromoImageOnTopLarge-media img {
  border-radius: 8px;
  transition: transform 1s ease-in-out
}

@media only screen and (min-width: 768px) {
  .PromoImageOnTopLarge {
      border:0
  }

  .PromoImageOnTopLarge-media picture {
      content: "";
      display: block;
      padding-top: 56.25%;
      position: relative;
      width: 100%
  }

  .PromoImageOnTopLarge-media picture img {
      bottom: 0;
      height: 100%;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%
  }

  .PromoImageOnTopLarge-content {
      justify-content: flex-start;
      position: relative
  }

  .PromoImageOnTopLarge-category {
      margin-bottom: 10px
  }

  .PromoImageOnTopLarge-cta {
      bottom: 0;
      position: absolute
  }
}

@media only screen and (min-width: 1024px) {
  .PromoImageOnTopLarge-media {
      border-bottom-left-radius:8px;
      border-bottom-right-radius: 8px
  }

  .PromoImageOnTopLarge-media picture {
      padding-top: 64.95327103%
  }

  .PromoImageOnTopLarge-media picture img {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px
  }

  .PromoImageOnTopLarge-content {
      bottom: 25px;
      height: auto;
      left: 25px;
      min-height: auto;
      padding: 0;
      position: absolute;
      right: 25px
  }

  .PromoImageOnTopLarge-category {
      color: #fff;
      font-size: 1.4rem;
      letter-spacing: 1.6px;
      line-height: 17px;
      margin-bottom: 15px
  }

  .PromoImageOnTopLarge-title {
      color: #fff;
      font-size: 2.4rem;
      letter-spacing: 0;
      line-height: 26px;
      margin-bottom: 25px
  }

  [data-two-wide] .PromoImageOnTopLarge-cta {
      bottom: auto;
      position: relative
  }

  .PromoImageOnTopLarge-cta .Link {
      color: #fff
  }

  .PromoImageOnTopLarge-cta .Link:before {
      border-color: #fff
  }
}

@media only screen and (min-width: 1240px) {
  [data-content-type=gallery] .PromoImageOnTopLarge-media:before,[data-content-type=video] .PromoImageOnTopLarge-media:before {
      bottom:0;
      left: 0
  }

  .PromoImageOnTopLarge-media picture {
      padding-top: 0;
      position: relative
  }

  .PromoImageOnTopLarge-media picture img {
      bottom: auto;
      height: auto;
      left: auto;
      -o-object-fit: none;
      object-fit: none;
      position: relative;
      right: auto;
      top: auto;
      width: auto
  }
}

.PromoImageOnTop2 {
  margin: auto;
  max-width: 590px
}

.PromoImageOnTop2[data-align-left] {
  margin-left: 0;
  text-align: left
}

.PromoImageOnTop2[data-align-center] {
  text-align: center
}

.PromoImageOnTop2[data-align-right] {
  margin-right: 0;
  text-align: right
}

.PromoImageOnTop2-media {
  margin-bottom: 15px
}

.PromoImageOnTop2-media .Image {
  border-radius: 8px;
  margin: auto;
  max-width: 464px;
  width: 100%
}

.PromoImageOnTop2-title {
  color: var(--supportingColor9);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase
}

.PromoImageOnTop2-description {
  color: var(--supportingColor8);
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 22px;
  margin-top: 10px;
  text-align: center
}

.PromoImageOnTop2-cta {
  display: flex;
  justify-content: center
}

.PromoImageOnTop2-cta .Link {
  border-color: var(--primaryColor5);
  margin: 20px auto 0
}

@media only screen and (min-width: 768px) {
  .PromoImageOnTop2,.PromoImageOnTop2-media {
      margin-bottom:20px
  }

  .PromoImageOnTop2-title {
      color: var(--supportingColor2);
      font-size: 1.8rem;
      line-height: 20px
  }

  .PromoImageOnTop2-description {
      font-size: 1.6rem;
      line-height: 22px;
      margin-top: 15px
  }

  .PromoImageOnTop2-cta .Link {
      margin: 25px auto 0
  }
}

@media only screen and (min-width: 1024px) {
  .PromoImageOnTop2 {
      margin-bottom:40px
  }
}

.PromoImageUncropped {
  display: block
}

.PromoImageUncropped figure {
  padding: 0
}

.PromoImageUncropped figure img {
  margin: 0;
  width: auto
}

[data-align-center] .PromoImageUncropped figure img {
  margin: 0 auto
}

[data-align-right] .PromoImageUncropped figure img {
  margin: 0 0 0 auto
}

.PromoImageUncropped img {
  margin: 0;
  width: auto
}

[data-align-center] .PromoImageUncropped img {
  margin: 0 auto
}

[data-align-right] .PromoImageUncropped img {
  margin: 0 0 0 auto
}

.PromoInnerContent {
  color: #fff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-shadow: 2px 2px 2px rgba(0,0,0,.5)
}

.PromoInnerContent-media {
  display: block;
  position: relative;
  width: 100%
}

.PromoInnerContent-media source {
  display: block
}

.PromoInnerContent-media img {
  -o-object-fit: cover;
  object-fit: cover
}

.PromoInnerContent-content {
  bottom: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 15px;
  position: absolute;
  right: 15px;
  top: 15px
}

[data-content-type=video] .PromoInnerContent-content:after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0N3B4IiB2aWV3Qm94PSIwIDAgNTAgNDciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5QbGF5IEJ1dHRvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQbGF5LUJ1dHRvbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgMjMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yNS4wMDAwMDAsIC0yMy41MDAwMDApICIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjQ3Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNi4zNjA5MjY1LDE5LjQ1Njk1MjYgTDMxLjEwODQ3ODEsMjcuNDkxMjcwNyBDMzEuMzg5NDQxNiwyNy45NjY3NDczIDMxLjIzMTc1NzUsMjguNTc5OTYzMSAzMC43NTYyODA5LDI4Ljg2MDkyNjUgQzMwLjYwMjIwNDMsMjguOTUxOTcxOCAzMC40MjY1MTc2LDI5IDMwLjI0NzU1MTYsMjkgTDIwLjc1MjQ0ODQsMjkgQzIwLjIwMDE2MzYsMjkgMTkuNzUyNDQ4NCwyOC41NTIyODQ3IDE5Ljc1MjQ0ODQsMjggQzE5Ljc1MjQ0ODQsMjcuODIxMDM0IDE5LjgwMDQ3NjYsMjcuNjQ1MzQ3MyAxOS44OTE1MjE5LDI3LjQ5MTI3MDcgTDI0LjYzOTA3MzUsMTkuNDU2OTUyNiBDMjQuOTIwMDM2OSwxOC45ODE0NzYgMjUuNTMzMjUyNywxOC44MjM3OTE5IDI2LjAwODcyOTMsMTkuMTA0NzU1NCBDMjYuMTUzOTU0NSwxOS4xOTA1NzAyIDI2LjI3NTExMTcsMTkuMzExNzI3NCAyNi4zNjA5MjY1LDE5LjQ1Njk1MjYgWiIgaWQ9IlRyaWFuZ2xlIiBmaWxsPSIjQzgxNDE0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS41MDAwMDAsIDIzLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTI1LjUwMDAwMCwgLTIzLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K');
  background-size: 100%;
  bottom: 0;
  content: "";
  display: block;
  height: 40px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px
}

.PromoInnerContent-title {
  color: #fff;
  display: block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  padding-right: 50px;
  text-transform: uppercase;
  width: 100%
}

.PromoInnerContent-category {
  font-style: italic
}

@media only screen and (min-width: 768px) {
  .PromoInnerContent-category {
      margin-bottom:5px
  }

  .PromoInnerContent-title {
      font-size: 2.4rem;
      padding-right: 60px
  }
}

@media only screen and (min-width: 1024px) {
  .PromoInnerContent-content {
      bottom:20px;
      left: 20px;
      right: 20px;
      top: 20px
  }

  [data-content-type=video] .PromoInnerContent-content:after {
      height: 50px;
      width: 50px
  }

  .PromoInnerContent-category {
      font-size: 2.4rem;
      margin-bottom: 10px
  }

  .PromoInnerContent-title {
      font-size: 2.7rem;
      padding-right: 75px
  }
}

@media only screen and (min-width: 1240px) {
  [data-content-type=video] .PromoInnerContent-media:after {
      background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0N3B4IiB2aWV3Qm94PSIwIDAgNTAgNDciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5QbGF5IEJ1dHRvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQbGF5LUJ1dHRvbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgMjMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yNS4wMDAwMDAsIC0yMy41MDAwMDApICIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjQ3Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNi4zNjA5MjY1LDE5LjQ1Njk1MjYgTDMxLjEwODQ3ODEsMjcuNDkxMjcwNyBDMzEuMzg5NDQxNiwyNy45NjY3NDczIDMxLjIzMTc1NzUsMjguNTc5OTYzMSAzMC43NTYyODA5LDI4Ljg2MDkyNjUgQzMwLjYwMjIwNDMsMjguOTUxOTcxOCAzMC40MjY1MTc2LDI5IDMwLjI0NzU1MTYsMjkgTDIwLjc1MjQ0ODQsMjkgQzIwLjIwMDE2MzYsMjkgMTkuNzUyNDQ4NCwyOC41NTIyODQ3IDE5Ljc1MjQ0ODQsMjggQzE5Ljc1MjQ0ODQsMjcuODIxMDM0IDE5LjgwMDQ3NjYsMjcuNjQ1MzQ3MyAxOS44OTE1MjE5LDI3LjQ5MTI3MDcgTDI0LjYzOTA3MzUsMTkuNDU2OTUyNiBDMjQuOTIwMDM2OSwxOC45ODE0NzYgMjUuNTMzMjUyNywxOC44MjM3OTE5IDI2LjAwODcyOTMsMTkuMTA0NzU1NCBDMjYuMTUzOTU0NSwxOS4xOTA1NzAyIDI2LjI3NTExMTcsMTkuMzExNzI3NCAyNi4zNjA5MjY1LDE5LjQ1Njk1MjYgWiIgaWQ9IlRyaWFuZ2xlIiBmaWxsPSIjQzgxNDE0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS41MDAwMDAsIDIzLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTI1LjUwMDAwMCwgLTIzLjUwMDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K');
      background-size: 100%;
      bottom: 40px;
      content: "";
      display: block;
      height: 60px;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      width: 60px
  }

  .PromoInnerContent-content {
      justify-content: flex-start;
      text-align: center;
      top: 40px
  }

  [data-content-type=video] .PromoInnerContent-content:after {
      display: none
  }

  .PromoInnerContent-title {
      padding-right: 0
  }
}

.PromoLargeCarousel {
  overflow: hidden;
  position: relative;
  width: 100%
}

.PromoLargeCarousel-media {
  height: 100%;
  width: 100%
}

.PromoLargeCarousel-media img {
  border-radius: 8px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%
}

.PromoLargeCarousel-content {
  background-color: hsla(0,0%,100%,.85);
  border-radius: 8px;
  bottom: 52px;
  left: 0;
  max-width: 315px;
  padding: 33px 35px;
  position: absolute
}

.PromoLargeCarousel-title {
  color: #000;
  font-size: 2.1rem;
  font-weight: 700;
  letter-spacing: -.83125px;
  line-height: 23px
}

.PromoLargeCarousel-description {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 15px;
  margin-top: 16px
}

.PromoLargeCarousel-description .HeadingH3,.PromoLargeCarousel-description .HeadingH4,.PromoLargeCarousel-description .HeadingH5,.PromoLargeCarousel-description .HeadingH6 {
  color: var(--primaryColor1);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 1.25px;
  line-height: 16px
}

.PromoLargeCarousel-cta {
  margin-top: 20px
}

.PromoLargeCarousel-cta .Link {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor);
  border-radius: 22.5px;
  color: var(--buttonTextColor);
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  min-width: 150px;
  padding: 14px 36px;
  text-align: center;
  transition: background-color .3s ease-in-out
}

.PromoLargeCarousel-cta .Link:active,.PromoLargeCarousel-cta .Link:hover {
  background-color: var(--buttonHoverColor);
  border: 1px solid var(--buttonHoverColor)
}

@media only screen and (min-width: 768px) {
  .PromoLargeCarousel-content {
      left:20px;
      max-width: 414px;
      padding: 44px 43px 41px
  }
}

@media only screen and (min-width: 1024px) {
  .PromoLargeCarousel-content {
      bottom:103px;
      left: 105px
  }

  .PromoLargeCarousel-title {
      font-size: 2.5rem;
      letter-spacing: -.83125px;
      line-height: 28px
  }

  .PromoLargeCarousel-description {
      font-size: 1.6rem;
      line-height: 22px;
      margin-top: 27px
  }

  .PromoLargeCarousel-cta {
      margin-top: 33px
  }
}

.PromoTakeover {
  position: relative;
  text-align: center
}

.PromoTakeover-media:before {
  height: 166px;
  top: 0
}

.PromoTakeover-media:after,.PromoTakeover-media:before {
  background: linear-gradient(0deg,hsla(0,0%,98%,0),#f4f4f4);
  content: "";
  left: 0;
  position: absolute;
  width: 100%
}

.PromoTakeover-media:after {
  bottom: 0;
  height: 88px;
  transform: scaleY(-1)
}

.PromoTakeover-media .Image {
  min-height: 388px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.PromoTakeover-title {
  color: #151515;
  font-size: 1.8rem;
  letter-spacing: .5px;
  line-height: 26px;
  margin-top: 25px;
  text-align: center;
  text-transform: uppercase
}

.PromoTakeover-description {
  display: none
}

.PromoTakeover-cta {
  margin-top: 21px
}

.PromoTakeover-content {
  left: 50%;
  max-width: 90%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%
}

@media only screen and (min-width: 768px) {
  .PromoTakeover-description {
      color:var(--supportingColor1);
      display: block;
      font-family: Nunito Sans,Arial,Helvetica,sans-serif;
      font-size: 1.6rem;
      line-height: 27px;
      margin-top: 17px
  }

  .PromoTakeover-title {
      font-size: 2.1rem;
      letter-spacing: .35px;
      line-height: 31px;
      margin-top: 50px
  }

  .PromoTakeover-media:before {
      height: 552px
  }

  .PromoTakeover-media:after {
      height: 117px
  }

  .PromoTakeover-media .Image {
      min-height: 552px
  }
}

@media only screen and (min-width: 1440px) {
  .PromoTakeover-title {
      font-size:2.4rem;
      letter-spacing: .4px;
      line-height: 36px;
      margin-top: 30px
  }

  .PromoTakeover-content {
      max-width: 47%
  }
}

.PromoTextLogo {
  text-align: center
}

.PromoTextLogo-title {
  color: var(--supportingColor2);
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 23px
}

.PromoTextLogo-description {
  color: var(--primaryColor4);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  letter-spacing: .27px;
  line-height: 22px;
  margin: 15px 0 0
}

.PromoTextLogo-media {
  display: flex;
  justify-content: center;
  margin: 40px
}

.PromoTextLogo-media .Image {
  max-width: 170px
}

@media only screen and (min-width: 768px) {
  .PromoTextLogo-description {
      margin:15px 0
  }
}

@media only screen and (min-width: 1024px) {
  .PromoTextLogo {
      display:flex;
      justify-content: space-between;
      text-align: left
  }

  .PromoTextLogo-title {
      font-size: 2.1rem;
      line-height: 24px
  }

  .PromoTextLogo-media {
      margin: 0
  }

  .PromoTextLogo-media,.PromoTextLogo-text {
      display: flex;
      justify-content: center;
      width: 40%
  }

  .PromoTextLogo-text {
      flex-direction: column
  }
}

.PromoThumbnailImage {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 571px;
  text-align: center
}

.PromoThumbnailImage-media {
  display: inline-block;
  margin: 0 auto 15px
}

.PromoThumbnailImage-title {
  color: #101114;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .6px;
  line-height: 17px
}

.PromoThumbnailImage-title+.PromoThumbnailImage-description {
  margin-top: 11px
}

.PromoThumbnailImage-description {
  color: #474747;
  flex: 1 0 auto;
  font-size: 1.4rem
}

.PromoThumbnailImage-description,.PromoThumbnailImage-price {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  line-height: 21px
}

.PromoThumbnailImage-price {
  color: #151515;
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 40px
}

.PromoThumbnailImage-disclaimer {
  color: #666;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  line-height: 17px;
  margin-top: 18px;
  text-align: center
}

.PromoThumbnailImage-cta {
  margin-top: 11px
}

.PromoSchedule {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.PromoSchedule-title {
  color: var(--supportingColor2);
  font-size: 1.2rem;
  font-weight: 900;
  letter-spacing: .4px;
  line-height: 15px;
  margin-bottom: 10px;
  text-transform: uppercase
}

.PromoSchedule-description {
  color: var(--supportingColor3);
  font-size: 1.2rem;
  line-height: 15px
}

.PromoSchedule-description b,.PromoSchedule-description h3 {
  color: #101114;
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -.26px;
  line-height: 18px;
  margin-top: 5px;
  text-transform: uppercase
}

.PromoSchedule-right {
  flex-shrink: 0;
  margin-left: 30px;
  position: relative
}

.PromoSchedule-right:before {
  background: var(--primaryColor5);
  content: "";
  display: block;
  height: 45px;
  left: -15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.PromoSchedule-media img {
  max-width: 45px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .PromoSchedule-right {
      margin-left:15px
  }

  .PromoSchedule-right:before {
      height: 53px;
      left: -15px
  }

  .PromoSchedule-title {
      font-size: 1.4rem;
      letter-spacing: .47px;
      line-height: 15px;
      margin-bottom: 20px
  }

  .PromoSchedule-description {
      font-size: 1.4rem;
      line-height: 19px
  }

  .PromoSchedule-description b {
      font-size: 1.6rem;
      letter-spacing: -.27px;
      line-height: 18px;
      margin-top: 8px
  }

  .PromoSchedule-media img {
      max-width: 60px
  }
}

@media only screen and (min-width: 1024px) {
  .PromoSchedule-right {
      margin-left:20px
  }

  .PromoSchedule-right:before {
      height: 53px;
      left: -20px
  }

  .PromoSchedule-media img {
      max-width: 80px
  }
}

@media only screen and (min-width: 1440px) {
  .PromoSchedule-description b {
      font-size:1.8rem;
      font-weight: 500;
      letter-spacing: -.3px;
      line-height: 22px;
      margin-top: 10px
  }

  .PromoSchedule-right {
      margin-left: 30px
  }

  .PromoSchedule-right:before {
      height: 60px;
      left: -15px
  }
}

.PromoPrice {
  color: #000;
  display: flex;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 19px
}

.PromoPrice,.PromoPrice-title {
  font-size: 1.4rem;
  font-weight: 600
}

@media only screen and (min-width: 768px) {
  .PromoPrice,.PromoPrice-title {
      font-size:1.6rem;
      line-height: 22px
  }
}

.PromoProductInfo {
  border-radius: 8px;
  height: 379px;
  position: relative
}

.PromoProductInfo-media {
  height: 100%
}

.PromoProductInfo-media img {
  border-radius: 8px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%
}

.PromoProductInfo-bottom,.PromoProductInfo-top {
  display: flex;
  flex-direction: column
}

.PromoProductInfo-content {
  align-items: center;
  bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 47px 20px 35px;
  text-align: center;
  z-index: 1
}

.PromoProductInfo-content,.PromoProductInfo-content:after {
  border-radius: 8px;
  height: 100%;
  position: absolute;
  width: 100%
}

.PromoProductInfo-content:after {
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.7));
  content: "";
  left: 0;
  top: 0
}

.PromoProductInfo-content[data-toggle-in=promo-info-expand] {
  justify-content: space-between;
  padding-bottom: 52px
}

.PromoProductInfo-content[data-toggle-in=promo-info-expand]:after {
  background: var(--primaryColor1);
  opacity: .85
}

.PromoProductInfo-content[data-toggle-in=promo-info-expand] .PromoProductInfo-date {
  margin-top: 12px;
  order: 1
}

.PromoProductInfo-content[data-toggle-in=promo-info-expand] .PromoProductInfo-title {
  margin-top: 0;
  order: 0
}

.PromoProductInfo-content[data-toggle-in=promo-info-expand] .PromoProductInfo-price {
  margin: 0 auto;
  order: 3
}

.PromoProductInfo-content[data-toggle-in=promo-info-expand] .PromoProductInfo-cta,.PromoProductInfo-content[data-toggle-in=promo-info-expand] .PromoProductInfo-description {
  display: block
}

.PromoProductInfo-content[data-toggle-in=promo-info-expand] .PromoProductInfo-expand {
  display: none
}

.PromoProductInfo-content[data-toggle-in=promo-info-expand] .PromoProductInfo-close {
  display: block
}

.PromoProductInfo-date {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  letter-spacing: 1.25px;
  line-height: 19px;
  text-transform: uppercase;
  z-index: 2
}

.PromoProductInfo-title {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -.83125px;
  line-height: 27px;
  margin-top: 8px;
  z-index: 2
}

.PromoProductInfo-price {
  font-weight: 700;
  letter-spacing: 1.25px;
  line-height: 16px;
  margin-top: 12px;
  max-width: 244px;
  text-transform: uppercase
}

.PromoProductInfo-description,.PromoProductInfo-price {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  z-index: 2
}

.PromoProductInfo-description {
  letter-spacing: -.67px;
  line-height: 19px;
  margin-top: 24px;
  order: 2
}

.PromoProductInfo-description pre {
  white-space: break-spaces
}

.PromoProductInfo-cta {
  margin: 28px auto 0;
  order: 4;
  z-index: 2
}

.PromoProductInfo-cta,.PromoProductInfo-description {
  display: none
}

.PromoProductInfo-cta .Link {
  min-width: 200px
}

.PromoProductInfo-cta .Link:active,.PromoProductInfo-cta .Link:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #000
}

.PromoProductInfo-cta[data-inactive] .Link {
  background-color: #ffffff66;
  cursor: default;
  pointer-events: none
}

.PromoProductInfo-close,.PromoProductInfo-expand {
  border: 0;
  border-radius: 8px;
  bottom: 0;
  height: 50px;
  padding: 2px;
  position: absolute;
  right: 0;
  width: 50px;
  z-index: 2
}

.PromoProductInfo-expand {
  background-color: var(--primaryColor1)
}

.PromoProductInfo-expand svg {
  height: 36px;
  width: 36px
}

.PromoProductInfo-close {
  background-color: #fff;
  display: none
}

.PromoProductInfo-close svg {
  height: 20px;
  width: 20px
}

@media only screen and (min-width: 1024px) {
  .PromoProductInfo {
      height:467px
  }

  .PromoProductInfo-content {
      padding: 62px 27px 38px
  }

  :hover>.PromoProductInfo-content {
      justify-content: space-between
  }

  :hover>.PromoProductInfo-content:after {
      background: var(--primaryColor1);
      opacity: .85
  }

  :hover>.PromoProductInfo-content .PromoProductInfo-date {
      margin-top: 24px;
      order: 1
  }

  :hover>.PromoProductInfo-content .PromoProductInfo-title {
      margin-top: 0;
      order: 0
  }

  :hover>.PromoProductInfo-content .PromoProductInfo-price {
      margin: 0 auto;
      max-width: none;
      order: 3
  }

  :hover>.PromoProductInfo-content .PromoProductInfo-cta,:hover>.PromoProductInfo-content .PromoProductInfo-description {
      display: block
  }

  :hover>.PromoProductInfo-content .PromoProductInfo-close,:hover>.PromoProductInfo-content .PromoProductInfo-expand {
      display: none
  }

  .PromoProductInfo-date {
      font-weight: 700;
      line-height: 16px
  }

  .PromoProductInfo-price,.PromoProductInfo-title {
      margin-top: 20px
  }

  .PromoProductInfo-cta {
      margin-top: 40px
  }

  .PromoProductInfo-close,.PromoProductInfo-expand,:hover>.PromoProductInfo-close,:hover>.PromoProductInfo-expand {
      display: none
  }
}

.PromoText {
  padding: 15px
}

.PromoText-title {
  color: var(--supportingColor9);
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -.2px;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase
}

.PromoText-cta {
  display: flex;
  margin-top: 20px
}

.PromoText-cta .Link:last-of-type {
  margin-left: 10px
}

.PromoText-description {
  color: var(--supportingColor9);
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5;
  line-height: 26px
}

.PromoText-description .cms-textAlign-center,.PromoText-description [data-align-center] {
  text-align: center
}

.PromoText-description .cms-textAlign-right,.PromoText-description [data-align-right] {
  text-align: right
}

.PromoText-description [data-align-left] {
  text-align: left
}

.PromoText-description:after {
  clear: both;
  content: "";
  display: table
}

.PromoText-description p,.PromoText-description p>ol,.PromoText-description p>ul,.PromoText-description>ol,.PromoText-description>ul {
  color: var(--supportingColor1);
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 27px
}

.PromoText-description p a,.PromoText-description p>ol a,.PromoText-description p>ul a,.PromoText-description>ol a,.PromoText-description>ul a {
  color: var(--hyperlinkTextColor);
  text-decoration: none
}

.PromoText-description p a:hover,.PromoText-description p>ol a:hover,.PromoText-description p>ul a:hover,.PromoText-description>ol a:hover,.PromoText-description>ul a:hover {
  text-decoration: none
}

.PromoText-description p>ul,.PromoText-description p>ul li>ul,.PromoText-description>ul,.PromoText-description>ul li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.PromoText-description p>ul li>ol,.PromoText-description>ul li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.PromoText-description p>ul b,.PromoText-description p>ul strong,.PromoText-description>ul b,.PromoText-description>ul strong {
  color: var(--primaryColor1)
}

.PromoText-description p>ol,.PromoText-description>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.PromoText-description p>ol li>ul,.PromoText-description>ol li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.PromoText-description p>ol li>ol,.PromoText-description>ol li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.PromoText-description p>ol b,.PromoText-description p>ol strong,.PromoText-description>ol b,.PromoText-description>ol strong {
  color: var(--primaryColor1)
}

.PromoText-description p {
  margin: 0 0 25px
}

.PromoText-description p:first-of-type {
  margin-top: 0
}

.PromoText-description p:last-of-type {
  margin-bottom: 0
}

.PromoText-description p:last-of-type+.Enhancement,.PromoText-description p:last-of-type+.EnhancementFullWidth {
  margin-top: 25px
}

.PromoText-description h2,.PromoText-description h3,.PromoText-description h4,.PromoText-description h5,.PromoText-description h6 {
  color: var(--supportingColor2);
  font-weight: 700;
  margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
  .PromoText-description h2,.PromoText-description h3,.PromoText-description h4,.PromoText-description h5,.PromoText-description h6 {
      margin-bottom:20px
  }
}

.PromoText-description h2 {
  font-size: 2.1rem;
  letter-spacing: .35px;
  line-height: 31px;
  margin-bottom: 15px
}

@media only screen and (min-width: 1024px) {
  .PromoText-description h2 {
      font-size:2.4rem
  }
}

.PromoText-description h3 {
  font-size: 1.9rem
}

@media only screen and (min-width: 1024px) {
  .PromoText-description h3 {
      font-size:2.2rem
  }
}

.PromoText-description h4 {
  font-size: 1.7rem
}

@media only screen and (min-width: 1024px) {
  .PromoText-description h4 {
      font-size:2rem
  }
}

.PromoText-description h5 {
  font-size: 1.6rem
}

.PromoText-description h6 {
  font-size: 1.5rem
}

.PromoText-description table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 25px;
  width: 100%
}

.PromoText-description thead {
  background-color: var(--primaryColor1);
  border-bottom: 10px solid var(--siteBgColor);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 12px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .PromoText-description thead {
      border-bottom:15px solid var(--siteBgColor);
      font-size: 1.2rem;
      letter-spacing: .6px;
      line-height: 16px
  }
}

@media only screen and (min-width: 1024px) {
  .PromoText-description thead {
      border-bottom:30px solid var(--siteBgColor)
  }
}

.PromoText-description thead:after {
  background: var(--siteBgColor);
  content: "";
  display: block;
  height: 10px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .PromoText-description thead:after {
      height:15px
  }
}

@media only screen and (min-width: 1024px) {
  .PromoText-description thead:after {
      height:30px
  }
}

.PromoText-description thead th,.PromoText-description thead tr {
  height: 40px
}

@media only screen and (min-width: 768px) {
  .PromoText-description thead th,.PromoText-description thead tr {
      height:48px
  }
}

.PromoText-description th:first-of-type {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}

.PromoText-description th:last-of-type {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}

.PromoText-description tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 8px
}

.PromoText-description tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 8px
}

.PromoText-description td,.PromoText-description tr {
  padding: 17px 15px
}

.PromoText-description td {
  text-align: center
}

.PromoText-description tbody tr:nth-child(odd) {
  background: linear-gradient(90deg,hsla(0,0%,98%,0),#f2f2f2);
  background-color: #fff
}

.PromoText-description tbody tr:nth-child(2n) {
  background: #fff
}

.PromoText-description tbody tr td {
  border-right: 1px solid var(--primaryColor5)
}

.PromoText-description tbody tr td:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.PromoText-description tbody tr:first-of-type td {
  border-top: 1px solid var(--primaryColor5)
}

.PromoText-description tbody tr:first-of-type td:first-of-type {
  border-top-left-radius: 8px
}

.PromoText-description tbody tr:first-of-type td:last-of-type {
  border-top-right-radius: 8px
}

.PromoText-description tbody tr td,.PromoText-description tbody tr:last-of-type td {
  border-bottom: 1px solid var(--primaryColor5)
}

.PromoText-description tbody td a {
  color: var(--hyperlinkTextColor);
  text-decoration: underline
}

.PromoText-description tbody td a:hover {
  text-decoration: none
}

.PromoText-description .Figure img {
  margin-bottom: 10px;
  width: 100%
}

.PromoText-description .Figure-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.PromoText-description .Figure-caption,.PromoText-description .Figure-caption p,.PromoText-description .Figure-credit,.PromoText-description .Figure-credit p {
  display: inline
}

@media only screen and (min-width: 768px) {
  .PromoText-description .Figure img {
      margin-bottom:20px
  }
}

.PromoText-description .TweetEmbed twitter-widget {
  width: auto!important
}

.PromoText-description .MpsAd-wrapper {
  padding-bottom: 25px
}

@media only screen and (min-width: 1024px) {
  .PromoText-description .MpsAd-wrapper {
      padding-bottom:30px
  }
}

@media only screen and (min-width: 1440px) {
  .PromoText {
      padding:40px 30px
  }

  .PromoText-title {
      font-size: 2.8rem;
      line-height: 35px
  }

  .PromoText .Link {
      min-width: 194px
  }

  .PromoText .Link:last-of-type {
      margin-left: 10px
  }
}

.PromoTrending {
  align-items: center;
  display: flex;
  padding: 10px 15px 10px 30px
}

.PromoTrending-number {
  flex-shrink: 0;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 41px;
  text-align: center;
  width: 15px
}

.PromoTrending-type {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  width: 66px
}

.PromoTrending-type svg {
  bottom: 0;
  color: var(--primaryColor1);
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0
}

.PromoTrending-title {
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 19px
}

.PromoTrending .video-camera {
  height: 11px;
  width: 18px
}

.PromoTrending .gallery-icon {
  height: 35px;
  width: 36px
}

.PromoUpNext-nextText {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .16px;
  line-height: 15px;
  margin-bottom: 8px
}

.PromoUpNext-container {
  align-items: center;
  display: flex
}

.PromoUpNext-media {
  flex-shrink: 0;
  height: 87px;
  margin-right: 10px;
  position: relative;
  width: 163px
}

[data-content-type=video] .PromoUpNext-media:before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0N3B4IiB2aWV3Qm94PSIwIDAgNTAgNDciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5FdXJvcGVfUGxheUJ1dHRvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJFdXJvcGVfUGxheUJ1dHRvbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjAwMDAwMCwgMjMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yNS4wMDAwMDAsIC0yMy41MDAwMDApICIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjQ3IiByeD0iMTAiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTI2LjM2MDkyNjUsMTkuNDU2OTUyNiBMMzEuMTA4NDc4MSwyNy40OTEyNzA3IEMzMS4zODk0NDE2LDI3Ljk2Njc0NzMgMzEuMjMxNzU3NSwyOC41Nzk5NjMxIDMwLjc1NjI4MDksMjguODYwOTI2NSBDMzAuNjAyMjA0MywyOC45NTE5NzE4IDMwLjQyNjUxNzYsMjkgMzAuMjQ3NTUxNiwyOSBMMjAuNzUyNDQ4NCwyOSBDMjAuMjAwMTYzNiwyOSAxOS43NTI0NDg0LDI4LjU1MjI4NDcgMTkuNzUyNDQ4NCwyOCBDMTkuNzUyNDQ4NCwyNy44MjEwMzQgMTkuODAwNDc2NiwyNy42NDUzNDczIDE5Ljg5MTUyMTksMjcuNDkxMjcwNyBMMjQuNjM5MDczNSwxOS40NTY5NTI2IEMyNC45MjAwMzY5LDE4Ljk4MTQ3NiAyNS41MzMyNTI3LDE4LjgyMzc5MTkgMjYuMDA4NzI5MywxOS4xMDQ3NTU0IEMyNi4xNTM5NTQ1LDE5LjE5MDU3MDIgMjYuMjc1MTExNywxOS4zMTE3Mjc0IDI2LjM2MDkyNjUsMTkuNDU2OTUyNiBaIiBpZD0iVHJpYW5nbGUiIGZpbGw9IiMwMDNDODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjUwMDAwMCwgMjMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjUuNTAwMDAwLCAtMjMuNTAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 8px;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  max-height: 47px;
  max-width: 50px;
  opacity: .9;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

@media only screen and (min-width: 768px) {
  [data-content-type=video] .PromoUpNext-media:before {
      background-color:transparent;
      background-size: 100%;
      max-height: 47px;
      max-width: 50px
  }
}

[data-content-type=gallery] .PromoUpNext-media:before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0N3B4IiB2aWV3Qm94PSIwIDAgNTAgNDciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5QaG90b0dhbGxlcnlJY29uIENvcHkgNDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQaG90b0dhbGxlcnlJY29uLUNvcHktNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkdhbGxlcnkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjg5NDgzMzUxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUuMDAwMDAwLCAyMy41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTI1LjAwMDAwMCwgLTIzLjUwMDAwMCkgIiB4PSIwIiB5PSIwIiB3aWR0aD0iNTAiIGhlaWdodD0iNDciIHJ4PSI3LjY5MjMwNzY5Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi45Mzc4Njk4LDE1LjY2NTkxMjUgQzE2LjA3NzM2NjksMTUuNjY1OTEyNSAxNS4zODQ2MTU0LDE2LjM5NDM0MzkgMTUuMzg0NjE1NCwxNy4yOTk4OTk0IEwxNS4zODQ2MTU0LDI4LjczNzgwNzkgQzE1LjM4NDYxNTQsMjkuNjQzMDM2NyAxNi4wNzczNjY5LDMwLjM3MTc5NDkgMTYuOTM3ODY5OCwzMC4zNzE3OTQ5IEwzNC4wMjM2Njg2LDMwLjM3MTc5NDkgQzM0Ljg4NDE3MTYsMzAuMzcxNzk0OSAzNS41NzY5MjMxLDI5LjY0MzAzNjcgMzUuNTc2OTIzMSwyOC43Mzc4MDc5IEwzNS41NzY5MjMxLDE3LjI5OTg5OTQgQzM1LjU3NjkyMzEsMTYuMzk0MzQzOSAzNC44ODQxNzE2LDE1LjY2NTkxMjUgMzQuMDIzNjY4NiwxNS42NjU5MTI1IEwxNi45Mzc4Njk4LDE1LjY2NTkxMjUgWiBNMTYuOTM3ODY5OCwxNy4yOTk4OTk0IEwzNC4wMjM2Njg2LDE3LjI5OTg5OTQgTDM0LjAyMzY2ODYsMjguNzM3ODA3OSBMMzMuMTc0MzQ5MSwyOC43Mzc4MDc5IEwyNy42NDA0MTQyLDIxLjIyMTQ2ODEgTDI1LjE3MDExODMsMjQuNTc1Mzg5NiBMMjIuMjE4OTM0OSwyMC41Njc1NDY1IEwxNi45Mzc4Njk4LDI3LjczOTc2ODcgTDE2LjkzNzg2OTgsMTcuMjk5ODk5NCBaIE0zMC45MDc1Mjk2LDE4LjkxMzI5ODEgQzMwLjAzMzY2ODYsMTguOTEzMjk4MSAyOS4zMjUwNzQsMTkuNjU4Mzk2MiAyOS4zMjUwNzQsMjAuNTc4MDA0IEMyOS4zMjUwNzQsMjEuNDk3NjExOSAzMC4wMzM2Njg2LDIyLjI0MjcwOTkgMzAuOTA3NTI5NiwyMi4yNDI3MDk5IEMzMS43ODEzOTA1LDIyLjI0MjcwOTkgMzIuNDg5OTg1MiwyMS40OTc2MTE5IDMyLjQ4OTk4NTIsMjAuNTc4MDA0IEMzMi40ODk5ODUyLDE5LjY1ODM5NjIgMzEuNzgxMzkwNSwxOC45MTMyOTgxIDMwLjkwNzUyOTYsMTguOTEzMjk4MSBaIiBpZD0iU2hhcGUiIGZpbGw9IiMwMDNDODIiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 8px;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  max-height: 47px;
  max-width: 50px;
  opacity: .9;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

@media only screen and (min-width: 768px) {
  [data-content-type=gallery] .PromoUpNext-media:before {
      background-color:transparent;
      max-height: 47px;
      max-width: 50px
  }
}

.PromoUpNext-media img {
  -o-object-fit: fill;
  object-fit: fill
}

.PromoUpNext-title {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -.16px;
  line-height: 17px;
  margin-bottom: 14px
}

.PromoUpNext-cta .Link {
  font-size: 1.4rem;
  letter-spacing: 1px;
  line-height: 19px
}

@media only screen and (min-width: 768px) {
  .PromoUpNext-nextText {
      margin-bottom:13px
  }

  .PromoUpNext-media {
      height: 107px;
      margin-right: 20px;
      width: 200px
  }

  .PromoUpNext-title {
      font-size: 1.8rem;
      letter-spacing: -.2px;
      line-height: 24px
  }
}

.MatchPlayer {
  color: #000;
  line-height: 15px;
  z-index: 2
}

.MatchPlayer .Link {
  color: #000
}

.MatchPlayer-headshot {
  display: none
}

.MatchPlayer-initial {
  display: none;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -.23px;
  line-height: 18px;
  margin-right: 4px;
  text-transform: uppercase
}

.MiniMatch .MatchPlayer-initial {
  display: inline;
  font-size: 1.0rem
}

.MatchPlayer-firstName {
  font-size: 0.9rem;
  font-style: italic
}

.MatchPlayer-lastName {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: -.17px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .MatchPlayer-firstName {
      font-size:1.2rem;
      line-height: 18px
  }

  .MatchPlayer-lastName {
      font-size: 1.2rem;
      letter-spacing: -.2px;
      line-height: 18px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchPlayer-firstName {
      font-size:1.2rem;
      line-height: 18px
  }

  .MatchPlayer-lastName {
      font-size: 1.2rem;
      letter-spacing: -.2px;
      line-height: 18px
  }

  .MiniMatch .MatchPlayer-lastName {
      display: inline;
      font-size: 1.0rem;
      letter-spacing: -.23px;
      line-height: 13px
  }

  .MiniMatch .MatchPlayer-initial {
      display: inline;
      font-size: 1.0rem
  }
}

.PlayerPage-body {
  padding-top: 60px
}

.PlayerPage .Page-above {
  margin: 0 0 20px
}

.PlayerPage .Page-below {
  background: var(--primaryColor6)
}

.PlayerPage .Page-below .List3Column {
  padding-top: 0
}

.PlayerPage .Page-below .List3Column-title {
  margin-top: 0
}

.PlayerPage .Page-body-headerIframe+.PlayerPage-leadContent {
  margin-top: -233px
}

.PlayerPage .Page-body-headerIframe+.PlayerPage-leadContent .PlayerPage-leadInfo {
  margin-top: 94px
}

.PlayerPage-leadFirstName {
  color: #fff;
  display: block;
  font-size: 1.8rem;
  font-style: italic;
  line-height: 36px;
  white-space: nowrap
}

.PlayerPage-leadLastName {
  color: #fff;
  display: block;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 32px;
  margin-top: -6px;
  text-transform: uppercase
}

.PlayerPage-lead {
  position: relative
}

.PlayerPage-leadMedia {
  max-height: 250px;
  overflow: hidden;
  position: relative
}

.PlayerPage-leadMedia:before {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .84;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

[data-team=team2] .PlayerPage-leadMedia:before {
  background: var(--team2Color)
}

[data-team=team1] .PlayerPage-leadMedia:before {
  background: var(--team1Color)
}

.PlayerPage-leadCountry {
  margin-top: 10px
}

.PlayerPage-leadCountry img {
  display: inline-block;
  margin-right: 7px;
  -o-object-fit: contain;
  object-fit: contain;
  vertical-align: middle;
  width: 15px
}

.PlayerPage-leadContent {
  align-items: center;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -276px;
  padding: 0 15px;
  position: relative
}

.PlayerPage-back {
  color: #fff;
  margin-bottom: 20px
}

.PlayerPage-back:before {
  border-color: #fff;
  margin-right: 3px;
  transform: rotate(135deg)
}

.PlayerPage-back [data-desktop] {
  display: none
}

.PlayerPage-leadImage {
  max-width: none
}

.PlayerPage-leadCountryName {
  color: #fff;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 22px
}

.PlayerPage-leadHeadshot {
  align-self: flex-end;
  margin-left: 10px;
  margin-right: 10px;
  max-height: 160px;
  max-width: 160px;
  overflow: hidden
}

.PlayerPage-leadTable-cell {
  padding: 15px
}

.PlayerPage-leadHeader {
  flex: 1 1 auto;
  max-width: 45%
}

.PlayerPage-leadInfo {
  background-color: #fff;
  color: #0f1012;
  display: grid;
  grid-template-areas: "age career" "pro ranking";
  grid-template-columns: 50% 50%;
  grid-template-rows: 75px 75px;
  margin-top: 20px;
  position: relative;
  text-align: center;
  width: 100%
}

.PlayerPage-leadTable-cell:first-of-type {
  align-self: flex-end;
  grid-area: age
}

.PlayerPage-leadTable-cell:nth-of-type(2) {
  align-self: flex-end;
  grid-area: career
}

.PlayerPage-leadTable-cell:nth-of-type(3) {
  grid-area: pro
}

.PlayerPage-leadTable-cell:nth-of-type(4) {
  grid-area: ranking
}

.PlayerPage-leadBanner {
  background: linear-gradient(132.46deg,#003ba7,#00276f);
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 0
}

.PlayerPage-leadBanner-cell {
  color: #0f1012;
  padding: 15px
}

.PlayerPage-main {
  background: var(--primaryColor6);
  border-top: 1px solid #e2e2e2;
  padding: 25px 15px
}

@media only screen and (min-width: 768px) {
  .PlayerPage .Page-body-headerIframe+.PlayerPage-leadContent,.PlayerPage .Page-body-headerIframe+.PlayerPage-leadContent .PlayerPage-leadInfo {
      margin-top:0
  }

  .PlayerPage .Page-below .List3Column-title {
      text-align: left
  }

  .PlayerPage-back {
      font-size: 1.4rem;
      letter-spacing: .88px;
      line-height: 19px
  }

  .PlayerPage-back [data-mobile] {
      display: none
  }

  .PlayerPage-back [data-desktop] {
      display: block
  }

  .PlayerPage-leadFirstName {
      font-size: 2.1rem;
      line-height: 27px;
      margin-bottom: 10px
  }

  .PlayerPage-leadLastName {
      font-size: 2.9rem;
      line-height: 40px
  }

  .PlayerPage-leadHeader {
      left: auto;
      max-width: 25%;
      position: static;
      top: auto;
      transform: none
  }

  .PlayerPage-leadHeadshot {
      max-height: 240px;
      max-width: 240px
  }

  .PlayerPage-leadMedia {
      max-height: 385px
  }

  .PlayerPage-leadImage {
      position: relative
  }

  .PlayerPage-leadCountry img {
      width: 20px
  }

  .PlayerPage-leadInfo {
      background-color: transparent;
      color: #fff;
      grid-template-areas: "age career" "pro ranking";
      grid-template-columns: 138px 138px;
      grid-template-rows: 53px 53px;
      margin-top: 15px;
      width: auto
  }

  .PlayerPage-leadInfo:after,.PlayerPage-leadInfo:before {
      background: var(--primaryColor5);
      content: "";
      display: block;
      height: 117px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 1px
  }

  .PlayerPage-leadInfo:before {
      left: 0
  }

  .PlayerPage-leadInfo:after {
      right: 0
  }

  .PlayerPage .Page-above {
      margin: 25px 0 0
  }

  .PlayerPage-leadContent {
      bottom: 74px;
      flex-wrap: nowrap;
      margin-top: 0;
      min-height: 231px;
      padding: 0 34px;
      position: absolute;
      width: 100%
  }

  .PlayerPage-leadTable-cell:first-of-type,.PlayerPage-leadTable-cell:nth-of-type(2) {
      padding-top: 0
  }

  .PlayerPage-leadTable-cell:nth-of-type(3),.PlayerPage-leadTable-cell:nth-of-type(4) {
      padding-bottom: 0;
      padding-top: 25px
  }

  .PlayerPage-main {
      background: linear-gradient(180deg,#fff,#f4f4f4);
      border-top: 0;
      padding: 25px 20px
  }
}

@media only screen and (min-width: 1024px) {
  .PlayerPage-leadContent {
      bottom:0
  }

  .PlayerPage-leadHeadshot {
      flex: 1 0 auto;
      max-height: 310px;
      max-width: 310px
  }

  .PlayerPage-leadMedia {
      height: 484px;
      max-height: none
  }

  .PlayerPage-leadMedia img {
      margin: auto
  }

  .PlayerPage .Page-above {
      margin: 30px 0 0
  }

  .PlayerPage-main {
      padding: 30px 0
  }

  .PlayerPage .List3Column {
      border-top: 0
  }

  .PlayerPage .List3Column-title {
      font-size: 1.4rem;
      letter-spacing: .23px;
      line-height: 15px
  }
}

@media only screen and (min-width: 1240px) {
  .PlayerPage-leadContent {
      margin:auto;
      min-height: 304px;
      padding: 0 100px
  }

  .PlayerPage-leadHeader {
      margin-top: -70px
  }

  .PlayerPage-leadFirstName {
      font-size: 3.6rem;
      margin-bottom: 20px
  }

  .PlayerPage-leadLastName {
      font-size: 4.8rem;
      line-height: 65px
  }

  .PlayerPage-leadCountry img {
      width: 30px
  }

  .PlayerPage-leadHeadshot {
      max-height: 347px;
      max-width: 347px
  }

  .PlayerPage .Page-below .List3Column-title {
      margin-bottom: 20px;
      margin-left: 0;
      padding-top: 10px
  }
}

@media only screen and (min-width: 1440px) {
  .PlayerPage-leadMedia img {
      width:100%
  }

  .PlayerPage-content {
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      position: relative;
      right: 50%;
      width: 100vw
  }

  .PlayerPage .PlayerPage-leadContent,.PlayerPage .PlayerProfile,.PlayerPage .PlayerStats {
      padding-left: var(--gutterCalc1240);
      padding-right: var(--gutterCalc1240)
  }

  .PlayerPage-leadInfo {
      grid-template-columns: 209px 209px;
      grid-template-rows: 90px 90px;
      margin: 0 0 70px;
      width: 422px
  }

  .PlayerPage-leadInfo:after,.PlayerPage-leadInfo:before {
      height: 178px
  }

  .PlayerPage-leadTable-cell {
      padding: 20px
  }

  .PlayerPage-leadTable-cell:first-of-type,.PlayerPage-leadTable-cell:nth-of-type(2) {
      padding-top: 0
  }

  .PlayerPage-leadTable-cell:nth-of-type(3),.PlayerPage-leadTable-cell:nth-of-type(4) {
      padding-bottom: 0;
      padding-top: 30px
  }
}

.PlayerProfile {
  margin-bottom: 15px
}

.PlayerProfile-biography {
  color: var(--primaryColor4);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  letter-spacing: .2px;
  line-height: 24px
}

.PlayerProfile-biography .Link {
  color: var(--primaryColor1);
  font-weight: 700
}

@media only screen and (min-width: 768px) {
  .PlayerProfile {
      padding-bottom:35px
  }

  .PlayerProfile-heading {
      font-size: 1.4rem;
      font-weight: 700;
      letter-spacing: .23px;
      line-height: 15px;
      margin-bottom: 20px
  }
}

@media only screen and (min-width: 1024px) {
  .PlayerProfile-biography {
      line-height:27px
  }

  .PlayerProfile {
      padding-left: 100px;
      padding-right: 100px
  }

  .PlayerProfile-biography {
      line-height: 27px
  }
}

@media only screen and (min-width: 1440px) {
  .PlayerProfile-biography {
      padding:30px 100px
  }
}

.PlayerScoreCard {
  background: #fff;
  margin: 2% auto
}

.PlayerScoreCard-title {
  color: var(--grayscaleColor1);
  font-size: 1.4rem;
  font-weight: 700;
  padding: 10px 0 20px;
  text-transform: uppercase
}

.PlayerScoreCard-records {
  padding: 3.5%;
  text-align: center
}

.PlayerScoreCard-records:nth-of-type(2) {
  padding-left: 4.5%;
  padding-right: 4.5%
}

.PlayerScoreCard-records:first-child {
  padding-right: 0
}

.PlayerScoreCard-records-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.PlayerScoreCard-records-cell {
  border-top: 1px solid var(--primaryColor1);
  padding: 14px 0 24px;
  vertical-align: top
}

.PlayerScoreCard-records-cell:first-of-type .PlayerScoreCard-records-data {
  font-size: 2.4rem;
  line-height: 1;
  min-height: 50px;
  padding-bottom: 2px;
  padding-top: 13px
}

.PlayerScoreCard-records-label {
  color: var(--primaryColor3);
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase
}

.PlayerScoreCard-records-data,.PlayerScoreCard-totals-data {
  color: #363b48;
  display: block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 3.2rem;
  line-height: 50px
}

.PlayerScoreCard-totals-label {
  color: var(--primaryColor3);
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase
}

.PlayerScoreCard-totals-col {
  border-right: 1px solid #afb0b4;
  display: inline-block;
  max-width: 120px;
  padding: 4px 0 14px;
  vertical-align: top;
  width: 33.333%
}

.PlayerScoreCard-totals-col:last-child {
  border-right: 0
}

@media only screen and (min-width: 992px) {
  .PlayerScoreCard {
      display:flex;
      flex-wrap: wrap
  }

  .PlayerScoreCard-records {
      padding: 3.5% 0 3.5% 3.5%;
      width: 50%
  }
}

@media only screen and (min-width: 768px) {
  .PlayerScoreCard-records-content {
      flex-direction:row
  }

  .PlayerScoreCard-records-cell:first-of-type,.PlayerScoreCard-records-cell:nth-of-type(2) {
      border-top-width: 2px;
      width: 50%
  }

  .PlayerScoreCard-records-cell:nth-of-type(3),.PlayerScoreCard-records-cell:nth-of-type(4),.PlayerScoreCard-records-cell:nth-of-type(5) {
      border-bottom: 2px solid #363b48;
      width: 33.333%
  }

  .PlayerScoreCard-records-cell:nth-of-type(2),.PlayerScoreCard-records-cell:nth-of-type(4),.PlayerScoreCard-records-cell:nth-of-type(5) {
      border-left: 1px solid #363b48
  }
}

@media only screen and (min-width: 1240px) {
  .PlayerScoreCard-callout-circle {
      margin-left:0;
      margin-right: 4%
  }

  .PlayerScoreCard-callout-circle+.PlayerScoreCard-callout-circle {
      margin-left: 4%;
      margin-right: 0
  }
}

.PlayerStats {
  border-top: 1px solid var(--primaryColor5);
  position: relative;
  text-align: center
}

.PlayerStats-heading {
  margin-top: 20px
}

.PlayerStats-record {
  border-bottom: 1px solid var(--primaryColor5)
}

.PlayerStats-record-box {
  background-color: #fff;
  border: .71px solid var(--primaryColor5);
  border-radius: 5.71px;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  padding: 30px 0;
  width: 100%
}

.PlayerStats-circle {
  align-items: center;
  border: 2.14px solid transparent;
  border-radius: 50%;
  display: flex;
  height: 130px;
  justify-content: center;
  margin-bottom: 20px;
  width: 130px
}

.PlayerStats-circle-contain {
  text-align: center;
  width: 130px
}

.PlayerStats-circle-data {
  font-size: 3.6rem;
  line-height: 40px
}

.PlayerStats-circle-data,.PlayerStats-circle-label {
  color: var(--supportingColor2);
  font-weight: 700;
  letter-spacing: 0
}

.PlayerStats-circle-label {
  font-size: 1.2rem;
  line-height: 16px;
  text-transform: uppercase
}

[data-team=team2] .PlayerStats-circle {
  border-color: var(--team2Color)
}

[data-team=team1] .PlayerStats-circle {
  border-color: var(--team1Color)
}

.PlayerStats-points {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
  padding-top: 20px
}

.PlayerStats-points-data {
  color: var(--supportingColor2);
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: -.31px;
  line-height: 31px
}

.PlayerStats-points-label {
  color: #666;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: uppercase
}

.PlayerStats-points-item:nth-of-type(2) {
  margin-left: 25px;
  margin-right: 25px;
  position: relative;
  width: 132px
}

.PlayerStats-points-item:nth-of-type(2):after,.PlayerStats-points-item:nth-of-type(2):before {
  background: var(--primaryColor5);
  content: "";
  display: block;
  height: 36px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.PlayerStats-points-item:nth-of-type(2):before {
  left: 0
}

.PlayerStats-points-item:nth-of-type(2):after {
  right: 0
}

.PlayerStats-allTime {
  padding-top: 20px
}

.PlayerStats-appearances,.PlayerStats-fourballs,.PlayerStats-foursomes,.PlayerStats-overallRecord,.PlayerStats-singles {
  border-bottom: 1px solid var(--primaryColor5);
  margin-bottom: 20px;
  padding-bottom: 15px
}

.PlayerStats-appearances-data {
  margin: auto;
  max-width: 300px
}

.PlayerStats-singles {
  border-bottom: 0;
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
  .PlayerStats-heading {
      font-size:1.4rem;
      font-weight: 700;
      letter-spacing: .23px;
      line-height: 15px;
      margin: 30px 0 25px
  }

  .PlayerStats-heading[data-more-margin] {
      margin-top: 40px
  }

  .PlayerStats-record-contain[data-50-50] {
      display: flex
  }

  .PlayerStats-record-box {
      margin-bottom: 30px
  }

  .PlayerStats-record-box:first-of-type {
      margin-right: 10px
  }

  .PlayerStats-record-box:last-of-type {
      margin-left: 10px
  }

  .PlayerStats-points {
      margin-bottom: 50px
  }

  .PlayerStats-points-data {
      font-size: 4.8rem;
      letter-spacing: -.53px;
      line-height: 53px;
      margin-bottom: 5px
  }

  .PlayerStats-points-label {
      color: var(--supportingColor2)
  }

  .PlayerStats-points-item:nth-of-type(2) {
      margin-left: 84px;
      margin-right: 100px;
      width: 240px
  }

  .PlayerStats-points-item:nth-of-type(2):after,.PlayerStats-points-item:nth-of-type(2):before {
      height: 111px
  }

  .PlayerStats-allTime {
      display: flex;
      flex-wrap: wrap
  }

  .PlayerStats-appearances,.PlayerStats-fourballs,.PlayerStats-foursomes,.PlayerStats-overallRecord,.PlayerStats-singles {
      border-bottom: 0;
      margin: 0 0 40px;
      padding-bottom: 0
  }

  .PlayerStats-appearances,.PlayerStats-overallRecord {
      width: 50%
  }

  .PlayerStats-fourballs,.PlayerStats-foursomes,.PlayerStats-singles {
      width: 33%
  }
}

@media only screen and (min-width: 1024px) {
  .PlayerStats {
      padding-left:100px;
      padding-right: 100px
  }

  .PlayerStats-heading[data-more-margin] {
      margin-top: 30px
  }

  .PlayerStats-biography {
      line-height: 27px
  }

  .PlayerStats-circle {
      border-radius: 50%;
      border-width: 3px;
      height: 183px;
      margin-bottom: 30px;
      width: 183px
  }

  .PlayerStats-circle-contain {
      width: 183px
  }

  .PlayerStats-circle-data {
      font-size: 4.8rem;
      line-height: 53px
  }

  .PlayerStats-circle-label {
      font-size: 1.6rem;
      line-height: 22px
  }

  .PlayerStats-record {
      position: relative
  }

  .PlayerStats-record[data-full-border] {
      border: 0
  }

  .PlayerStats-record[data-full-border]:after {
      background: var(--primaryColor5);
      bottom: 0;
      content: "";
      display: block;
      height: 1px;
      left: 0;
      margin-left: -100px;
      margin-right: -100px;
      right: 0;
      width: 100px;
      width: auto
  }

  .PlayerStats-record-box {
      margin-bottom: 40px
  }

  .PlayerStats-record-box:first-of-type {
      margin-left: 110px;
      margin-right: 15px
  }

  .PlayerStats-record-box:last-of-type {
      margin-left: 15px;
      margin-right: 110px
  }

  .PlayerStats-points {
      margin-bottom: 57px
  }

  .PlayerStats-points-data {
      font-size: 8.533rem;
      letter-spacing: -.95px;
      line-height: 95px;
      margin-bottom: 10px
  }

  .PlayerStats-points-label {
      font-size: 1.4rem;
      line-height: 19px
  }

  .PlayerStats-points-item {
      position: relative;
      width: 241px
  }

  .PlayerStats-points-item:first-of-type:before {
      background: var(--primaryColor5);
      content: "";
      display: block;
      height: 160px;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 1px
  }

  .PlayerStats-points-item:nth-of-type(2) {
      margin: 0
  }

  .PlayerStats-points-item:nth-of-type(2):after,.PlayerStats-points-item:nth-of-type(2):before {
      height: 160px
  }

  .PlayerStats-points-item:nth-of-type(3):after {
      background: var(--primaryColor5);
      content: "";
      display: block;
      height: 160px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 1px
  }
}

@media only screen and (min-width: 1440px) {
  .PlayerStats-allTime {
      display:flex;
      flex-wrap: nowrap;
      justify-content: space-evenly
  }

  .PlayerStats-appearances,.PlayerStats-fourballs,.PlayerStats-foursomes,.PlayerStats-overallRecord,.PlayerStats-singles {
      width: auto
  }
}

.AllTimeData-data,.PlayerStats-appearances-data,.PlayerStats-fourballs-data,.PlayerStats-foursomes-data,.PlayerStats-overallRecord-data,.PlayerStats-singles-data {
  color: var(--supportingColor2);
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26px
}

@media only screen and (min-width: 768px) {
  .AllTimeData-data,.PlayerStats-appearances-data,.PlayerStats-fourballs-data,.PlayerStats-foursomes-data,.PlayerStats-overallRecord-data,.PlayerStats-singles-data {
      font-size:2.1rem;
      letter-spacing: -.23px;
      line-height: 24px;
      margin-bottom: 15px
  }
}

@media only screen and (min-width: 1024px) {
  .AllTimeData-data,.PlayerStats-appearances-data,.PlayerStats-fourballs-data,.PlayerStats-foursomes-data,.PlayerStats-overallRecord-data,.PlayerStats-singles-data {
      font-size:2.8rem;
      letter-spacing: -.31px;
      line-height: 31px;
      margin-bottom: 20px
  }
}

.AllTimeData-label,.PlayerStats-appearances-label,.PlayerStats-fourballs-label,.PlayerStats-foursomes-label,.PlayerStats-overallRecord-label,.PlayerStats-singles-label {
  color: #666;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .AllTimeData-label,.PlayerStats-appearances-label,.PlayerStats-fourballs-label,.PlayerStats-foursomes-label,.PlayerStats-overallRecord-label,.PlayerStats-singles-label {
      color:var(--supportingColor2);
      font-weight: 700
  }
}

@media only screen and (min-width: 1024px) {
  .AllTimeData-label,.PlayerStats-appearances-label,.PlayerStats-fourballs-label,.PlayerStats-foursomes-label,.PlayerStats-overallRecord-label,.PlayerStats-singles-label {
      font-size:1.4rem;
      line-height: 19px
  }
}

.PointsRaceMember {
  background: #fff;
  display: inline-block;
  height: 156px;
  padding-top: 8px;
  position: relative;
  text-align: center;
  width: 100%
}

.PointsRaceMember[data-captains-pick] {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkzcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTMgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDY0ICg5MzUzNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+UGF0aDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJVU0EiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUZWFtIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjI0LjAwMDAwMCwgLTExODAuMDAwMDAwKSIgZmlsbD0iI0UwRTBFMCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MjQuMDAwMDAwLCAxMTgwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTExOS43MzE1MDgsNS40OTIzNDA3MSBDMTI0LjE2NjIyNiw2LjE1MzcyMTk4IDEzMy4wMjE3NTYsMTAuMTc2NjQ5MyAxMzQuMDEwNDI0LDE5LjQxMDUwMjYgQzEzNS43NTYyOTIsMzUuNzE2Mzc4OCAxMzQuNjY3ODgzLDUxLjY3MDYxMTIgMTM0LjY2Nzg4Myw1MS42NzA2MTEyIEMxMzQuNjY3ODgzLDUxLjY3MDYxMTIgMTM4LjQ4MDYxOSw1MS4xNTYxMjc1IDEzOS43NzkyNDEsNTQuNzM0NTEwNyBDMTQxLjA3Nzg2Miw1OC4zMTI4OTQgMTM4LjI0OTIyNyw3Ny40Mjc4MTkyIDEzNS4xMjQwNjMsNzkuODA0MTQ2MiBDMTMxLjk5ODg5OSw4Mi4xODA0NzMzIDEzMC43MDAyNzcsODIuMjA3MzQ3NyAxMzAuNzAwMjc3LDgyLjIwNzM0NzcgQzEzMC43MDAyNzcsODIuMjA3MzQ3NyAxMjguOTM2OTQ3LDk3LjIzNzM4IDEyNC44OTgzODYsMTAxLjU4MzA0NSBDMTIzLjIwNjIxNiwxMDMuNDAzODkzIDEyMC41Mzk1MDksMTIwLjM3ODY2NyAxMjkuMjAxMjM3LDEyOS43MzA5MjggQzEzNy44NjI5NjUsMTM5LjA4MzE4OSAxNjAuODkyODg2LDE0OC4wNzI4NzUgMTc0LjYzNjEzNywxNTMuNzI2NTAyIEMxODguMzc5Mzg4LDE1OS4zODAxMjkgMTkyLjkzOCwxNzkuMTA0OTY0IDE5Mi45MzgsMTc5LjEwNDk2NCBMMC4yMDk1OTExNjIsMTc5LjEwNDk2NCBDMC4yMDk1OTExNjIsMTc5LjEwNDk2NCA0Ljc2ODIwMzYxLDE1OS4zODAxMjkgMTguNTExNDU0NSwxNTMuNzI2NTAyIEMzMi4yNTQ3MDUzLDE0OC4wNzI4NzUgNTUuMjg0NjI2MSwxMzkuMDgzMTg5IDYzLjk0NjM1NCwxMjkuNzMwOTI4IEM3Mi42MDgwODIxLDEyMC4zNzg2NjcgNjkuOTQxMzc1OCwxMDMuNDAzODkzIDY4LjI0OTIwNSwxMDEuNTgzMDQ1IEM2NC4yMTA2NDQ5LDk3LjIzNzM4IDYyLjQ0NzMxNCw4Mi4yMDczNDc3IDYyLjQ0NzMxNCw4Mi4yMDczNDc3IEM2Mi40NDczMTQsODIuMjA3MzQ3NyA2MS4xNDg2OTI1LDgyLjE4MDQ3MzMgNTguMDIzNTI4Niw3OS44MDQxNDYyIEM1NC44OTgzNjQ3LDc3LjQyNzgxOTIgNTIuMDY5NzI5Miw1OC4zMTI4OTQgNTMuMzY4MzUwNyw1NC43MzQ1MTA3IEM1NC42NjY5NzIyLDUxLjE1NjEyNzUgNTguNDc5NzA4OCw1MS42NzA2MTEyIDU4LjQ3OTcwODgsNTEuNjcwNjExMiBDNTguNDc5NzA4OCw1MS42NzA2MTEyIDU5LjEzMDE1ODEsMzIuNjI0MDA5MSA1OS4xMzAxNTgxLDI5Ljk0NDMyMTEgQzU5LjEzMDE1ODEsMjcuNzI2OTYyNCA1NS4yMjkwODk4LDI4LjE0Mjc0NDIgNTUuNDc3MzUxNywyNi43MzY3MTQxIEM1OS4xNjA0OTkzLDUuODc3MjM1ODcgNzkuNzM5MzkxMywwLjAxNTM0NzU4NjkgOTcuMDUwMjExMywtMS4wMzgyNjUzMWUtMDkgQzEwNC41NTgwODgsLTAuMDA2MDc4NDc2MjcgMTE2Ljg1Mjc2OCwtMS4wMzgyNjUzMWUtMDkgMTE5LjczMTUwOCw1LjQ5MjM0MDcxIFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: auto 65px
}

.PointsRaceMember img {
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain
}

.PointsRaceMember-nationality {
  margin-bottom: 5px
}

.PointsRaceMember-nationality img {
  height: 11px;
  width: 19px
}

.PointsRaceMember-firstName {
  color: var(--supportingColor2);
  font-size: 1.4rem;
  font-style: italic;
  letter-spacing: -.2px;
  line-height: 18px
}

.PointsRaceMember-lastName {
  color: var(--supportingColor2);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 15px;
  margin-bottom: 6px;
  text-transform: uppercase
}

.PointsRaceMember-score {
  color: #666;
  display: block;
  font-size: 1.4rem;
  line-height: 19px;
  position: relative
}

.PointsRaceMember-score .normal {
  display: none
}

.PointsRaceMember-score .abr {
  display: inline
}

.PointsRaceMember-score .uppercase {
  text-transform: uppercase
}

.PointsRaceMember-score .caps {
  text-transform: capitalize
}

.PointsRaceMember-score .euPoints,.PointsRaceMember-score .worldPoints {
  font-size: 1.2rem
}

.PointsRaceMember-score .euPoints[data-points-winner],.PointsRaceMember-score .worldPoints[data-points-winner] {
  font-size: 1.4rem;
  font-weight: 700
}

.PointsRaceMember-score .euPoints {
  margin-top: -8px
}

.PointsRaceMember-media {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
}

.PointsRaceMember-media img {
  max-height: 65px
}

.PointsRaceMember-rank {
  display: flex;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: 0
}

.PointsRaceMember-rank svg,.PointsRaceMember-rank svg image {
  height: auto;
  width: 100%
}

.PointsRaceMember-rankPrevious,.PointsRaceMember-rankScore {
  align-items: center;
  color: #fff;
  display: flex;
  height: 19px;
  justify-content: center;
  width: 20px
}

.PointsRaceMember-rankScore {
  background-color: #000
}

.PointsRaceMember-rankPrevious {
  background-color: var(--primaryColor5);
  color: var(--supportingColor9)
}

.PointsRaceMember-qualification {
  position: absolute;
  right: 10px;
  top: 10px
}

@media only screen and (min-width: 768px) {
  .PointsRaceMember {
      height:194px;
      padding-top: 15px
  }

  .PointsRaceMember[data-captains-pick] {
      background-size: auto 93px
  }

  .PointsRaceMember-firstName {
      font-size: 1.6rem;
      line-height: 18px
  }

  .PointsRaceMember-lastName {
      font-size: 1.6rem;
      line-height: 16px
  }

  .PointsRaceMember-score .euPoints {
      margin-top: -7px
  }

  .PointsRaceMember-rankPrevious,.PointsRaceMember-rankScore {
      height: 20px;
      width: 22px
  }

  .PointsRaceMember-media img {
      max-height: 93px
  }
}

@media only screen and (min-width: 1024px) {
  .PointsRaceMember {
      height:264px;
      padding-top: 25px
  }

  .PointsRaceMember[data-captains-pick] {
      background-size: auto 167px;
      border-top: 1px solid var(--primaryColor5)
  }

  .PointsRaceMember-nationality {
      display: none;
      margin-bottom: 10px
  }

  .PointsRaceMember-nationality img {
      height: 27px;
      width: 48px
  }

  .PointsRaceMember-firstName {
      font-size: 1.8rem;
      line-height: 23px
  }

  .PointsRaceMember-lastName {
      font-size: 2.4rem;
      line-height: 26px;
      margin-bottom: 57px
  }

  .PointsRaceMember-score {
      display: none;
      font-size: 2.1rem;
      font-weight: 700;
      letter-spacing: 0;
      line-height: 24px
  }

  .PointsRaceMember-score .normal {
      display: inline
  }

  .PointsRaceMember-score .abr {
      display: none
  }

  .PointsRaceMember-score .euPoints,.PointsRaceMember-score .worldPoints {
      font-size: 1.6rem;
      font-weight: 300;
      letter-spacing: 0;
      line-height: 19px;
      margin-top: 10px
  }

  .PointsRaceMember-score .euPoints[data-points-winner],.PointsRaceMember-score .worldPoints[data-points-winner] {
      font-size: 2.1rem;
      letter-spacing: 0;
      line-height: 24px
  }

  .PointsRaceMember-rank {
      font-size: 1.4rem
  }

  .PointsRaceMember-rankPrevious,.PointsRaceMember-rankScore {
      height: 26.59px;
      width: 28px
  }

  .PointsRaceMember-media img {
      max-height: 174px
  }

  .PointsRaceMember:hover:not([data-captains-pick]) {
      background: var(--primaryColor1);
      color: #fff
  }

  .PointsRaceMember:hover:not([data-captains-pick]) .PointsRaceMember-nationality,.PointsRaceMember:hover:not([data-captains-pick]) .PointsRaceMember-score {
      display: inline-block
  }

  .PointsRaceMember:hover:not([data-captains-pick]) .PointsRaceMember-media {
      display: none
  }

  .PointsRaceMember:hover:not([data-captains-pick]) .PointsRaceMember-firstName,.PointsRaceMember:hover:not([data-captains-pick]) .PointsRaceMember-lastName,.PointsRaceMember:hover:not([data-captains-pick]) .PointsRaceMember-score {
      color: #fff
  }

  .PointsRaceMember:hover .PointsRaceMember-qualification {
      display: none
  }
}

.QualificationItem {
  align-items: center;
  display: flex;
  white-space: nowrap
}

.QualificationItem-icon {
  align-items: center;
  background: var(--primaryColor1);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: .84rem;
  font-weight: 500;
  height: 15px;
  justify-content: center;
  width: 15px
}

[data-team=team2] .QualificationItem-icon {
  background: var(--team2Color)
}

[data-team=team1] .QualificationItem-icon {
  background: var(--team1Color)
}

@media only screen and (min-width: 1024px) {
  .QualificationItem-icon {
      font-size:1.4rem;
      height: 25px;
      width: 25px
  }
}

.QualificationItem-type {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-left: 5px
}

@media only screen and (min-width: 1024px) {
  .QualificationItem-type {
      font-size:1.2rem
  }
}

.QualificationLegend {
  font-size: 1.4rem;
  letter-spacing: -.1px;
  margin-bottom: 15px
}

.QualificationLegend-text,.QualificationLegend-types {
  display: flex
}

.QualificationLegend-text {
  align-items: flex-start
}

@media only screen and (min-width: 1024px) {
  .QualificationLegend-text {
      align-items:center
  }
}

.QualificationLegend-text+.QualificationLegend-types {
  margin-top: 10px
}

.QualificationLegend .QualificationItem-icon {
  margin-right: 10px
}

.QualificationLegend .QualificationItem-type {
  margin-left: 0;
  margin-right: 20px
}

.QualificationLegend .QualificationItem-type:last-of-type {
  margin-right: 0
}

.QualificationLegend .QualificationItem-type span {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -.1px;
  line-height: 19px;
  margin-left: 10px
}

.Quote {
  position: relative;
  width: 100%
}

.Quote blockquote {
  text-align: center
}

.Quote blockquote a {
  color: var(--primaryColor1)
}

.Quote blockquote+.Quote-attribution {
  margin-top: 5px
}

.Quote-attribution {
  display: block;
  text-align: right
}

@media only screen and (min-width: 768px) {
  .Quote {
      padding-left:56px;
      padding-right: 56px
  }
}

.RankingObject-search {
  background-color: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 8px;
  display: block;
  margin-bottom: 15px;
  position: relative
}

.RankingObject-search-button {
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.RankingObject-search-button .icon-magnify {
  height: 13px;
  width: 13px
}

.RankingObject-search-input {
  background-color: transparent;
  border: 0;
  color: var(--supportingColor9);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 19px;
  outline: none;
  padding: 13px 20px;
  width: 100%
}

.RankingObject .awesomplete {
  width: 100%
}

.RankingObject .awesomplete mark {
  background-color: transparent
}

.RankingObject .awesomplete>ul {
  background-color: #fff;
  font-size: 1.4rem
}

.RankingObject .awesomplete>ul>li {
  padding: 8px 20px;
  text-align: left
}

.RankingObject .awesomplete>ul>li:hover mark {
  background-color: transparent
}

.RankingObject-top {
  align-items: flex-start;
  color: var(--primaryColor4);
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 19px;
  text-align: left
}

.RankingObject-top a {
  color: var(--primaryColor1)
}

.RankingObject-top a[href="#"] {
  pointer-events: none;
  text-decoration: none;
  text-transform: uppercase
}

.RankingObject-top a:hover {
  color: var(--buttonHoverColor)
}

.RankingObject-notes {
  margin-bottom: 10px
}

.RankingObject-notes a {
  color: var(--primaryColor1);
  text-decoration: underline
}

[data-team=team2] .RankingObject-notes a {
  color: var(--team2Color)
}

[data-team=team1] .RankingObject-notes a {
  color: var(--team1Color)
}

.RankingObject-dateUpdated {
  flex-shrink: 0;
  margin-bottom: 15px
}

.RankingObject-table {
  margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
  .RankingObject-top {
      align-items:flex-end;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 15px
  }

  .RankingObject-notes {
      display: block;
      margin-right: 20px;
      text-align: left
  }

  .RankingObject-dateUpdated,.RankingObject-notes {
      margin-bottom: 0
  }

  .RankingObject .QualificationLegend {
      align-items: center;
      display: flex
  }

  .RankingObject .QualificationLegend-types {
      margin-left: 20px;
      margin-top: 0
  }
}

@media only screen and (min-width: 1024px) {
  .RankingObject-top {
      font-size:1.6rem;
      line-height: 27px
  }
}

.RankingModule {
  padding: 20px 15px 70px;
  position: relative
}

.RankingModule .Tabs-dd {
  margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
  .RankingModule {
      padding:20px 20px 80px
  }

  .RankingModule .Tabs-tabs {
      margin-bottom: 20px
  }
}

@media only screen and (min-width: 1024px) {
  .RankingModule {
      padding:30px 100px 100px
  }

  .RankingModule .Tabs-tabs {
      justify-content: space-around;
      margin-bottom: 45px
  }
}

.RankingTable {
  border-collapse: separate;
  border-radius: 8px;
  border-spacing: 0;
  border-top: 0;
  font-size: 1.8rem;
  margin: 0 auto 10px;
  position: relative;
  text-align: center;
  width: 100%
}

.RankingTable:before {
  background: var(--siteBgColor);
  content: "";
  display: block;
  height: 14px;
  left: -8px;
  position: absolute;
  top: 37px;
  transform: rotate(45deg);
  width: 14px
}

@media only screen and (min-width: 768px) {
  .RankingTable:before {
      content:"";
      height: 20px;
      left: -13px;
      position: absolute;
      top: 45px;
      width: 20px
  }
}

.RankingTable-error {
  margin: 10px 15px 20px;
  text-align: center
}

@media only screen and (min-width: 768px) {
  .RankingTable {
      font-size:1.9rem
  }
}

.RankingTable [data-rank] {
  padding: 0 14px 0 10px
}

.RankingTable [data-move] {
  width: 10%
}

.RankingTable [data-align-left] {
  padding-left: 15px;
  text-align: left
}

.RankingTable [data-points] {
  padding-right: 15px;
  text-align: right
}

@media only screen and (min-width: 768px) {
  .RankingTable [data-points] {
      padding-right:25px;
      padding-right: 52px
  }

  .RankingTable [data-rank] {
      width: 10%
  }
}

@media only screen and (min-width: 1024px) {
  .RankingTable [data-rank] {
      width:8%
  }
}

.RankingTable thead {
  background-color: var(--primaryColor1);
  border-bottom: 10px solid var(--siteBgColor);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase
}

[data-team=team2] .RankingTable thead {
  background-color: var(--team2Color)
}

[data-team=team1] .RankingTable thead {
  background-color: var(--team1Color)
}

@media only screen and (min-width: 768px) {
  .RankingTable thead {
      border-bottom:15px solid var(--siteBgColor);
      font-size: 1.2rem;
      letter-spacing: .6px;
      line-height: 16px
  }
}

.RankingTable thead:before {
  background: var(--siteBgColor);
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  top: 40px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .RankingTable thead:before {
      height:15px;
      top: 48px
  }
}

.RankingTable thead:after {
  background: var(--siteBgColor);
  content: "";
  display: block;
  height: 10px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .RankingTable thead:after {
      height:15px
  }
}

.RankingTable thead th,.RankingTable thead tr {
  height: 40px
}

@media only screen and (min-width: 768px) {
  .RankingTable thead th,.RankingTable thead tr {
      height:48px
  }
}

.RankingTable th {
  white-space: nowrap
}

.RankingTable th:first-of-type {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}

.RankingTable th:last-of-type {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}

.RankingTable tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 8px
}

.RankingTable tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 8px
}

.RankingTable td,.RankingTable tr {
  height: 44px
}

@media only screen and (min-width: 768px) {
  .RankingTable td,.RankingTable tr {
      height:66px;
      height: 82px
  }
}

.RankingTable tbody tr:nth-child(odd) {
  background: #f2f2f2
}

.RankingTable tbody tr:nth-child(2n) {
  background: #fff
}

.RankingTable tbody tr td:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.RankingTable tbody tr td:last-of-type {
  border-right: 1px solid var(--primaryColor5);
  white-space: nowrap
}

.RankingTable tbody tr:first-of-type td {
  border-top: 1px solid var(--primaryColor5)
}

.RankingTable tbody tr:first-of-type td:first-of-type {
  border-top-left-radius: 8px
}

.RankingTable tbody tr:first-of-type td:last-of-type {
  border-top-right-radius: 8px
}

.RankingTable tbody tr td,.RankingTable tbody tr:last-of-type td {
  border-bottom: 1px solid var(--primaryColor5)
}

.PlayerRank-previous,.PlayerRank-rank {
  color: var(--supportingColor9);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .44px;
  line-height: 15px;
  text-align: center
}

@media only screen and (min-width: 1024px) {
  .PlayerRank-previous,.PlayerRank-rank {
      font-size:1.6rem;
      letter-spacing: .5px;
      line-height: 18px
  }
}

.PlayerRank-qualification {
  margin-left: 5px
}

.PlayerRank-qualification .QualificationItem-icon {
  line-height: normal
}

@media only screen and (min-width: 1024px) {
  .PlayerRank-qualification .QualificationItem-icon {
      padding-top:2px
  }
}

@media only screen and (min-width: 768px) {
  .PlayerRank-qualification {
      margin-left:15px
  }
}

.PlayerRank-image {
  align-self: flex-end;
  margin-bottom: -1px;
  margin-right: 10px
}

@media only screen and (min-width: 768px) {
  .PlayerRank-image {
      margin-bottom:-2px
  }
}

@media only screen and (min-width: 1024px) {
  .PlayerRank-image {
      margin-right:30px
  }
}

.PlayerRank-image img {
  height: 37px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 37px
}

@media only screen and (min-width: 768px) {
  .PlayerRank-image img {
      height:45px;
      width: 45px
  }
}

@media only screen and (min-width: 1024px) {
  .PlayerRank-image img {
      height:68px;
      width: 68px
  }
}

.PlayerRank-name {
  align-items: center;
  border-color: inherit;
  color: #000;
  display: flex;
  font-size: 1.2rem;
  line-height: 14px;
  padding-left: 15px;
  text-align: left
}

@media only screen and (min-width: 768px) {
  .PlayerRank-name {
      font-size:1.4rem;
      line-height: 15px
  }
}

@media only screen and (min-width: 1024px) {
  .PlayerRank-name {
      font-size:1.6rem;
      line-height: 18px
  }
}

.PlayerRank-name[data-qualified] {
  color: var(--primaryColor1)
}

[data-team=team2] .PlayerRank-name[data-qualified] {
  color: var(--team2Color)
}

[data-team=team1] .PlayerRank-name[data-qualified] {
  color: var(--team1Color)
}

.PlayerRank-name [data-firstname] {
  display: none;
  font-style: italic;
  margin-right: 4px
}

@media only screen and (min-width: 768px) {
  .PlayerRank-name [data-firstname] {
      display:inline;
      line-height: 18px;
      margin-top: -2px
  }
}

@media only screen and (min-width: 1024px) {
  .PlayerRank-name [data-firstname] {
      line-height:20px
  }
}

.PlayerRank-name [data-lastname] {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap
}

.PlayerRank-name [data-lastname]:before {
  content: attr(data-initial) ".";
  margin-right: 5px
}

@media only screen and (min-width: 768px) {
  .PlayerRank-name [data-lastname]:before {
      display:none
  }
}

.PlayerRank-previous {
  display: table-cell
}

.PlayerRank-flag {
  margin-right: 7px
}

@media only screen and (min-width: 1024px) {
  .PlayerRank-flag {
      margin-right:20px
  }
}

.PlayerRank .move {
  align-items: center;
  display: flex;
  justify-content: center
}

.PlayerRank .move:before {
  content: "";
  display: block
}

.PlayerRank .move.up {
  color: #28911a
}

.PlayerRank .move.up:before {
  border-bottom: 4px solid #28911a;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  height: 0;
  margin-right: 3px;
  width: 0
}

.PlayerRank .move.same:before {
  background: var(--supportingColor9);
  height: 2px;
  width: 5px
}

.PlayerRank .move.down {
  color: #cc2929
}

.PlayerRank .move.down:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #cc2929;
  height: 0;
  margin-right: 3px;
  width: 0
}

.PlayerRank-points {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
  padding-right: 10px;
  text-align: right
}

@media only screen and (min-width: 768px) {
  .PlayerRank-points {
      font-size:1.6rem;
      font-weight: 700;
      line-height: 15px;
      padding-right: 20px
  }
}

@media only screen and (min-width: 1024px) {
  .PlayerRank-points {
      font-size:1.8rem;
      letter-spacing: 0;
      line-height: 20px;
      padding-right: 43px
  }
}

.FutureSitesTable,.PastSitesTable {
  display: block;
  margin-bottom: 35px;
  width: 100%
}

.FutureSitesTable-table,.PastSitesTable-table {
  margin-bottom: 30px
}

.FutureSitesTable-thead,.PastSitesTable-thead {
  display: none
}

.FutureSitesTable-th,.PastSitesTable-th {
  color: var(--primaryColor4);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 14px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .FutureSitesTable,.PastSitesTable {
      padding-left:20px;
      padding-right: 20px;
      padding-top: 27px
  }

  .FutureSitesTable-table,.PastSitesTable-table {
      display: table;
      width: 100%
  }

  .FutureSitesTable-tbody,.FutureSitesTable-thead,.PastSitesTable-tbody,.PastSitesTable-thead {
      display: table-header-group
  }

  .FutureSitesTable-th,.PastSitesTable-th {
      border-bottom: 1px solid var(--primaryColor5);
      display: table-cell;
      padding-bottom: 20px
  }
}

@media only screen and (min-width: 1240px) {
  .FutureSitesTable,.PastSitesTable {
      margin-bottom:40px;
      padding-left: 100px;
      padding-right: 100px;
      padding-top: 50px
  }

  .FutureSitesTable-table,.PastSitesTable-table {
      margin-bottom: 50px
  }

  .FutureSitesTable-th,.PastSitesTable-th {
      padding-bottom: 25px
  }
}

.FutureSitesRow,.PastSitesRow {
  color: var(--supportingColor2);
  display: block;
  margin: 20px 15px;
  padding-bottom: 20px
}

.FutureSitesRow[data-toggle-in=expand] .chevron,.PastSitesRow[data-toggle-in=expand] .chevron {
  top: -4px;
  transform: rotate(-90deg)
}

.FutureSitesRow[data-toggle-in=expand]+[data-toggle-area],.FutureSitesRow[data-toggle-in=expand]+[data-toggle-sibling]+[data-toggle-area],.PastSitesRow[data-toggle-in=expand]+[data-toggle-area],.PastSitesRow[data-toggle-in=expand]+[data-toggle-sibling]+[data-toggle-area] {
  display: block
}

.FutureSitesRow-td,.PastSitesRow-td {
  margin-bottom: 25px
}

.FutureSitesRow-td:last-of-type,.PastSitesRow-td:last-of-type {
  margin-bottom: 0
}

.FutureSitesRow-toggle-trigger,.PastSitesRow-toggle-trigger {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--primaryColor1);
  cursor: pointer;
  display: flex;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1.29px;
  line-height: 15px;
  padding: 0;
  text-transform: uppercase
}

.FutureSitesRow-toggle-trigger .chevron,.PastSitesRow-toggle-trigger .chevron {
  height: 11px;
  margin-right: 5px;
  position: relative;
  top: 3px;
  transform: rotate(90deg);
  width: 11px
}

.FutureSitesRow-toggle-area,.PastSitesRow-toggle-area {
  background: var(--primaryColor6);
  display: none;
  margin-top: -21px;
  padding: 20px 15px
}

.FutureSitesRow-image,.PastSitesRow-image {
  margin-bottom: 20px
}

.FutureSitesRow-image img,.PastSitesRow-image img {
  border-radius: 2px
}

.FutureSitesRow-description,.PastSitesRow-description {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  letter-spacing: .2px;
  line-height: 28px;
  margin-bottom: 25px
}

@media only screen and (min-width: 768px) {
  .FutureSitesRow,.PastSitesRow {
      border-bottom:0;
      display: table-row
  }

  .FutureSitesRow[data-toggle-in=expand]+[data-toggle-area],.FutureSitesRow[data-toggle-in=expand]+[data-toggle-sibling]+[data-toggle-area],.PastSitesRow[data-toggle-in=expand]+[data-toggle-area],.PastSitesRow[data-toggle-in=expand]+[data-toggle-sibling]+[data-toggle-area] {
      display: table-row
  }

  .FutureSitesRow-td,.PastSitesRow-td {
      border-bottom: 1px solid var(--primaryColor5);
      display: table-cell;
      padding: 25px 0;
      position: relative;
      vertical-align: middle
  }

  [data-toggle-in=expand] .FutureSitesRow-td,[data-toggle-in=expand] .PastSitesRow-td {
      border-bottom: 0
  }

  .FutureSitesRow-td:after,.PastSitesRow-td:after {
      background: var(--primaryColor5);
      content: "";
      height: 36px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 1px
  }

  .FutureSitesRow-td:last-of-type:after,.PastSitesRow-td:last-of-type:after {
      display: none
  }

  .FutureSitesRow-td-content.flex,.PastSitesRow-td-content.flex {
      align-items: center;
      display: flex
  }

  .FutureSitesRow-toggle-wrap,.PastSitesRow-toggle-wrap {
      overflow: visible;
      width: 0
  }

  .FutureSitesRow-toggle-cell,.PastSitesRow-toggle-cell {
      background: var(--primaryColor6);
      margin-left: -20px;
      margin-right: -20px;
      max-width: 1440px;
      padding: 15px 20px 40px;
      width: 100vw
  }

  .FutureSitesRow-image img,.PastSitesRow-image img {
      margin: auto
  }

  .FutureSitesRow-description,.PastSitesRow-description {
      line-height: 25px
  }
}

@media only screen and (min-width: 1240px) {
  .FutureSitesRow-toggle-trigger,.PastSitesRow-toggle-trigger {
      font-size:1.4rem;
      letter-spacing: 1.5px;
      line-height: 17px
  }

  .FutureSitesRow-toggle-cell,.PastSitesRow-toggle-cell {
      margin-left: -100px;
      margin-right: -100px;
      padding: 40px 100px
  }

  .FutureSitesRow-image,.PastSitesRow-image {
      margin-right: 30px;
      max-width: 601px
  }

  .FutureSitesRow-image img,.PastSitesRow-image img {
      border-radius: 8px
  }

  .FutureSitesRow-info,.PastSitesRow-info {
      max-width: 601px;
      width: 100%
  }
}

.FutureSitesRow {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0
}

.FutureSitesRow .FutureSitesTable-th {
  margin-bottom: 15px
}

.FutureSitesRow-btn-row {
  border-bottom: 1px solid var(--primaryColor5);
  border-top: 1px solid var(--primaryColor5);
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px 0
}

.FutureSitesRow-btn-row .FutureSitesRow-toggle-trigger {
  margin: auto
}

.FutureSitesRow-year {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .6px;
  line-height: 20px
}

.FutureSitesRow-name {
  font-size: 1.2rem;
  letter-spacing: 1px;
  line-height: 19px;
  margin-bottom: 15px;
  text-transform: uppercase
}

.FutureSitesRow-course,.FutureSitesRow-name {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif
}

.FutureSitesRow-course {
  font-size: 1.8rem;
  letter-spacing: .6px;
  line-height: 22px;
  margin-bottom: 5px
}

.FutureSitesRow-location {
  color: #000;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  letter-spacing: .53px;
  line-height: 19px;
  margin-bottom: 20px
}

.FutureSitesRow-dateRange {
  color: var(--supportingColor8);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .8px;
  line-height: 14px;
  margin-bottom: 10px;
  padding-right: 79px;
  text-transform: uppercase
}

.FutureSitesRow-info {
  position: relative
}

.FutureSitesRow-info-course {
  font-size: 2.1rem;
  letter-spacing: .5px;
  line-height: 31px;
  margin-bottom: 20px;
  padding-right: 79px
}

.FutureSitesRow-info-links {
  display: flex;
  flex-direction: column
}

.FutureSitesRow-info-links .Link {
  margin: auto auto 20px;
  width: 305px
}

.FutureSitesRow-info-links .tickets {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor);
  border-radius: 22.5px;
  color: var(--buttonTextColor);
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  padding: 14px 36px;
  text-align: center;
  transition: background-color .3s ease-in-out
}

.FutureSitesRow-info-links .tickets:active,.FutureSitesRow-info-links .tickets:hover {
  background-color: var(--buttonHoverColor);
  border: 1px solid var(--buttonHoverColor)
}

.FutureSitesRow-info-links .hospitality,.FutureSitesRow-info-links .volunteers {
  background-color: #fff;
  border: 1px solid #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 22.5px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  padding: 14px 36px;
  text-align: center
}

.FutureSitesRow-info-links .hospitality:active,.FutureSitesRow-info-links .hospitality:hover,.FutureSitesRow-info-links .volunteers:active,.FutureSitesRow-info-links .volunteers:hover {
  background-color: var(--primaryColor1);
  border: 1px solid var(--primaryColor1);
  color: #fff
}

.FutureSitesRow-info-links .volunteers {
  margin-bottom: 0
}

.FutureSitesRow-badge {
  position: absolute;
  right: 0;
  top: 0
}

.FutureSitesRow-toggle-area {
  margin-top: 0
}

@media only screen and (min-width: 768px) {
  .FutureSitesRow .FutureSitesTable-th {
      display:none
  }

  .FutureSitesRow-btn-row {
      border: 0;
      margin: 0;
      padding: 0
  }

  .FutureSitesRow-td-content.between {
      justify-content: space-between;
      padding-left: 50px
  }

  .FutureSitesRow-td-content.start {
      justify-content: flex-start
  }

  .FutureSitesRow-location,.FutureSitesRow-name,.FutureSitesRow-year {
      margin-bottom: 0
  }

  .FutureSitesRow-year {
      font-size: 2.1rem;
      letter-spacing: .7px;
      line-height: 31px
  }

  .FutureSitesRow-location,.FutureSitesRow-name {
      font-size: 1.8rem;
      letter-spacing: .6px;
      line-height: 22px
  }

  .FutureSitesRow-course {
      color: var(--primaryColor4);
      font-size: 1.6rem;
      letter-spacing: .53px;
      line-height: 19px;
      margin-bottom: 7px
  }

  .FutureSitesRow-info-links {
      flex-direction: row;
      justify-content: flex-start
  }

  .FutureSitesRow-info-links .Link {
      margin: 0 15px 0 0;
      max-width: 100%;
      max-width: 160px
  }
}

@media only screen and (min-width: 1240px) {
  .FutureSitesRow-td-content.between {
      padding-left:90px
  }

  .FutureSitesRow-cell {
      display: flex
  }

  .FutureSitesRow-image {
      margin-bottom: 0
  }

  .FutureSitesRow-dateRange {
      margin-top: 30px
  }
}

.FutureSitesTable-cta {
  margin: auto;
  width: 100%
}

.FutureSitesTable-cta .Link {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor);
  border-radius: 22.5px;
  color: var(--buttonTextColor);
  cursor: pointer;
  display: inline-block;
  display: block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  margin: 0 auto 20px;
  max-width: 150px;
  padding: 14px 0;
  text-align: center;
  transition: background-color .3s ease-in-out
}

.FutureSitesTable-cta .Link:active,.FutureSitesTable-cta .Link:hover {
  background-color: var(--buttonHoverColor);
  border: 1px solid var(--buttonHoverColor)
}

@media only screen and (min-width: 768px) {
  .FutureSitesTable-th.location {
      padding-left:50px
  }

  .FutureSitesTable-cta .Link {
      max-width: 163px
  }
}

@media only screen and (min-width: 1240px) {
  .FutureSitesTable-th.location {
      padding-left:90px
  }

  .FutureSitesTable-cta .Link {
      max-width: 173px
  }
}

.PastSitesRow {
  border-bottom: 0;
  margin: 25px 15px -35px;
  padding-bottom: 25px
}

.PastSitesRow-toggle-cell {
  padding-bottom: 30px
}

.PastSitesRow-toggle-area {
  padding-bottom: 0
}

.PastSitesRow-badge {
  display: none;
  margin-left: 20px;
  margin-right: 25px
}

.PastSitesRow-badge img {
  height: 61px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 69px
}

.PastSitesRow .PastSitesTable-th {
  margin-bottom: 15px
}

.PastSitesRow:not(:first-of-type) {
  padding-top: 0
}

.PastSitesRow-td {
  display: inline-block;
  margin-bottom: 25px;
  width: 100%
}

.PastSitesRow-td.year {
  width: 76px
}

.PastSitesRow-td.date {
  width: calc(100% - 86px)
}

.PastSitesRow-td.location .PastSitesRow-toggle-trigger {
  display: none
}

.PastSitesRow-year {
  color: var(--supportingColor2);
  font-weight: 700;
  white-space: nowrap
}

.PastSitesRow-date,.PastSitesRow-year {
  font-size: 1.8rem;
  letter-spacing: .6px;
  line-height: 20px
}

.PastSitesRow-date {
  color: var(--supportingColor1);
  font-weight: 400
}

.PastSitesRow-name {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.2rem;
  letter-spacing: 1px;
  line-height: 19px;
  margin-bottom: 8px;
  text-transform: uppercase
}

.PastSitesRow-winner {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .39px;
  line-height: 19px
}

.PastSitesRow-winner .flag {
  margin-right: 5px
}

.PastSitesRow-course {
  color: var(--supportingColor8);
  font-size: 1.6rem;
  letter-spacing: .53px;
  line-height: 19px
}

.PastSitesRow-course,.PastSitesRow-location {
  font-family: Nunito Sans,Arial,Helvetica,sans-serif
}

.PastSitesRow-location {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  letter-spacing: .6px;
  line-height: 22px;
  margin-bottom: 26px
}

.PastSitesRow-toggle-area {
  margin-top: 0
}

.PastSitesRow-toggle-area .Link.recap {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor);
  border-radius: 22.5px;
  color: var(--buttonTextColor);
  cursor: pointer;
  display: inline-block;
  display: block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  margin: auto auto 0;
  max-width: 194px;
  padding: 14px 0;
  text-align: center;
  transition: background-color .3s ease-in-out;
  width: 100%
}

.PastSitesRow-toggle-area .Link.recap:active,.PastSitesRow-toggle-area .Link.recap:hover {
  background-color: var(--buttonHoverColor);
  border: 1px solid var(--buttonHoverColor)
}

.PastSitesRow-btn-row {
  border-bottom: 1px solid var(--primaryColor5);
  border-top: 1px solid var(--primaryColor5);
  padding: 15px 0
}

.PastSitesRow-btn-row .PastSitesRow-toggle-trigger {
  margin: auto
}

.PastSitesRow-stats {
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 727px
}

.PastSitesRow-description {
  margin-left: auto;
  margin-right: auto;
  max-width: 727px
}

.PastSitesRow-image {
  margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
  .PastSitesRow {
      margin:0;
      padding-bottom: 0
  }

  .PastSitesRow .PastSitesTable-th {
      display: none
  }

  .PastSitesRow-td {
      display: table-cell;
      padding: 18px 0;
      width: auto
  }

  .PastSitesRow-td:after {
      top: 50%;
      transform: translateY(-50%)
  }

  .PastSitesRow-td.date,.PastSitesRow-td.winner {
      margin-bottom: 0;
      padding-left: 20px;
      width: auto
  }

  .PastSitesRow-td.winner {
      width: 115px
  }

  .PastSitesRow-td.date .tablet-hide {
      display: none
  }

  .PastSitesRow-td.location {
      display: table-cell;
      padding-left: 20px
  }

  .PastSitesRow-td.location:after {
      display: none
  }

  .PastSitesRow-td.location .PastSitesRow-td-group {
      width: 180px
  }

  .PastSitesRow-td.location .PastSitesRow-toggle-trigger {
      align-items: center;
      display: flex;
      flex-shrink: 0;
      flex-wrap: nowrap
  }

  .PastSitesRow-td-content.between {
      justify-content: space-between
  }

  .PastSitesRow-td-content.start {
      justify-content: flex-start
  }

  .PastSitesRow-location,.PastSitesRow-name,.PastSitesRow-year {
      margin-bottom: 0
  }

  .PastSitesRow-date {
      font-size: 1.4rem;
      letter-spacing: .39px;
      line-height: 19px
  }

  .PastSitesRow-course {
      font-size: 1.4rem;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 19px
  }

  .PastSitesRow-location {
      font-size: 12px;
      letter-spacing: 0;
      line-height: 16px
  }

  .PastSitesRow-relative {
      position: relative
  }

  .PastSitesRow .info-text,.PastSitesRow-btn-row {
      display: none
  }
}

@media only screen and (min-width: 1024px) {
  .PastSitesRow-badge {
      display:block
  }

  .PastSitesRow-td.year {
      width: 165px
  }

  .PastSitesRow-td.date {
      border-top: 0;
      display: table-cell
  }

  .PastSitesRow-td.date .tablet-hide {
      display: block
  }

  .PastSitesRow-td.date .PastSitesRow-td-content.flex {
      justify-content: space-between
  }

  .PastSitesRow-td.location .PastSitesRow-td-group {
      min-width: 280px;
      width: auto
  }

  .PastSitesRow-btn-row {
      left: 125%
  }

  .PastSitesRow-description,.PastSitesRow-stats {
      max-width: none
  }
}

@media only screen and (min-width: 1240px) {
  .PastSitesRow-td {
      padding-bottom:25px
  }

  .PastSitesRow-td:after {
      top: 50%;
      transform: translateY(-50%)
  }

  .PastSitesRow-toggle-top {
      display: flex;
      justify-content: space-between
  }

  .PastSitesRow-grid {
      display: grid;
      grid-template-columns: minmax(0,297px) minmax(0,297px);
      margin: 0;
      max-width: 596px;
      text-align: center
  }

  .PastSitesRow-grid-item {
      padding: 12px 0 24px
  }

  .PastSitesRow-grid-item:first-of-type,.PastSitesRow-grid-item:nth-of-type(2) {
      align-self: end
  }

  .PastSitesRow-grid-item:nth-of-type(3),.PastSitesRow-grid-item:nth-of-type(4) {
      align-self: start
  }

  .PastSitesRow-grid-value {
      font-size: 3.6rem;
      font-weight: 600;
      letter-spacing: 1px;
      line-height: 43px
  }

  .PastSitesRow-grid-text {
      font-size: 1.5rem;
      line-height: 18px
  }

  .PastSitesRow-btn-row {
      display: none
  }

  .PastSitesRow .info-text {
      display: inline
  }

  .PastSitesRow-stats {
      width: 50%
  }
}

@media only screen and (min-width: 1440px) {
  .PastSitesRow-td.year {
      width:171px
  }

  .PastSitesRow-td.date {
      padding-left: 25px;
      width: 295px
  }

  .PastSitesRow-td.location,.PastSitesRow-td.winner {
      padding-left: 70px
  }

  .PastSitesRow-td.winner {
      width: 237px
  }

  .PastSitesRow-year {
      font-size: 2.1rem;
      letter-spacing: 0;
      line-height: 24px
  }

  .PastSitesRow-date {
      font-size: 1.6rem;
      letter-spacing: 0;
      line-height: 24px
  }

  .PastSitesRow-winner {
      font-size: 1.8rem;
      font-weight: 700;
      letter-spacing: .5px;
      line-height: 22px
  }

  .PastSitesRow-winner .flag {
      margin-right: 10px
  }

  .PastSitesRow-course {
      font-size: 1.6rem;
      letter-spacing: 0;
      line-height: 22px
  }

  .PastSitesRow-location {
      font-size: 1.8rem;
      letter-spacing: 0;
      line-height: 24px
  }
}

.PastSitesTable {
  margin-bottom: 66px
}

.PastSitesTable-th.purse {
  display: none
}

.PastSitesTable-cta {
  display: inline-block;
  margin: auto;
  width: 100%
}

.PastSitesTable-cta .Link {
  background-color: var(--buttonColor);
  border: 1px solid var(--buttonColor);
  border-radius: 22.5px;
  color: var(--buttonTextColor);
  cursor: pointer;
  display: inline-block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .35px;
  line-height: 17px;
  margin: 0 auto 20px;
  max-width: 150px;
  padding: 14px 36px;
  text-align: center;
  transition: background-color .3s ease-in-out
}

.PastSitesTable-cta .Link:active,.PastSitesTable-cta .Link:hover {
  background-color: var(--buttonHoverColor);
  border: 1px solid var(--buttonHoverColor)
}

@media only screen and (min-width: 768px) {
  .PastSitesTable-th.date,.PastSitesTable-th.location,.PastSitesTable-th.winner {
      padding-left:20px
  }

  .PastSitesTable-cta .Link {
      max-width: 163px
  }
}

@media only screen and (min-width: 1024px) {
  .PastSitesTable-th {
      font-weight:700;
      line-height: 16px
  }
}

@media only screen and (min-width: 1440px) {
  .PastSitesTable-th.date {
      padding-left:25px
  }

  .PastSitesTable-th.location,.PastSitesTable-th.winner {
      padding-left: 70px
  }
}

.SocialBar-items {
  display: flex;
  flex-wrap: wrap;
  list-style: none
}

.SocialBar-items-item {
  flex-shrink: 0;
  margin: 0 20px 0 0
}

.SocialBar-items-item:last-of-type {
  margin-right: 0
}

.SocialLink {
  align-items: center;
  display: flex;
  justify-content: center
}

.SocialLink svg {
  fill: var(--primaryColor4);
  height: 26px;
  width: 26px
}

.ScoringModule,.Tabs {
  position: relative
}

.ScoringModule-dd,.Tabs-dd {
  background-color: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 8px;
  color: #000;
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 19px;
  position: relative
}

.ScoringModule-dd:after,.Tabs-dd:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  content: "";
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 15.5px;
  top: 50%;
  transform: translateY(-50%);
  width: 0
}

.ScoringModule-select,.Tabs-select {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 8px;
  color: #000;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 19px;
  padding: 12.5px 15px;
  position: relative;
  width: 100%
}

.ScoringModule-tabs,.Tabs-tabs {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid var(--primaryColor5);
  border-top: 1px solid var(--primaryColor5);
  display: none;
  height: 51px;
  justify-content: space-evenly;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.ScoringModule-tabs>li,.Tabs-tabs>li {
  height: 100%;
  text-align: center
}

.ScoringModule-tab,.Tabs-tab {
  all: unset;
  align-items: center;
  color: var(--supportingColor8);
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  height: 100%;
  letter-spacing: .2px;
  line-height: 19px;
  position: relative
}

.ScoringModule-tab[data-disabled=false]:focus:after,.Tabs-tab[data-disabled=false]:focus:after {
  background: var(--primaryColor1);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 47px
}

.ScoringModule-tab[data-disabled=true],.Tabs-tab[data-disabled=true] {
  cursor: default;
  pointer-events: none
}

.ScoringModule-tab[data-active=true],.Tabs-tab[data-active=true] {
  color: var(--primaryColor1);
  font-weight: 700;
  letter-spacing: 0
}

.ScoringModule-tab[data-active=true]:after,.Tabs-tab[data-active=true]:after {
  background: var(--primaryColor1);
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 47px
}

[data-location] .ScoringModule-tab:before,[data-location] .Tabs-tab:before {
  background-size: 100%;
  content: "";
  height: 15px;
  margin-right: 10px;
  margin-top: -2px;
  width: 25px
}

[data-location=team2] .ScoringModule-tab:before,[data-location=team2] .Tabs-tab:before {
  background-image: url('../../../resource/00000171-e18a-d5aa-a973-f9afe3390000/510e5eb0f7946e11c84d.f1da09b622348136fa1a2ed9547d9ea1.svg')
}

[data-location=team1] .ScoringModule-tab:before,[data-location=team1] .Tabs-tab:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjVweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjUgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBza2V0Y2h0b29sIDY0ICgxMDEwMTApIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkJGOTBBRDc5LTA4QjEtNDY3MS05MDMxLTk4NTQ2REM4NUNEMzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZyBpZD0iRXVyb3BlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRVVfQXJ0aWNsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0NS4wMDAwMDAsIC01NzUuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNDUuMDAwMDAwLCA1NzIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iZmxhZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlNoYXBlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGZpbGw9IiMwMDFFN0EiIHBvaW50cz0iMCAwIDI0LjY5OTM3MTcgMCAyNC42OTkzNzE3IDE1LjY2MzAxNjIgMCAxNS42NjMwMTYyIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ljc3Mzg3OSwgMC42NjE4MTgpIiBmaWxsPSIjRkZENDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iMTIuMTAzNzYxNCA5LjUxOTE0Mjk0IDEyLjgyMDE1MDEgOS41MTkxNDI5NCAxMi4yNDI3NjIyIDkuOTcxMzg0OTYgMTIuNDY3MzAxOSAxMC42ODgzNTQgMTEuODg5OTE0IDEwLjI0NzE0MjMgMTEuMzEyNTI2MSAxMC42ODgzNTQgMTEuNTM3MDY1OCA5Ljk3MTM4NDk2IDEwLjk0ODk4NTUgOS41MTkxNDI5NCAxMS42NjUzNzQzIDkuNTE5MTQyOTQgMTEuODc5MjIxNiA4LjgyNDIzNDQ4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSI2LjkwNzI3MDE4IDAuNzM5MDI5NjM3IDcuNjIzNjU4ODggMC43MzkwMjk2MzcgNy4wNDYyNzA5NyAxLjE5MTI3MTY1IDcuMjcwODEwNzIgMS45MDgyNDA3MSA2LjY5MzQyMjgxIDEuNDY3MDI4OTggNi4xMTYwMzQ5IDEuOTA4MjQwNzEgNi4zNDA1NzQ2NCAxLjE5MTI3MTY1IDUuNzUyNDk0MzYgMC43MzkwMjk2MzcgNi40Njg4ODMwNiAwLjczOTAyOTYzNyA2LjY4MjczMDQ0IDAuMDQ0MTIxMTcyNCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iNi45MDcyNzAxOCAxMi42ODQ4MzcxIDcuNjIzNjU4ODggMTIuNjg0ODM3MSA3LjA0NjI3MDk3IDEzLjEzNzA3OTEgNy4yNzA4MTA3MiAxMy44NTQwNDgxIDYuNjkzNDIyODEgMTMuNDEyODM2NCA2LjExNjAzNDkgMTMuODU0MDQ4MSA2LjM0MDU3NDY0IDEzLjEzNzA3OTEgNS43NTI0OTQzNiAxMi42ODQ4MzcxIDYuNDY4ODgzMDYgMTIuNjg0ODM3MSA2LjY4MjczMDQ0IDExLjk4OTkyODYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBwb2ludHM9IjMuNzEwMjUxOTQgMTEuODQ2NTM0OCA0LjQyNjY0MDY0IDExLjg0NjUzNDggMy44NDkyNTI3MyAxMi4yOTg3NzY4IDQuMDczNzkyNDcgMTMuMDE1NzQ1OSAzLjQ5NjQwNDU2IDEyLjU3NDUzNDEgMi45MTkwMTY2NSAxMy4wMTU3NDU5IDMuMTQzNTU2NCAxMi4yOTg3NzY4IDIuNTU1NDc2MTIgMTEuODQ2NTM0OCAzLjI3MTg2NDgyIDExLjg0NjUzNDggMy40ODU3MTIyIDExLjE1MTYyNjMiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBwb2ludHM9IjEyLjIyMTM3NzQgMy45NzA5MDU1MSAxMi45Mzc3NjYxIDMuOTcwOTA1NTEgMTIuMzYwMzc4MiA0LjQyMzE0NzUzIDEyLjU4NDkxOCA1LjE0MDExNjU4IDEyLjAwNzUzIDQuNjk4OTA0ODYgMTEuNDMwMTQyMSA1LjE0MDExNjU4IDExLjY1NDY4MTkgNC40MjMxNDc1MyAxMS4wNjY2MDE2IDMuOTcwOTA1NTEgMTEuNzgyOTkwMyAzLjk3MDkwNTUxIDExLjk5NjgzNzcgMy4yNzU5OTcwNSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iMS43NzQ5MzMyIDMuOTA0NzIzNzYgMi40OTEzMjE5MSAzLjkwNDcyMzc2IDEuOTEzOTM0IDQuMzU2OTY1NzcgMi4xMzg0NzM3NCA1LjA3MzkzNDgyIDEuNTYxMDg1ODMgNC42MzI3MjMxIDAuOTgzNjk3OTIgNS4wNzM5MzQ4MiAxLjIwODIzNzY2IDQuMzU2OTY1NzcgMC42MjAxNTczODUgMy45MDQ3MjM3NiAxLjMzNjU0NjA5IDMuOTA0NzIzNzYgMS41NTAzOTM0NiAzLjIwOTgxNTI5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSIxMC4wMjk0NDE4IDEuNzc1ODc3MTkgMTAuNzQ1ODMwNSAxLjc3NTg3NzE5IDEwLjE2ODQ0MjYgMi4yMjgxMTkyMSAxMC4zOTI5ODI0IDIuOTQ1MDg4MjYgOS44MTU1OTQ0NyAyLjUwMzg3NjUzIDkuMjM4MjA2NTYgMi45NDUwODgyNiA5LjQ2Mjc0NjMgMi4yMjgxMTkyMSA4Ljg3NDY2NjAyIDEuNzc1ODc3MTkgOS41OTEwNTQ3MiAxLjc3NTg3NzE5IDkuODA0OTAyMSAxLjA4MDk2ODcyIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSI0LjAzMTAyMyAxLjcwOTY5NTQzIDQuNzQ3NDExNyAxLjcwOTY5NTQzIDQuMTcwMDIzNzkgMi4xNjE5Mzc0NSA0LjM5NDU2MzU0IDIuODc4OTA2NSAzLjgxNzE3NTYzIDIuNDM3Njk0NzcgMy4yMzk3ODc3MiAyLjg3ODkwNjUgMy40NjQzMjc0NiAyLjE2MTkzNzQ1IDIuODc2MjQ3MTggMS43MDk2OTU0MyAzLjU5MjYzNTg4IDEuNzA5Njk1NDMgMy44MDY0ODMyNiAxLjAxNDc4Njk2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSIxMC4yODYwNTg3IDExLjg0NjUzNDggMTEuMDAyNDQ3NCAxMS44NDY1MzQ4IDEwLjQyNTA1OTUgMTIuMjk4Nzc2OCAxMC42NDk1OTkyIDEzLjAxNTc0NTkgMTAuMDcyMjExMyAxMi41NzQ1MzQxIDkuNDk0ODIzNCAxMy4wMTU3NDU5IDkuNzE5MzYzMTUgMTIuMjk4Nzc2OCA5LjEzMTI4Mjg3IDExLjg0NjUzNDggOS44NDc2NzE1NyAxMS44NDY1MzQ4IDEwLjA2MTUxODkgMTEuMTUxNjI2MyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iMS4xNDQwODM0NSA2LjYxODE3NTg2IDEuODYwNDcyMTUgNi42MTgxNzU4NiAxLjI4MzA4NDI0IDcuMDcwNDE3ODcgMS41MDc2MjM5OSA3Ljc4NzM4NjkzIDAuOTMwMjM2MDc3IDcuMzQ2MTc1MiAwLjM1Mjg0ODE2NyA3Ljc4NzM4NjkzIDAuNTc3Mzg3OTEgNy4wNzA0MTc4NyAwIDYuNjE4MTc1ODYgMC43MTYzODg3MDMgNi42MTgxNzU4NiAwLjkzMDIzNjA3NyA1LjkyMzI2NzM5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSIxMi43MjM5MTg4IDYuNjg0MzU3NjIgMTMuNDQwMzA3NSA2LjY4NDM1NzYyIDEyLjg2MjkxOTUgNy4xMzY1OTk2MyAxMy4wODc0NTkzIDcuODUzNTY4NjggMTIuNTEwMDcxNCA3LjQxMjM1Njk2IDExLjkzMjY4MzUgNy44NTM1Njg2OCAxMi4xNTcyMjMyIDcuMTM2NTk5NjMgMTEuNTY5MTQyOSA2LjY4NDM1NzYyIDEyLjI4NTUzMTYgNi42ODQzNTc2MiAxMi40OTkzNzkgNS45ODk0NDkxNSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iMS44MzkwODc0MiA5LjUxOTE0Mjk0IDIuNTU1NDc2MTIgOS41MTkxNDI5NCAxLjk3ODA4ODIxIDkuOTcxMzg0OTYgMi4yMDI2Mjc5NSAxMC42ODgzNTQgMS42MjUyNDAwNCAxMC4yNDcxNDIzIDEuMDQ3ODUyMTMgMTAuNjg4MzU0IDEuMjcyMzkxODggOS45NzEzODQ5NiAwLjY4NDMxMTU5NyA5LjUxOTE0Mjk0IDEuNDAwNzAwMyA5LjUxOTE0Mjk0IDEuNjE0NTQ3NjcgOC44MjQyMzQ0OCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K')
}

.ScoringModule-panel,.ScoringModule-panel[data-visible=false],.Tabs-panel,.Tabs-panel[data-visible=false] {
  display: none
}

.ScoringModule-panel[data-visible=true],.Tabs-panel[data-visible=true] {
  display: block
}

@media only screen and (min-width: 768px) {
  .ScoringModule-dd,.Tabs-dd {
      display:none
  }

  .ScoringModule-tabs,.Tabs-tabs {
      display: flex;
  }
}

@media only screen and (min-width: 1024px) {
  .ScoringModule-tabs,.Tabs-tabs {
      border:1px solid var(--primaryColor5);
      border-radius: 12px;
      height: 56px;
      margin-left: 0;
      margin-right: 0;
      width: 100%
  }
}

.Tabs {
  display: block
}

.HeadingH3,.HeadingH4,.HeadingH5,.HeadingH6 {
  font-size: 19px
}

.RichTextBody .cms-textAlign-center,.RichTextBody [data-align-center] {
  text-align: center
}

.RichTextBody .cms-textAlign-right,.RichTextBody [data-align-right] {
  text-align: right
}

.RichTextBody [data-align-left] {
  text-align: left
}

.RichTextBody:after {
  clear: both;
  content: "";
  display: table
}

.RichTextBody p,.RichTextBody p>ol,.RichTextBody p>ul,.RichTextBody>ol,.RichTextBody>ul {
  color: var(--supportingColor1);
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 27px
}

.RichTextBody p a,.RichTextBody p>ol a,.RichTextBody p>ul a,.RichTextBody>ol a,.RichTextBody>ul a {
  color: var(--hyperlinkTextColor);
  text-decoration: none
}

.RichTextBody p a:hover,.RichTextBody p>ol a:hover,.RichTextBody p>ul a:hover,.RichTextBody>ol a:hover,.RichTextBody>ul a:hover {
  text-decoration: none
}

.RichTextBody p>ul,.RichTextBody p>ul li>ul,.RichTextBody>ul,.RichTextBody>ul li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.RichTextBody p>ul li>ol,.RichTextBody>ul li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.RichTextBody p>ul b,.RichTextBody p>ul strong,.RichTextBody>ul b,.RichTextBody>ul strong {
  color: var(--primaryColor1)
}

.RichTextBody p>ol,.RichTextBody>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.RichTextBody p>ol li>ul,.RichTextBody>ol li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.RichTextBody p>ol li>ol,.RichTextBody>ol li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.RichTextBody p>ol b,.RichTextBody p>ol strong,.RichTextBody>ol b,.RichTextBody>ol strong {
  color: var(--primaryColor1)
}

.RichTextBody p {
  margin: 0 0 25px
}

.RichTextBody p:first-of-type {
  margin-top: 0
}

.RichTextBody p:last-of-type {
  margin-bottom: 0
}

.RichTextBody p:last-of-type+.Enhancement,.RichTextBody p:last-of-type+.EnhancementFullWidth {
  margin-top: 25px
}

.RichTextBody h2,.RichTextBody h3,.RichTextBody h4,.RichTextBody h5,.RichTextBody h6 {
  color: var(--supportingColor2);
  font-weight: 700;
  margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
  .RichTextBody h2,.RichTextBody h3,.RichTextBody h4,.RichTextBody h5,.RichTextBody h6 {
      margin-bottom:20px
  }
}

.RichTextBody h2 {
  font-size: 2.1rem;
  letter-spacing: .35px;
  line-height: 31px;
  margin-bottom: 15px
}

@media only screen and (min-width: 1024px) {
  .RichTextBody h2 {
      font-size:2.4rem
  }
}

.RichTextBody h3 {
  font-size: 1.9rem
}

@media only screen and (min-width: 1024px) {
  .RichTextBody h3 {
      font-size:2.2rem
  }
}

.RichTextBody h4 {
  font-size: 1.7rem
}

@media only screen and (min-width: 1024px) {
  .RichTextBody h4 {
      font-size:2rem
  }
}

.RichTextBody h5 {
  font-size: 1.6rem
}

.RichTextBody h6 {
  font-size: 1.5rem
}

.RichTextBody table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 25px;
  width: 100%
}

.RichTextBody thead {
  background-color: var(--primaryColor1);
  border-bottom: 10px solid var(--siteBgColor);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 12px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .RichTextBody thead {
      border-bottom:15px solid var(--siteBgColor);
      font-size: 1.2rem;
      letter-spacing: .6px;
      line-height: 16px
  }
}

@media only screen and (min-width: 1024px) {
  .RichTextBody thead {
      border-bottom:30px solid var(--siteBgColor)
  }
}

.RichTextBody thead:after {
  background: var(--siteBgColor);
  content: "";
  display: block;
  height: 10px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .RichTextBody thead:after {
      height:15px
  }
}

@media only screen and (min-width: 1024px) {
  .RichTextBody thead:after {
      height:30px
  }
}

.RichTextBody thead th,.RichTextBody thead tr {
  height: 40px
}

@media only screen and (min-width: 768px) {
  .RichTextBody thead th,.RichTextBody thead tr {
      height:48px
  }
}

.RichTextBody th:first-of-type {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}

.RichTextBody th:last-of-type {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}

.RichTextBody tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 8px
}

.RichTextBody tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 8px
}

.RichTextBody td,.RichTextBody tr {
  padding: 17px 15px
}

.RichTextBody td {
  text-align: center
}

.RichTextBody tbody tr:nth-child(odd) {
  background: linear-gradient(90deg,hsla(0,0%,98%,0),#f2f2f2);
  background-color: #fff
}

.RichTextBody tbody tr:nth-child(2n) {
  background: #fff
}

.RichTextBody tbody tr td {
  border-right: 1px solid var(--primaryColor5)
}

.RichTextBody tbody tr td:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.RichTextBody tbody tr:first-of-type td {
  border-top: 1px solid var(--primaryColor5)
}

.RichTextBody tbody tr:first-of-type td:first-of-type {
  border-top-left-radius: 8px
}

.RichTextBody tbody tr:first-of-type td:last-of-type {
  border-top-right-radius: 8px
}

.RichTextBody tbody tr td,.RichTextBody tbody tr:last-of-type td {
  border-bottom: 1px solid var(--primaryColor5)
}

.RichTextBody tbody td a {
  color: var(--hyperlinkTextColor);
  text-decoration: underline
}

.RichTextBody tbody td a:hover {
  text-decoration: none
}

.RichTextBody .Figure img {
  margin-bottom: 10px;
  width: 100%
}

.RichTextBody .Figure-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.RichTextBody .Figure-caption,.RichTextBody .Figure-caption p,.RichTextBody .Figure-credit,.RichTextBody .Figure-credit p {
  display: inline
}

@media only screen and (min-width: 768px) {
  .RichTextBody .Figure img {
      margin-bottom:20px
  }
}

.RichTextBody .TweetEmbed twitter-widget {
  width: auto!important
}

.RichTextBody .MpsAd-wrapper {
  padding-bottom: 25px
}

@media only screen and (min-width: 1024px) {
  .RichTextBody .MpsAd-wrapper {
      padding-bottom:30px
  }
}

.RichTextModule {
  margin: 30px auto;
  max-width: 587px;
  padding: 0 15px
}

@media only screen and (min-width: 768px) {
  .RichTextModule {
      padding:0
  }
}

@media only screen and (min-width: 1024px) {
  .RichTextModule {
      max-width:none;
      padding: 0 100px
  }
}

@media only screen and (min-width: 1240px) {
  .RichTextModule {
      max-width:1240px
  }
}

.RichTextFaq {
  border-bottom: 1px solid var(--supportingColor5);
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  width: 100%
}

.Container .RichTextFaq:last-of-type {
  margin-bottom: 20px
}

.RichTextFaq .chevron {
  fill: var(--supportingColor8);
  height: 11px;
  margin-right: 5px;
  position: relative;
  top: 3px;
  transform: rotate(90deg);
  width: 11px
}

.RichTextFaq[data-toggle-in=faq-item] {
  border-bottom: 0
}

.RichTextFaq[data-toggle-in=faq-item] .RichTextFaq-items {
  display: block
}

.RichTextFaq[data-toggle-in=faq-item] .chevron {
  top: -4px;
  transform: rotate(-90deg)
}

.RichTextFaq-title {
  align-items: center;
  color: #000;
  cursor: pointer;
  display: flex;
  font-size: 1.6rem;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 22px;
  padding-bottom: 15px;
  width: 100%
}

.RichTextFaq-items {
  background: var(--primaryColor6);
  border-bottom: 1px solid var(--supportingColor5);
  border-top: 1px solid var(--supportingColor5);
  display: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 10px 15px 20px
}

.RichTextFaq-items .RichTextBody {
  color: var(--supportingColor1);
  font-size: 1.6rem;
  line-height: 22px
}

.RichTextFaq+.RichTextFaq {
  margin-top: 15px
}

@media only screen and (min-width: 768px) {
  .RichTextFaq:first-of-type {
      margin-top:10px
  }

  .Container .RichTextFaq:last-of-type {
      margin-bottom: 30px
  }

  .RichTextFaq-title {
      font-size: 1.8rem;
      line-height: 24px;
      padding-bottom: 20px
  }

  .RichTextFaq-items {
      font-size: 1.6rem;
      letter-spacing: 0;
      line-height: 22px;
      margin-left: -20px;
      margin-right: -20px;
      padding: 15px 20px
  }

  .RichTextFaq .chevron {
      height: 16px;
      width: 15px
  }

  .RichTextFaq+.RichTextFaq {
      margin-top: 20px
  }
}

@media only screen and (min-width: 1024px) {
  .RichTextFaq:first-of-type {
      margin-top:20px
  }

  .RichTextFaq-items {
      line-height: 22px;
      margin-left: -100px;
      margin-right: -100px;
      padding: 15px 100px
  }

  .RichTextFaq .RichTextBody,.RichTextFaq .RichTextBody p {
      line-height: 22px
  }

  .Container .RichTextFaq:last-of-type {
      margin-bottom: 40px
  }
}

.Tooltip {
  position: relative;
  top: -3px
}

.Tooltip,.Tooltip:hover .Tooltip-text {
  display: inline-block
}

.Tooltip-trigger {
  background-color: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 50%;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 400;
  height: 19px;
  letter-spacing: -.17px;
  line-height: 15px;
  text-transform: lowercase;
  width: 19px
}

.Tooltip-text {
  background: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 8px;
  color: #313131;
  display: none;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  left: -175px;
  letter-spacing: -.1px;
  line-height: 18px;
  padding: 10px;
  position: absolute;
  text-align: left;
  text-transform: none;
  top: -43px;
  transform: translateY(-50%);
  width: 286px;
  z-index: 10
}

.Tooltip-text:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 11px solid var(--primaryColor5);
  bottom: -11px;
  right: 95px;
  z-index: 10
}

.Tooltip-text:after,.Tooltip-text:before {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0
}

.Tooltip-text:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #fff;
  bottom: -10px;
  right: 96px;
  z-index: 11
}

@media only screen and (min-width: 1024px) {
  .Tooltip-text {
      left:30px;
      padding: 15px 25px;
      top: 50%;
      transform: translateY(-50%)
  }

  .Tooltip-text:before {
      border-bottom: 7px solid transparent;
      border-right: 11px solid var(--primaryColor5);
      border-top: 7px solid transparent;
      left: -18px;
      right: auto
  }

  .Tooltip-text:after,.Tooltip-text:before {
      bottom: auto;
      top: 50%;
      transform: translateY(-50%)
  }

  .Tooltip-text:after {
      border-bottom: 6px solid transparent;
      border-right: 10px solid #fff;
      border-top: 6px solid transparent;
      left: -16px;
      right: 0
  }
}

.HTML5VideoPlayer {
  display: block;
  height: 0;
  margin: 0 auto;
  padding-bottom: 56.25%;
  position: relative
}

.HTML5VideoPlayer video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.ArticlePage-lead .HTML5VideoPlayer {
  margin-bottom: 15px
}

.YouTubeVideoPlayer {
  display: block;
  height: 0;
  margin: 0 auto;
  padding-bottom: 56.25%;
  position: relative
}

.YouTubeVideoPlayer iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.ArticlePage-lead .YouTubeVideoPlayer {
  margin-bottom: 15px
}

.VideoPage-featuredContent {
  align-items: center;
  background-color: var(--primaryColor1);
  border: 1px solid var(--primaryColor1);
  border-radius: 2px 0 0 2px;
  border-radius: 8px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
  overflow: hidden
}

.VideoPage-featuredSponsor {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 220px
}

.VideoPage-featuredSponsor img {
  -o-object-fit: contain;
  object-fit: contain
}

.VideoPage-featuredTitle {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  margin: 4px 15px;
  text-transform: uppercase
}

.VideoPage-entitlementContent {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8px
}

.VideoPage-entitlementTitle {
  color: #151515;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  letter-spacing: .3px;
  line-height: 17px
}

.VideoPage-entitlementSponsor {
  margin-left: 10px
}

.VideoPage-headline {
  color: var(--supportingColor2);
  font-size: 2.1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 10px;
  text-transform: uppercase
}

.VideoPage-headline-wrap [data-actions] {
  display: none
}

.VideoPage-headline-column {
  display: flex;
  flex-direction: column
}

.VideoPage-videoBody {
  border-bottom: 1px solid var(--primaryColor5);
  color: var(--primaryColor4);
  font-size: 1.4rem;
  line-height: 21.46px;
  margin-bottom: 25px;
  padding-bottom: 20px
}

.VideoPage-videoBody .cms-textAlign-center,.VideoPage-videoBody [data-align-center] {
  text-align: center
}

.VideoPage-videoBody .cms-textAlign-right,.VideoPage-videoBody [data-align-right] {
  text-align: right
}

.VideoPage-videoBody [data-align-left] {
  text-align: left
}

.VideoPage-videoBody:after {
  clear: both;
  content: "";
  display: table
}

.VideoPage-videoBody p,.VideoPage-videoBody p>ol,.VideoPage-videoBody p>ul,.VideoPage-videoBody>ol,.VideoPage-videoBody>ul {
  color: var(--supportingColor1);
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 27px
}

.VideoPage-videoBody p a,.VideoPage-videoBody p>ol a,.VideoPage-videoBody p>ul a,.VideoPage-videoBody>ol a,.VideoPage-videoBody>ul a {
  color: var(--hyperlinkTextColor);
  text-decoration: none
}

.VideoPage-videoBody p a:hover,.VideoPage-videoBody p>ol a:hover,.VideoPage-videoBody p>ul a:hover,.VideoPage-videoBody>ol a:hover,.VideoPage-videoBody>ul a:hover {
  text-decoration: none
}

.VideoPage-videoBody p>ul,.VideoPage-videoBody p>ul li>ul,.VideoPage-videoBody>ul,.VideoPage-videoBody>ul li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.VideoPage-videoBody p>ul li>ol,.VideoPage-videoBody>ul li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.VideoPage-videoBody p>ul b,.VideoPage-videoBody p>ul strong,.VideoPage-videoBody>ul b,.VideoPage-videoBody>ul strong {
  color: var(--primaryColor1)
}

.VideoPage-videoBody p>ol,.VideoPage-videoBody>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.VideoPage-videoBody p>ol li>ul,.VideoPage-videoBody>ol li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.VideoPage-videoBody p>ol li>ol,.VideoPage-videoBody>ol li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.VideoPage-videoBody p>ol b,.VideoPage-videoBody p>ol strong,.VideoPage-videoBody>ol b,.VideoPage-videoBody>ol strong {
  color: var(--primaryColor1)
}

.VideoPage-videoBody p {
  margin: 0 0 25px
}

.VideoPage-videoBody p:first-of-type {
  margin-top: 0
}

.VideoPage-videoBody p:last-of-type {
  margin-bottom: 0
}

.VideoPage-videoBody p:last-of-type+.Enhancement,.VideoPage-videoBody p:last-of-type+.EnhancementFullWidth {
  margin-top: 25px
}

.VideoPage-videoBody h2,.VideoPage-videoBody h3,.VideoPage-videoBody h4,.VideoPage-videoBody h5,.VideoPage-videoBody h6 {
  color: var(--supportingColor2);
  font-weight: 700;
  margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
  .VideoPage-videoBody h2,.VideoPage-videoBody h3,.VideoPage-videoBody h4,.VideoPage-videoBody h5,.VideoPage-videoBody h6 {
      margin-bottom:20px
  }
}

.VideoPage-videoBody h2 {
  font-size: 2.1rem;
  letter-spacing: .35px;
  line-height: 31px;
  margin-bottom: 15px
}

@media only screen and (min-width: 1024px) {
  .VideoPage-videoBody h2 {
      font-size:2.4rem
  }
}

.VideoPage-videoBody h3 {
  font-size: 1.9rem
}

@media only screen and (min-width: 1024px) {
  .VideoPage-videoBody h3 {
      font-size:2.2rem
  }
}

.VideoPage-videoBody h4 {
  font-size: 1.7rem
}

@media only screen and (min-width: 1024px) {
  .VideoPage-videoBody h4 {
      font-size:2rem
  }
}

.VideoPage-videoBody h5 {
  font-size: 1.6rem
}

.VideoPage-videoBody h6 {
  font-size: 1.5rem
}

.VideoPage-videoBody table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 25px;
  width: 100%
}

.VideoPage-videoBody thead {
  background-color: var(--primaryColor1);
  border-bottom: 10px solid var(--siteBgColor);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 12px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .VideoPage-videoBody thead {
      border-bottom:15px solid var(--siteBgColor);
      font-size: 1.2rem;
      letter-spacing: .6px;
      line-height: 16px
  }
}

@media only screen and (min-width: 1024px) {
  .VideoPage-videoBody thead {
      border-bottom:30px solid var(--siteBgColor)
  }
}

.VideoPage-videoBody thead:after {
  background: var(--siteBgColor);
  content: "";
  display: block;
  height: 10px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .VideoPage-videoBody thead:after {
      height:15px
  }
}

@media only screen and (min-width: 1024px) {
  .VideoPage-videoBody thead:after {
      height:30px
  }
}

.VideoPage-videoBody thead th,.VideoPage-videoBody thead tr {
  height: 40px
}

@media only screen and (min-width: 768px) {
  .VideoPage-videoBody thead th,.VideoPage-videoBody thead tr {
      height:48px
  }
}

.VideoPage-videoBody th:first-of-type {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}

.VideoPage-videoBody th:last-of-type {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}

.VideoPage-videoBody tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 8px
}

.VideoPage-videoBody tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 8px
}

.VideoPage-videoBody td,.VideoPage-videoBody tr {
  padding: 17px 15px
}

.VideoPage-videoBody td {
  text-align: center
}

.VideoPage-videoBody tbody tr:nth-child(odd) {
  background: linear-gradient(90deg,hsla(0,0%,98%,0),#f2f2f2);
  background-color: #fff
}

.VideoPage-videoBody tbody tr:nth-child(2n) {
  background: #fff
}

.VideoPage-videoBody tbody tr td {
  border-right: 1px solid var(--primaryColor5)
}

.VideoPage-videoBody tbody tr td:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.VideoPage-videoBody tbody tr:first-of-type td {
  border-top: 1px solid var(--primaryColor5)
}

.VideoPage-videoBody tbody tr:first-of-type td:first-of-type {
  border-top-left-radius: 8px
}

.VideoPage-videoBody tbody tr:first-of-type td:last-of-type {
  border-top-right-radius: 8px
}

.VideoPage-videoBody tbody tr td,.VideoPage-videoBody tbody tr:last-of-type td {
  border-bottom: 1px solid var(--primaryColor5)
}

.VideoPage-videoBody tbody td a {
  color: var(--hyperlinkTextColor);
  text-decoration: underline
}

.VideoPage-videoBody tbody td a:hover {
  text-decoration: none
}

.VideoPage-videoBody .Figure img {
  margin-bottom: 10px;
  width: 100%
}

.VideoPage-videoBody .Figure-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.VideoPage-videoBody .Figure-caption,.VideoPage-videoBody .Figure-caption p,.VideoPage-videoBody .Figure-credit,.VideoPage-videoBody .Figure-credit p {
  display: inline
}

@media only screen and (min-width: 768px) {
  .VideoPage-videoBody .Figure img {
      margin-bottom:20px
  }
}

.VideoPage-videoBody .TweetEmbed twitter-widget {
  width: auto!important
}

.VideoPage-videoBody .MpsAd-wrapper {
  padding-bottom: 25px
}

@media only screen and (min-width: 1024px) {
  .VideoPage-videoBody .MpsAd-wrapper {
      padding-bottom:30px
  }
}

.VideoPage-videoBody p,.VideoPage-videoBody p>ol,.VideoPage-videoBody p>ul,.VideoPage-videoBody>ol,.VideoPage-videoBody>ul {
  font-size: 1.4rem;
  line-height: 21.46px
}

.VideoPage-byline {
  margin-top: 20px
}

[data-no-body] .VideoPage-byline {
  margin-top: 0
}

.VideoPage-aside {
  padding: 0
}

.VideoPage-aside .GoogleDfpAd {
  margin-bottom: 25px
}

.VideoPage-tags {
  margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
  .VideoPage-teamEyebrow {
      margin-bottom:20px
  }

  .VideoPage-headline {
      font-size: 2.8rem;
      font-weight: 700;
      letter-spacing: .6px;
      line-height: 35px
  }

  .VideoPage-headline-wrap [data-actions] {
      display: block
  }

  .VideoPage-headline-wrap {
      display: flex;
      justify-content: space-between
  }

  .VideoPage-headline-wrap [data-actions] {
      border-bottom: 0;
      margin-bottom: 0;
      margin-top: -7px
  }

  .VideoPage-videoBody {
      border-bottom: 0;
      margin-bottom: 20px;
      max-width: 563px;
      padding-bottom: 0
  }

  .VideoPage-aside {
      display: none
  }

  .VideoPage-tags {
      border: 0;
      margin-bottom: 16px;
      max-width: 563px;
      padding: 0
  }
}

@media only screen and (min-width: 1024px) {
  .VideoPage-featuredTitle {
      font-size:2.4rem;
      letter-spacing: .51px;
      line-height: 29px
  }

  .VideoPage-teamEyebrow {
      margin-bottom: 10px
  }

  .VideoPage-headline {
      font-size: 3.6rem;
      font-weight: 700;
      letter-spacing: .77px;
      line-height: 49px
  }

  .VideoPage-main {
      margin: auto;
      max-width: 1032px
  }

  .VideoPage-main-content {
      width: 100%
  }

  .VideoPage-mainContent {
      max-width: none
  }
}

@media only screen and (min-width: 1240px) {
  .VideoPage-tags,.VideoPage-videoBody {
      max-width:670px
  }

  .VideoPage-videoBody {
      margin-bottom: 30px
  }

  .VideoPage-mainContent {
      padding: 20px 0 54px
  }
}

.StringListModule {
  margin: 15px auto;
  max-width: 1040px
}

.CalloutContainer .StringListModule {
  margin-left: auto;
  margin-right: auto;
  width: 70%
}

.StringListModule-title {
  color: #1f2a36;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 10px 0 20px
}

.StringListModule-items-item {
  border-bottom: 1px solid var(--primaryColor3);
  padding: 10px 10px 10px 60px;
  position: relative
}

.StringListModule-items-item:before {
  border-bottom: 2px solid #39c300;
  border-right: 2px solid #39c300;
  content: "";
  height: 18px;
  left: 25px;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
  width: 9px
}

.StringListModule-items-item:last-child {
  border: 0
}

.Form {
  display: block
}

.Form .Select {
  background-color: hsla(0,0%,96%,.38)
}

.Form .Select-label {
  display: block;
  position: relative
}

.Form .Select-label:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  bottom: 15px;
  content: "";
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 15.5px;
  transform: translateY(-50%);
  width: 0
}

.Form .Select-input {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 8px;
  color: #000;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 19px;
  padding: 12.5px 15px;
  position: relative
}

.Form-inline {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.Form-inline .CheckboxInput,.Form-inline .DateInput,.Form-inline .DateTimeLocalInput,.Form-inline .EmailInput,.Form-inline .FileInput,.Form-inline .NumberInput,.Form-inline .PasswordInput,.Form-inline .PhoneNumberInput,.Form-inline .RadioInput,.Form-inline .RangeInput,.Form-inline .Select,.Form-inline .TextArea,.Form-inline .TextInput,.Form-inline .TextInputInverse,.Form-inline .TimeInput,.Form-inline .UrlInput {
  width: 48%
}

.Form .Select {
  margin-bottom: 10px
}

.Form .Select-input {
  width: 100%
}

.Form .CheckboxInput,.Form .DateInput,.Form .DateTimeLocalInput,.Form .EmailInput,.Form .FileInput,.Form .NumberInput,.Form .PasswordInput,.Form .PhoneNumberInput,.Form .RadioInput,.Form .RangeInput,.Form .Select,.Form .TextArea,.Form .TextInput,.Form .TextInputInverse,.Form .TimeInput,.Form .UrlInput {
  margin-bottom: 20px
}

.Form .CheckboxInput-input,.Form .DateInput-input,.Form .DateTimeLocalInput-input,.Form .EmailInput-input,.Form .FileInput-input,.Form .NumberInput-input,.Form .PasswordInput-input,.Form .PhoneNumberInput-input,.Form .RadioInput-input,.Form .RangeInput-input,.Form .Select-input,.Form .TextArea-input,.Form .TextInput-input,.Form .TextInputInverse-input,.Form .TimeInput-input,.Form .UrlInput-input {
  border: 1px solid var(--primaryColor5);
  border-radius: 8px;
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  height: 41px;
  line-height: normal;
  padding: 6px 5px 4px;
  width: 100%
}

.Form .CheckboxInput-label span,.Form .DateInput-label span,.Form .DateTimeLocalInput-label span,.Form .EmailInput-label span,.Form .FileInput-label span,.Form .NumberInput-label span,.Form .PasswordInput-label span,.Form .PhoneNumberInput-label span,.Form .RadioInput-label span,.Form .RangeInput-label span,.Form .Select-label span,.Form .TextArea-label span,.Form .TextInput-label span,.Form .TextInputInverse-label span,.Form .TimeInput-label span,.Form .UrlInput-label span {
  color: var(--primaryColor4);
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 9.5px
}

.Form .TextArea-input {
  min-height: 80px
}

.Form-message {
  margin-top: 5px;
  text-align: center
}

.Form-error,.Form-success {
  display: none
}

[data-form-error] .Form-error,[data-form-success] .Form-success {
  display: block
}

[data-form-error] .Form-description,[data-form-error] .Form-signup,[data-form-success] .Form-description,[data-form-success] .Form-signup {
  display: none
}

.Form-agreement {
  color: var(--supportingColor9);
  display: block;
  display: flex;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 17px;
  margin-bottom: 10px
}

.Form-agreement:first-of-type {
  margin-top: 30px
}

.Form-agreement-checkbox {
  flex-shrink: 0;
  margin-right: 6.5px;
  position: relative;
  top: 2px
}

.Form-agreement a {
  display: contents;
  font-weight: 600
}

.Form-agreement a,.Form-agreement a:hover {
  color: var(--hyperlinkTextColor)
}

.Form [type=submit] {
  display: block;
  margin: auto;
  width: 255px
}

@media only screen and (min-width: 768px) {
  .Form {
      margin:auto;
      max-width: 621px
  }

  .Form .CheckboxInput-input,.Form .DateInput-input,.Form .DateTimeLocalInput-input,.Form .EmailInput-input,.Form .FileInput-input,.Form .NumberInput-input,.Form .PasswordInput-input,.Form .PhoneNumberInput-input,.Form .RadioInput-input,.Form .RangeInput-input,.Form .Select-input,.Form .TextArea-input,.Form .TextInput-input,.Form .TextInputInverse-input,.Form .TimeInput-input,.Form .UrlInput-input {
      font-size: 1.6rem
  }

  .Form-inline .CheckboxInput,.Form-inline .DateInput,.Form-inline .DateTimeLocalInput,.Form-inline .EmailInput,.Form-inline .FileInput,.Form-inline .NumberInput,.Form-inline .PasswordInput,.Form-inline .PhoneNumberInput,.Form-inline .RadioInput,.Form-inline .RangeInput,.Form-inline .Select,.Form-inline .TextArea,.Form-inline .TextInput,.Form-inline .TextInputInverse,.Form-inline .TimeInput,.Form-inline .UrlInput {
      width: calc(50% - 10px)
  }

  .Form [type=submit] {
      margin: 0 auto 40px;
      width: 194px
  }

  .Form-agreement {
      display: block;
      margin: 0 auto 10px;
      max-width: 549px;
      text-align: center
  }

  .Form-agreement:last-of-type {
      margin-bottom: 90px
  }

  .Form-agreement-checkbox {
      display: inline;
      top: 0
  }
}

.RadioInput label {
  cursor: pointer;
  position: relative
}

.RadioInput-label {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 19px;
  padding-right: 23px
}

.RadioInput-input+.RadioInput-label:before {
  border: 1px solid var(--primaryColor5);
  border-radius: 50%;
  content: "";
  height: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px
}

.RadioInput-input:checked+.RadioInput-label:after {
  background: #000;
  border-radius: 50%;
  content: "";
  height: 10px;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  z-index: 1
}

.RadioInput-input {
  position: absolute;
  visibility: hidden
}

.NewsletterForm {
  border-top: 1px solid var(--primaryColor5);
  display: block;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  margin-bottom: 0;
  padding: 40px 15px;
  text-align: center
}

.Tabs .NewsletterForm {
  border: 0
}

.NewsletterForm-title {
  color: var(--supportingColor2);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 2px;
  text-transform: uppercase
}

.NewsletterForm-description,.NewsletterForm-error,.NewsletterForm-success {
  color: var(--primaryColor4);
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 23px;
  margin: 0 auto 25px
}

.NewsletterForm input.NewsletterForm-agreement-checkbox {
  display: inline;
  flex-shrink: 0;
  height: auto;
  margin: 0 10px 0 0;
  position: relative;
  top: 2px;
  width: auto
}

.NewsletterForm label span {
  display: none
}

.NewsletterForm label.NewsletterForm-agreement {
  color: #0d0d0d;
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 17px
}

.NewsletterForm label.NewsletterForm-agreement a {
  display: inline
}

.NewsletterForm label.NewsletterForm-agreement span {
  color: #0d0d0d;
  display: block;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 17px
}

.NewsletterForm label.NewsletterForm-agreement span.Link {
  display: inline
}

.NewsletterForm label input {
  align-items: center;
  border: 1px solid var(--primaryColor5);
  border-radius: 8px;
  color: #000;
  display: flex;
  font-size: 1.4rem;
  height: 41px;
  line-height: 19px;
  margin-bottom: 10px;
  padding: 0 15.5px;
  width: 100%
}

.NewsletterForm label input:placeholder {
  color: var(--primaryColor4)
}

.NewsletterForm[data-form-error] label.NewsletterForm-agreement,.NewsletterForm[data-form-success] label.NewsletterForm-agreement {
  display: none
}

.NewsletterForm button[type=submit] {
  margin-top: 10px;
  width: 244px
}

.NewsletterForm-error,.NewsletterForm-success {
  display: none
}

[data-form-error] .NewsletterForm-error,[data-form-success] .NewsletterForm-success {
  display: block
}

[data-form-error] .NewsletterForm-agreement,[data-form-error] .NewsletterForm-description,[data-form-error] .NewsletterForm-signup,[data-form-success] .NewsletterForm-agreement,[data-form-success] .NewsletterForm-description,[data-form-success] .NewsletterForm-signup {
  display: none
}

.NewsletterForm-agreement {
  color: #919496;
  display: flex;
  justify-content: center;
  margin: 20px auto 0;
  max-width: 549px
}

.NewsletterForm-agreement a {
  color: var(--hyperlinkTextColor);
  font-weight: 600
}

@media only screen and (min-width: 768px) {
  .NewsletterForm {
      padding:50px 70px
  }

  .NewsletterForm-title {
      font-size: 2.1rem;
      letter-spacing: .61px;
      line-height: 36px;
      margin-bottom: 15px
  }

  .NewsletterForm-description,.NewsletterForm-error,.NewsletterForm-success {
      font-size: 1.6rem;
      line-height: 23px;
      width: 550px
  }

  .NewsletterForm-signup {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center
  }

  .NewsletterForm-signup[data-zipcode] {
      flex-direction: column;
      flex-wrap: wrap
  }

  .NewsletterForm-signup[data-zipcode] .NewsletterForm-inline {
      display: flex;
      flex-direction: row;
      width: auto
  }

  .NewsletterForm-signup[data-zipcode] .NewsletterForm-inline:last-of-type {
      flex-basis: 100%
  }

  .NewsletterForm-signup[data-zipcode] .NewsletterForm-inline button[type=submit] {
      margin: auto
  }

  .NewsletterForm label input {
      font-size: 1.6rem;
      line-height: 19px;
      margin-bottom: 0;
      margin-right: 0;
      width: 211px
  }

  .NewsletterForm button[type=submit] {
      align-items: center;
      display: flex;
      flex-shrink: 0;
      height: 40px;
      justify-content: center;
      margin: 0;
      padding: 0;
      width: 164px
  }
}

@media only screen and (min-width: 1024px) {
  .NewsletterForm label input {
      height:46px
  }

  .NewsletterForm button[type=submit] {
      height: 45px
  }
}

@media only screen and (min-width: 1440px) {
  .NewsletterForm {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-left: var(--gutterCalc1240);
      padding-right: var(--gutterCalc1240);
      position: relative;
      right: 50%;
      width: 100vw
  }
}

.MpsAd-wrapper {
  text-align: center
}

.MpsAd-wrapper [data-mps-placeholder] img {
  margin: auto
}

.slot .MpsAd-wrapper {
  padding-bottom: 20px
}

@media only screen and (min-width: 1024px) {
  .MpsAd-wrapper {
      padding-bottom:30px
  }
}

.MpxVideoPlayer .jw-error {
  align-items: center;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 25
}

.MpxVideoPlayer .jw-error-text {
  background-color: #000;
  border: 1px solid #fdb913;
  padding: 40px
}

.MpxVideoPlayer .video-error .jw-error {
  display: flex
}

.MpxVideoPlayer .jwplayer * {
  color: unset
}

.MpxVideoPlayer .jwplayer svg {
  fill: currentColor
}

.MpxVideoPlayer .jwplayer.jw-flag-ads .jw-controlbar .jw-text-alt {
  color: #fff
}

.MpxVideoPlayer .jwplayer .jw-button-container .jw-text {
  font-size: .95em!important
}

.MpxVideoPlayer .jw-flag-floating .jw-wrapper {
  border-radius: 12px;
  left: 1rem;
  right: auto
}

.MpxVideoPlayer .jw-flag-floating .jw-wrapper video {
  border-radius: 12px
}

.MpxVideoPlayer .jw-flag-floating .jw-controls-backdrop {
  background: transparent
}

.MpxVideoPlayer .jw-flag-floating.jw-floating-dismissible .jw-float-bar {
  background: transparent;
  height: 24px;
  right: 5px;
  top: 5px;
  width: 24px
}

.MpxVideoPlayer .jw-flag-floating .jw-float-bar-icon:hover {
  background: transparent
}

.MpxVideoPlayer .jw-flag-floating.jw-floating-dismissible .jw-float-bar-title {
  display: none
}

.MpxVideoPlayer-player {
  display: block;
  height: 0;
  margin: 0 auto;
  padding-bottom: 56.25%;
  position: relative
}

.MpxVideoPlayer .video-js,.MpxVideoPlayer video {
  --color-primary-text: var(--color-primary-text-inverse);
  border: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.MpxVideoPlayer .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  color: #fff
}

.MpxVideoPlayer .vjs-poster {
  background-size: cover
}

.MpxVideoPlayer .vjs-error {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%
}

.LiveVideoPlayer-screen {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative
}

.LiveVideoPlayer iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.LiveVideoPlayer-placeholder img {
  width: 100%
}

.TeamBannerModule {
  margin: 20px 15px 15px
}

.TeamBannerModule-teams {
  background: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 8px;
  display: flex;
  height: 91px;
  overflow: hidden;
  width: 100%
}

.TeamBannerModule-cta {
  display: block;
  margin: 15px auto auto;
  max-width: 186px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .TeamBannerModule {
      margin:30px 20px 20px
  }

  .TeamBannerModule-cta {
      margin-top: 20px
  }
}

@media only screen and (min-width: 1024px) {
  .TeamBannerModule {
      margin:30px 100px
  }

  .TeamBannerModule-cta {
      margin-top: 40px
  }

  .TeamBannerModule-teams {
      height: 166px
  }
}

.Container+.TeamBannerModule {
  margin-top: 0
}

.TeamScore {
  align-items: baseline;
  display: flex;
  justify-content: center;
  padding: 10px 0 0;
  position: relative;
  width: 50%
}

.TeamScore[data-winner][data-team=team2] {
  background: var(--team2Color)
}

.TeamScore[data-winner][data-team=team1] {
  background: var(--team1Color)
}

.TeamScore .winBkgd {
  background: #fff;
  border-bottom: 45px solid transparent;
  border-left: 28px solid grey;
  border-top: 45px solid transparent;
  bottom: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px
}

[data-guest].TeamScore .winBkgd {
  border-left: 0;
  border-right: 28px solid grey;
  left: 0;
  right: auto
}

[data-team=team2].TeamScore .winBkgd {
  border-left-color: var(--team2Color)
}

[data-team=team1].TeamScore .winBkgd {
  border-left-color: var(--team1Color)
}

[data-team=team2][data-guest].TeamScore .winBkgd {
  border-left-color: transparent;
  border-right-color: var(--team2Color)
}

[data-team=team1][data-guest].TeamScore .winBkgd {
  border-left-color: transparent;
  border-right-color: var(--team1Color)
}

.TeamScore-flag {
  z-index: 1
}

[data-guest] .TeamScore-flag {
  order: 2
}

.TeamScore-flag img {
  height: 21px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 35px
}

.TeamScore-points {
  font-size: 5.9rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 65px;
  z-index: 1
}

[data-team=team2] .TeamScore-points {
  color: var(--team2Color)
}

[data-team=team2][data-winner] .TeamScore-points {
  color: #fff
}

[data-team=team1] .TeamScore-points {
  color: var(--team1Color)
}

[data-team=team1][data-winner] .TeamScore-points {
  color: #fff
}

[data-guest] .TeamScore-points {
  order: 1
}

.TeamScore-points sup {
  font-size: 1.2rem;
  position: relative;
  top: -19px
}

.TeamScore-trophy {
  bottom: 6px;
  position: relative;
  z-index: 1
}

[data-guest] .TeamScore-trophy {
  order: 0
}

.TeamScore-trophy svg {
  height: 20px;
  width: 14px
}

@media only screen and (min-width: 1024px) {
  .TeamScore {
      padding-top:28px
  }

  .TeamScore:before {
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 6px;
      z-index: 3
  }

  .TeamScore[data-guest]:before {
      display: none
  }

  .TeamScore[data-guest]:after {
      content: "";
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 6px;
      z-index: 3
  }

  .TeamScore[data-team=team2]:after,.TeamScore[data-team=team2]:before {
      background: var(--team2Color)
  }

  .TeamScore[data-team=team1]:after,.TeamScore[data-team=team1]:before {
      background: var(--team1Color)
  }

  .TeamScore-flag {
      z-index: 1
  }

  .TeamScore-flag img {
      height: 49px;
      width: 81px
  }

  .TeamScore-points {
      font-size: 11.5rem;
      letter-spacing: 0;
      letter-spacing: -1.99px;
      line-height: 128px;
      margin: 0 10px
  }

  .TeamScore-points sup {
      font-size: 3.781rem;
      font-weight: 700;
      line-height: 42px;
      top: -39px
  }

  .TeamScore-trophy {
      bottom: 20px
  }

  .TeamScore-trophy svg {
      height: 50px;
      width: 35px
  }

  .TeamScore .winBkgd {
      border-bottom-width: 82px;
      border-left-width: 48px;
      border-top-width: 82px;
      width: 48px
  }

  [data-guest].TeamScore .winBkgd {
      border-left: 0;
      border-right-width: 48px;
      left: 0;
      right: auto
  }
}

.MatchCardTeam,.MatchTeam {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 10px 13px;
  position: absolute
}

[data-type=Singles] .MatchCardTeam,[data-type=Singles] .MatchTeam {
  justify-content: center
}

.MatchCardTeam[data-winner=true] .MatchPlayer,.MatchCardTeam[data-winner=true] .MatchPlayer .Link,.MatchTeam[data-winner=true] .MatchPlayer,.MatchTeam[data-winner=true] .MatchPlayer .Link {
  color: #fff
}

.MatchCardTeam[data-team=team2]:after,.MatchCardTeam[data-team=team2]:before,.MatchTeam[data-team=team2]:after,.MatchTeam[data-team=team2]:before {
  background: var(--team2Color)
}

.MatchCardTeam[data-team=team2]:after,.MatchCardTeam[data-team=team2]:before,.MatchTeam[data-team=team2][data-final=false]:after,.MatchTeam[data-team=team2]:before {
  background: #88af8c
}

.MatchCardTeam[data-team=team1]:after,.MatchCardTeam[data-team=team1]:before,.MatchTeam[data-team=team1]:after,.MatchTeam[data-team=team1]:before {
  background: var(--team1Color)
}

.MatchCardTeam[data-team=team1]:after,.MatchCardTeam[data-team=team1][data-final=false]:before,.MatchTeam[data-team=team1]:after,.MatchTeam[data-team=team1]:before {
  background: #7793b5
}

.MatchCardTeam[data-tied=true]:after,.MatchCardTeam[data-tied=true]:before,.MatchTeam[data-tied=true]:after,.MatchTeam[data-tied=true]:before {
  background: var(--primaryColor5)
}

.MatchCardTeam .winBkgd,.MatchTeam .winBkgd {
  bottom: 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 130px
}

.MatchCardTeam .winBkgd:before,.MatchTeam .winBkgd:before {
  bottom: 0;
  content: "";
  position: absolute;
  top: 0
}

[data-team=team2].MatchCardTeam .winBkgd:before,[data-team=team2].MatchTeam .winBkgd:before {
  background: var(--team2Color)
}

[data-team=team1].MatchCardTeam .winBkgd:before,[data-team=team1].MatchTeam .winBkgd:before {
  background: var(--team1Color)
}

[data-team=team1].MatchCardTeam .winBkgd[data-tied=true]:before,[data-team=team1].MatchTeam .winBkgd[data-tied=true]:before,[data-team=team2].MatchCardTeam .winBkgd[data-tied=true]:before,[data-team=team2].MatchTeam .winBkgd[data-tied=true]:before {
  background: var(--primaryColor5)
}

.MatchCardTeam .winBkgd:after,.MatchTeam .winBkgd:after {
  background: transparent;
  border-bottom: 140px solid transparent;
  border-top: 140px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.MatchCardTeam[data-host=true] .winBkgd,.MatchTeam[data-host=true] .winBkgd {
  left: 0
}

.MatchCardTeam[data-host=true] .winBkgd:before,.MatchTeam[data-host=true] .winBkgd:before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 23px;
  top: 0
}

[data-team=team2].MatchCardTeam[data-host=true] .winBkgd:before,[data-team=team2].MatchTeam[data-final=true] .winBkgd:before {
  background: var(--team2Color)
}

[data-team=team2].MatchCardTeam[data-host=true] .winBkgd:before,[data-team=team2].MatchTeam[data-final=false] .winBkgd:before {
  background: #88af8c
}

[data-team=team1].MatchCardTeam[data-host=true] .winBkgd:before,[data-team=team1].MatchTeam[data-final=false] .winBkgd:before {
  background: #7793b5
}

[data-team=team1].MatchCardTeam[data-host=true] .winBkgd:before,[data-team=team1].MatchTeam[data-final=true] .winBkgd:before {
  background: var(--team1Color)
}

[data-team=team1].MatchCardTeam[data-host=true] .winBkgd[data-tied=true]:before,[data-team=team1].MatchTeam[data-host=true] .winBkgd[data-tied=true]:before,[data-team=team2].MatchCardTeam[data-host=true] .winBkgd[data-tied=true]:before,[data-team=team2].MatchTeam[data-host=true] .winBkgd[data-tied=true]:before {
  background: var(--primaryColor5)
}


.MatchCardTeam[data-host=true] .winBkgd:after,.MatchTeam[data-host=true] .winBkgd:after {
  background: transparent;
  border-bottom: 140px solid transparent;
  border-left: 60px solid gray;
  border-top: 140px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

[data-team=team2].MatchCardTeam[data-host=true] .winBkgd:after,[data-team=team2].MatchTeam[data-final=true] .winBkgd:after {
  border-left-color: var(--team2Color)
}

[data-team=team2].MatchCardTeam[data-host=true] .winBkgd:after,[data-team=team2].MatchTeam[data-final=false] .winBkgd:after {
  border-left-color: #88af8c
}

[data-team=team1].MatchCardTeam[data-host=true] .winBkgd:after,[data-team=team1].MatchTeam[data-final=true] .winBkgd:after {
  border-left-color: var(--team1Color)
}

[data-team=team1].MatchCardTeam[data-host=true] .winBkgd:after,[data-team=team1].MatchTeam[data-final=false] .winBkgd:after {
  border-left-color: #7793b5
}

[data-team=team1].MatchCardTeam[data-host=true] .winBkgd[data-tied=true]:after,[data-team=team1].MatchTeam[data-host=true] .winBkgd[data-tied=true]:after,[data-team=team2].MatchCardTeam[data-host=true] .winBkgd[data-tied=true]:after,[data-team=team2].MatchTeam[data-host=true] .winBkgd[data-tied=true]:after {
  border-left-color: var(--primaryColor5)
}

.MatchCardTeam[data-host=false] .winBkgd,.MatchTeam[data-host=false] .winBkgd {
  right: 0
}

.MatchCardTeam[data-host=false] .winBkgd:before,.MatchTeam[data-host=false] .winBkgd:before {
  left: 23px;
  right: 0
}

.MatchCardTeam[data-host=false] .winBkgd:after,.MatchTeam[data-host=false] .winBkgd:after {
  border-right: 60px solid gray;
  left: 0
}

[data-team=team2].MatchCardTeam[data-host=false] .winBkgd:after,[data-team=team2].MatchTeam[data-final=true] .winBkgd:after {
  border-right-color: var(--team2Color)
}

[data-team=team2].MatchCardTeam[data-host=false] .winBkgd:after,[data-team=team2].MatchTeam[data-final=false] .winBkgd:after {
  border-right-color: #88af8c
}

[data-team=team1].MatchCardTeam[data-host=false] .winBkgd:after,[data-team=team1].MatchTeam[data-host=false] .winBkgd:after {
  border-right-color: var(--team1Color)
}

[data-team=team1].MatchCardTeam[data-host=false] .winBkgd[data-tied=true]:after,[data-team=team1].MatchTeam[data-host=false] .winBkgd[data-tied=true]:after,[data-team=team2].MatchCardTeam[data-host=false] .winBkgd[data-tied=true]:after,[data-team=team2].MatchTeam[data-host=false] .winBkgd[data-tied=true]:after {
  border-right-color: var(--primaryColor5)
}

.MatchCardTeam[data-host=true],.MatchTeam[data-host=true] {
  left: 0;
  text-align: left
}

.MatchCardTeam[data-host=true]:before,.MatchTeam[data-host=true]:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px
}

.MatchCardTeam[data-host=false],.MatchTeam[data-host=false] {
  right: 0;
  text-align: right
}

.MatchCardTeam[data-host=false]:after,.MatchTeam[data-host=false]:after {
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 3px
}

@media only screen and (min-width: 768px) {
  .MatchCardTeam[data-host=false]:after,.MatchCardTeam[data-host=false]:before,.MatchCardTeam[data-host=true]:after,.MatchCardTeam[data-host=true]:before,.MatchTeam[data-host=false]:after,.MatchTeam[data-host=false]:before,.MatchTeam[data-host=true]:after,.MatchTeam[data-host=true]:before {
      width:4px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchCardTeam[data-host=false]:after,.MatchCardTeam[data-host=false]:before,.MatchCardTeam[data-host=true]:after,.MatchCardTeam[data-host=true]:before,.MatchTeam[data-host=false]:after,.MatchTeam[data-host=false]:before,.MatchTeam[data-host=true]:after,.MatchTeam[data-host=true]:before {
      width:6px
  }
}

.Hole,.HoleScore {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 0.6rem;
  font-weight: 500;
  height: 14.83px;
  justify-content: center;
  letter-spacing: -.18px;
  line-height: 13px;
  margin: 0 1px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
  width: 14.83px;
  z-index: 1
}

.HoleScore[data-status=draw]:before,.HoleScore[data-status=team1]:before,.HoleScore[data-status=tie]:before,.HoleScore[data-status=team2]:before,.Hole[data-status=draw]:before,.Hole[data-status=team1]:before,.Hole[data-status=tie]:before,.Hole[data-status=team2]:before {
  background: var(--primaryColor5);
  border-radius: 50%;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1
}

.HoleScore[data-status=team1],.HoleScore[data-status=team2],.Hole[data-status=team1],.Hole[data-status=team2] {
  color: #fff
}

.HoleScore[data-status=team2]:before,.Hole[data-status=team2]:before {
  background: var(--team2Color)
}

.HoleScore[data-status=team1]:before,.Hole[data-status=team1]:before {
  background: var(--team1Color)
}

.Match {
  background: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 10px;
  display: block;
  overflow: hidden;
  position: relative
}

.Match+.GoogleDfpAd {
  margin-bottom: 16px
}

.Match-closeIcon {
  cursor: pointer;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  top: 0
}

@media only screen and (min-width: 768px) {
  .Match-closeIcon {
      padding:20px
  }
}

.Match-closeIcon svg {
  pointer-events: none
}

.Match-default {
  cursor: pointer
}

[data-expanded=true] .Match-default {
  display: none
}

.Match-default-top {
  border-bottom: 1px solid var(--primaryColor5);
  display: flex;
  height: 110px;
  justify-content: center;
  overflow: hidden;
  position: relative
}

.Match-default-bottom {
  display: flex;
  height: 35px;
  justify-content: center;
  padding: 10px
}

.Match-default-bottom .MatchInfo,.Match-default-bottom .MatchTeam {
  display: none
}

.Match-topCenter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 0;
  text-align: center
}

.Match-topScore[data-cta=true] .MatchScore-num {
  position: relative;
  top: 5px
}

.Match-topScore[data-cta=false] .MatchScore-tied {
  margin-bottom: 20px
}

.Match-cta-mobile {
  position: relative;
  top: -8px
}

.Match-watchCta {
  display: inline-block
}

.Match-expanded {
  align-content: center;
  display: none;
  flex-direction: column
}

.Match-expanded-tabs {
  margin: 0 auto;
  padding-bottom: 30px;
  width: 100%
}

.Match-expanded-tabs-title {
  border-top: 1px solid var(--primaryColor5);
  color: var(--supportingColor9);
  font-size: 16px;
  margin-top: 30px;
  padding: 30px 0
}

.Match-expanded-tabs-title,.Match-expanded-tabs-title .infoIcon {
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  text-align: center
}

.Match-expanded-tabs-title .infoIcon {
  border: 1px solid var(--primaryColor5);
  border-radius: 20px;
  display: inline-block;
  font-size: 12px;
  height: 20px;
  width: 20px
}

.Match-expanded-tabs-title .Tooltip {
  margin-left: 8px
}

.Match-expanded-tabs-title .Tooltip .Tooltip-text a {
  text-decoration: underline
}

@media only screen and (max-width: 767px) {
  .Match-expanded-tabs-title .Tooltip .Tooltip-text {
      border-radius:5px;
      width: auto
  }

  .Match-expanded-tabs-title .Tooltip .Tooltip-text:before {
      right: 1px
  }

  .Match-expanded-tabs-title .Tooltip .Tooltip-text:after {
      right: 2px
  }
}

@media only screen and (min-width: 768px) {
  .Match-expanded-tabs {
      width:708px
  }
}

@media only screen and (min-width: 1024px) {
  .Match-expanded-tabs {
      width:782px
  }
}

@media only screen and (min-width: 1240px) {
  .Match-expanded-tabs {
      width:980px
  }
}

@media only screen and (min-width: 1440px) {
  .Match-expanded-tabs {
      padding-right:20px;
      width: 1138px
  }
}

.Match-expanded[data-expanded=true] {
  height: auto
}

[data-expanded=true] .Match-expanded {
  display: flex;
  padding: 15px 10px;
  width: 100%
}

[data-expanded=true] .Match-expanded .Match-card {
  padding: 0 20px
}

.Match-expanded .MatchInfo {
  margin-bottom: 20px;
  text-align: center
}

.Match-card {
  display: inline-block;
  overflow: hidden;
  overflow-x: scroll;
  position: relative
}

.Match-toggler {
  background: none;
  border: 0;
  bottom: 5px;
  cursor: pointer;
  left: 50%;
  margin: auto;
  padding: 10px 20px;
  position: absolute;
  transform: translateX(-50%)
}

.Match-toggler:before {
  align-items: center;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: flex;
  height: 8px;
  justify-content: center;
  position: relative;
  transform: rotate(135deg);
  vertical-align: top;
  width: 8px
}

[data-expanded=true] .Match-toggler:before {
  top: 5px;
  transform: rotate(-45deg)
}

@media only screen and (min-width: 602px) {
  .Match-card {
      margin-left:auto;
      margin-right: auto;
      min-height: 238px;
      overflow-x: hidden
  }
}

@media only screen and (min-width: 768px) {
  .Match-default-top {
      height:126px
  }

  .Match-default-bottom {
      height: 50px;
      padding-top: 15px
  }

  .Match-topCenter {
      padding: 15px 0
  }

  .Match-topScore[data-cta=true] .MatchScore-large {
      font-size: 4.451rem;
      letter-spacing: -.63px;
      line-height: 49px
  }

  .Match-topScore[data-cta=true] .MatchScore-small {
      font-size: 1.895rem;
      letter-spacing: -.27px;
      line-height: 21px
  }

  .Match-watchCta .Link {
      font-size: 1.1rem;
      letter-spacing: .21px;
      line-height: 1
  }

  [data-yellow=true].Match-watchCta .Link:before {
      border-bottom: 5px solid transparent;
      border-left: 7px solid #000;
      border-top: 5px solid transparent
  }

  .Match-toggler {
      bottom: 10px
  }

  .Match-toggler:before {
      height: 10px;
      width: 10px
  }

  .Match[data-expanded=true] {
      height: auto
  }

  [data-expanded=true] .Match-expanded {
      display: flex;
      padding: 30px 0;
      width: 100%
  }

  [data-expanded=true] .Match-expanded .Match-card {
      padding: 0 30px
  }

  .Match-expanded .MatchInfo {
      margin-bottom: 15px
  }
}

@media only screen and (min-width: 1024px) {
  .Match[data-expanded=true] {
      height:auto
  }

  [data-expanded=true] .Match-expanded {
      padding: 30px 0
  }

  .Match-expanded .Match-card {
      min-height: 347px
  }

  .Match-toggler {
      bottom: 10px
  }
}

@media only screen and (min-width: 1440px) {
  .Match-watchCta {
      font-size:1.111rem;
      letter-spacing: .22px;
      line-height: 12px
  }

  .Match-bottomCenter {
      align-items: center;
      display: flex;
      flex-direction: column;
      padding: 15px 0 20px
  }

  .Match-default-bottom {
      height: 50px;
      padding: 0
  }

  .Match-default-bottom .MatchInfo,.Match-default-bottom .MatchTeam {
      display: flex
  }

  .Match-default-bottom .MatchInfo {
      justify-content: center;
      margin-bottom: 15px
  }

  .Match-default-bottom .MatchTeam {
      flex-direction: row;
      padding: 12px 0 0;
      width: 350px
  }

  .Match-default-bottom .MatchTeam[data-host=false] .winBkgd,.Match-default-bottom .MatchTeam[data-host=true] .winBkgd {
      width: 365px
  }

  .Match-default-bottom .MatchTeam[data-host=true] {
      justify-content: flex-start;
      padding-left: 15px
  }

  .Match-default-bottom .MatchTeam[data-host=true] .winBkgd:before {
      right: 43px
  }

  .Match-default-bottom .MatchTeam[data-host=false] {
      justify-content: flex-end;
      padding-right: 15px
  }

  .Match-default-bottom .MatchTeam[data-host=false] .winBkgd:before {
      left: 43px
  }

  .Match-default-bottom .MatchTeam[data-winner=true] .MatchScore-num {
      color: #fff
  }

  .Match-default-bottom .MatchTeam[data-host=true] .MatchScore {
      right: 0
  }

  .Match-default-bottom .MatchTeam[data-host=false] .MatchScore {
      left: 0
  }

  .Match-default-bottom .MatchTeam .MatchScore {
      position: absolute;
      top: 50%;
      transform: translateY(-50%)
  }

  .Match-default-bottom .MatchTeam .MatchScore-tied {
      font-size: 1.7rem;
      letter-spacing: -.3px;
      line-height: 24px
  }

  .Match-default-bottom .MatchTeam .MatchScore-large {
      font-size: 5.6rem;
      letter-spacing: -.8px;
      line-height: 62px
  }

  .Match-default-bottom .MatchTeam .MatchScore-small {
      font-size: 2.4rem;
      letter-spacing: -.34px;
      line-height: 26px
  }

  .Match-default-bottom .MatchPlayer {
      align-content: center;
      display: flex;
      flex-direction: column;
      justify-content: flex-end
  }

  .Match-default-bottom .MatchPlayer+.MatchPlayer {
      margin-left: 25px
  }

  .Match-default-bottom .MatchPlayer-firstName {
      display: none
  }

  .Match-default-bottom .MatchPlayer-initial {
      display: inline-block
  }

  .Match-default-bottom .MatchPlayer-name {
      text-align: center
  }

  .Match-default-bottom .MatchPlayer-lastName {
      font-size: 1.4rem;
      font-weight: 700;
      letter-spacing: -.23px;
      line-height: 18px;
      margin-bottom: 11px;
      order: 1;
      text-align: center
  }

  .Match-default-bottom .MatchPlayer-headshot {
      align-self: center;
      display: block;
      height: 110px;
      order: 2;
      overflow: hidden;
      width: 110px
  }

  .Match-default-bottom .MatchPlayer-headshot img {
      flex-shrink: 0;
      margin: auto;
      -o-object-fit: contain;
      object-fit: contain;
      width: auto
  }

  .Match-toggler {
      bottom: 10px
  }

  [data-expanded=true] .Match-card {
      min-height: 357px
  }

  [data-expanded=true] .Match-expanded {
      height: auto;
      padding: 30px 0
  }
}

.Match-expanded[data-hole-inview="1"] [data-hole-num="1"],.Match-expanded[data-hole-inview="10"] [data-hole-num="10"],.Match-expanded[data-hole-inview="11"] [data-hole-num="11"],.Match-expanded[data-hole-inview="12"] [data-hole-num="12"],.Match-expanded[data-hole-inview="13"] [data-hole-num="13"],.Match-expanded[data-hole-inview="14"] [data-hole-num="14"],.Match-expanded[data-hole-inview="15"] [data-hole-num="15"],.Match-expanded[data-hole-inview="16"] [data-hole-num="16"],.Match-expanded[data-hole-inview="17"] [data-hole-num="17"],.Match-expanded[data-hole-inview="18"] [data-hole-num="18"],.Match-expanded[data-hole-inview="2"] [data-hole-num="2"],.Match-expanded[data-hole-inview="3"] [data-hole-num="3"],.Match-expanded[data-hole-inview="4"] [data-hole-num="4"],.Match-expanded[data-hole-inview="5"] [data-hole-num="5"],.Match-expanded[data-hole-inview="6"] [data-hole-num="6"],.Match-expanded[data-hole-inview="7"] [data-hole-num="7"],.Match-expanded[data-hole-inview="8"] [data-hole-num="8"],.Match-expanded[data-hole-inview="9"] [data-hole-num="9"] {
  background: var(--primaryColor6)
}

.MatchCard {
  display: flex;
  flex-direction: column;
  width: 570px
}

.MatchCard-video .Match-modal-icon {
  color: var(--primaryColor1);
  pointer-events: none
}

.MatchCard-video-left {
  font-size: 0
}

.MatchCard-top,.MatchCard-video {
  color: #000;
  display: flex;
  font-size: 11px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 16px;
  width: 100%
}

.MatchCard-top-left,.MatchCard-video-left {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-transform: uppercase;
  width: 165px
}

.MatchCard-top-right,.MatchCard-video-right {
  width: 405px
}

.MatchCard-holeText,.MatchCard-parText,.MatchCard-yardsText {
  align-items: center;
  display: flex;
  height: 18px;
  margin-right: 5px;
  width: 40px
}

.MatchCard-parText,.MatchCard-yardsText {
  align-items: center;
  display: flex
}

.MatchCard-holes,.MatchCard-pars,.MatchCard-yards {
  display: flex;
  width: 100%
}

.MatchCard-hole,.MatchCard-par,.MatchCard-yard {
  align-items: center;
  border-right: 1px solid var(--primaryColor5);
  display: flex;
  flex-shrink: 0;
  height: 18px;
  justify-content: center;
  white-space: nowrap;
  width: 22.5px
}

.MatchCard-hole:first-of-type,.MatchCard-par:first-of-type,.MatchCard-yard:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.MatchCard [data-hole-num] {
  cursor: pointer
}

.MatchCard [data-hole-num][data-has-video=true] {
  cursor: default
}

.MatchCard-par,.MatchCard-yard {
  border-top: 1px solid var(--primaryColor5);
  white-space: nowrap
}

.MatchCard-yard {
  font-size: 1rem
}

.MatchCard-bottom {
  display: flex;
  flex-direction: column;
  width: 100%
}

.MatchCard-team {
  display: flex;
  height: 87px;
  position: relative;
  width: 100%
}

.MatchCard-team-indicator {
  border-radius: 50%;
  display: inline-block;
  font-size: 0;
  height: 8px;
  left: -12px;
  position: absolute;
  width: 8px
}

@media only screen and (min-width: 768px) {
  .MatchCard-team-indicator {
      left:-15px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchCard-team-indicator {
      left:-20px
  }
}

.MatchCard-team [data-player="1"] {
  top: 23px
}

@media only screen and (min-width: 768px) {
  .MatchCard-team [data-player="1"] {
      top:26px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchCard-team [data-player="1"] {
      top:35px
  }
}

.MatchCard-team [data-player="1"][data-type=Singles] {
  top: 38px
}

@media only screen and (min-width: 768px) {
  .MatchCard-team [data-player="1"][data-type=Singles] {
      top:52px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchCard-team [data-player="1"][data-type=Singles] {
      top:63px
  }
}

.MatchCard-team [data-player="1"][data-team=team2] {
  background: #bf0a30
}

.MatchCard-team [data-player="1"][data-team=team1] {
  background: #014d94
}

.MatchCard-team [data-player="2"] {
  top: 55px
}

@media only screen and (min-width: 768px) {
  .MatchCard-team [data-player="2"] {
      top:86px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchCard-team [data-player="2"] {
      top:102px
  }
}

.MatchCard-team [data-player="2"][data-team=team2] {
  background: #f97893
}

.MatchCard-team [data-player="2"][data-team=team1] {
  background: #7dbcf6
}

.MatchCard-team [data-player="2"][data-type=Singles] {
  display: none
}

.MatchCard-team [data-player="3"] {
  top: 128px
}

@media only screen and (min-width: 768px) {
  .MatchCard-team [data-player="3"] {
      top:172px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchCard-team [data-player="3"] {
      top:201px
  }
}

@media only screen and (min-width: 1440px) {
  .MatchCard-team [data-player="3"] {
      top:205px
  }
}

.MatchCard-team [data-player="3"][data-type=Singles] {
  top: 144px
}

@media only screen and (min-width: 768px) {
  .MatchCard-team [data-player="3"][data-type=Singles] {
      top:200px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchCard-team [data-player="3"][data-type=Singles] {
      top:229px
  }
}

@media only screen and (min-width: 1440px) {
  .MatchCard-team [data-player="3"][data-type=Singles] {
      top:234px
  }
}

.MatchCard-team [data-player="3"][data-team=team2] {
  background: #bf0a30
}

.MatchCard-team [data-player="3"][data-team=team1] {
  background: #014d94
}

.MatchCard-team [data-player="4"] {
  top: 161px
}

@media only screen and (min-width: 768px) {
  .MatchCard-team [data-player="4"] {
      top:230px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchCard-team [data-player="4"] {
      top:267px
  }
}

@media only screen and (min-width: 1440px) {
  .MatchCard-team [data-player="4"] {
      top:271px
  }
}

.MatchCard-team [data-player="4"][data-team=team2] {
  background: #f97893
}

.MatchCard-team [data-player="4"][data-team=team1] {
  background: #7dbcf6
}

.MatchCard-team [data-player="4"][data-type=Singles] {
  display: none
}

.MatchCard-team:first-of-type .MatchCardTeam {
  border-top-right-radius: 0
}

.MatchCard-team:last-of-type {
  margin-bottom: 0
}

.MatchCard-team:last-of-type .MatchHoleScores-wrapper .MatchHoleScores-cell:last-of-type {
  border-top-right-radius: 0
}

.MatchCard-holeScores {
  height: 100%;
  width: 405px
}

.MatchCard .MatchCardTeam-players[data-single=true] .MatchPlayer {
  align-items: center;
  display: flex;
  height: 100%
}

@media only screen and (min-width: 768px) {
  .MatchCard {
      width:708px
  }

  .MatchCard-top,.MatchCard-video {
      font-size: 1.362rem;
      line-height: 19px
  }

  .MatchCard-top-left,.MatchCard-video-left {
      width: 194px
  }

  .MatchCard-top-right,.MatchCard-video-right {
      width: 512px
  }

  .MatchCard-holeText,.MatchCard-parText,.MatchCard-yardsText {
      height: 29px;
      margin-right: 10px;
      width: 40px
  }

  .MatchCard-team {
      height: 116px
  }

  .MatchCard-holeScores {
      width: 512px
  }

  .MatchCard-hole,.MatchCard-par,.MatchCard-yard {
      height: 30px;
      width: 28.4px
  }

  .MatchCard-yard {
      font-size: 1.2rem
  }
}

@media only screen and (min-width: 1024px) {
  .MatchCard {
      width:100%
  }

  .MatchCard-top-left,.MatchCard-video-left {
      width: 313px
  }

  .MatchCard-top-right,.MatchCard-video-right {
      width: 469px
  }

  .MatchCard-hole,.MatchCard-par,.MatchCard-yard {
      width: 26px
  }

  .MatchCard-yard {
      font-size: 1.1rem
  }

  .MatchCard-holeScores {
      width: 469px
  }

  .MatchCard-team {
      height: 136px
  }

  .MatchCard .MatchCardTeam-players {
      padding: 8px 20px 0
  }

  .MatchCard .MatchCardTeam-players[data-single=true] {
      padding: 0 10px
  }

  .MatchCard .MatchPlayer {
      align-items: center;
      display: flex;
      position: relative
  }

  [data-type=Singles] .MatchCard .MatchPlayer {
      height: 100%
  }

  .MatchCard .MatchPlayer-firstName {
      display: none
  }

  .MatchCard .MatchPlayer-headshot {
      align-self: flex-end;
      display: block;
      height: 58px;
      margin-right: 20px;
      overflow: hidden;
      width: 58px
  }

  .MatchCard .MatchPlayer-headshot[data-large-image=true] {
      height: 110px;
      margin-right: 0;
      width: 110px
  }

  .MatchCard .MatchPlayer-headshot img {
      flex-shrink: 0;
      margin: auto;
      -o-object-fit: contain;
      object-fit: contain;
      width: auto
  }

  .MatchCard .MatchPlayer-initial {
      display: inline;
      font-style: italic;
      text-transform: uppercase
  }

  .MatchCard .MatchPlayer-lastName {
      font-size: 1.4rem;
      font-weight: 700;
      letter-spacing: -.23px;
      line-height: 18px
  }
}

@media only screen and (min-width: 1240px) {
  .MatchCard-top-right,.MatchCard-video-right {
      width:667px
  }

  .MatchCard-hole,.MatchCard-par,.MatchCard-yard {
      width: 37px
  }

  .MatchCard-yard {
      font-size: 1.4rem
  }

  .MatchCard-holeScores {
      width: 667px
  }
}

@media only screen and (min-width: 1440px) {
  .MatchCard {
      width:1138px
  }

  .MatchCard-top,.MatchCard-video {
      font-size: 1.6rem;
      line-height: 22px
  }

  .MatchCard-top-right,.MatchCard-video-right {
      width: 825px
  }

  .MatchCard-holeText,.MatchCard-parText,.MatchCard-yardsText {
      height: 35px;
      width: 47px
  }

  .MatchCard-hole,.MatchCard-par,.MatchCard-yard {
      height: 35px;
      width: 45px
  }

  .MatchCard-yard {
      font-size: 1.6rem
  }

  .MatchCard-holeScores {
      width: 825px
  }
}

.MatchCardTeam {
  background: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 10px;
  border-bottom-right-radius: 0;
  border-right: 0;
  border-top-right-radius: 0;
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 165px
}

.MatchCardTeam .winBkgd {
  width: 164px
}

.MatchCardTeam-players {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 10px;
  position: relative;
  width: 100%
}

[data-type=Singles] .MatchCardTeam-players {
  justify-content: center
}

.MatchCardTeam[data-winner=true] .MatchScore-num {
  color: #fff
}

.MatchCardTeam .MatchScore {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%)
}

.MatchCardTeam .MatchScore-tied {
  font-size: 1.2rem;
  line-height: 18px
}

.MatchCardTeam .MatchScore-large {
  font-size: 4rem;
  letter-spacing: -.68px;
  line-height: 53px
}

@media only screen and (min-width: 1024px) {
  .MatchCardTeam .MatchScore-large {
      font-size:4.8rem;
      letter-spacing: -.78px;
      line-height: 60px
  }
}

.MatchCardTeam .MatchScore-small {
  font-size: 1.8rem;
  letter-spacing: -.3px;
  line-height: 25px
}

@media only screen and (min-width: 1024px) {
  .MatchCardTeam .MatchScore-small {
      font-size:2rem;
      letter-spacing: -.33px;
      line-height: 26px
  }
}

@media only screen and (min-width: 768px) {
  .MatchCardTeam {
      width:195px
  }

  .MatchCardTeam-players {
      padding: 10px 15px
  }

  .MatchCardTeam[data-host=true] .winBkgd:before {
      right: 30px
  }

  .MatchCardTeam .winBkgd {
      width: 194px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchCardTeam {
      width:313px
  }

  .MatchCardTeam .winBkgd {
      width: 312px
  }

  [data-type=Four-ball] .MatchCardTeam-players .MatchPlayer .MatchPlayer-headshot,[data-type=Foursomes] .MatchCardTeam-players .MatchPlayer .MatchPlayer-headshot {
      position: relative;
      top: 1px
  }

  [data-type=Four-ball] .MatchCardTeam-players .MatchPlayer:not(:first-child):after,[data-type=Foursomes] .MatchCardTeam-players .MatchPlayer:not(:first-child):after {
      background: var(--primaryColor5);
      content: "";
      height: 1px;
      left: -20px;
      position: absolute;
      top: -9px;
      width: 313px
  }

  [data-show-score=true] .MatchCardTeam-players .MatchPlayer:not(:first-child):after {
      width: 196px
  }

  [data-winner=true] .MatchCardTeam-players .MatchPlayer:not(:first-child):after {
      opacity: .2
  }
}

.MatchHoles {
  align-items: center;
  display: flex;
  justify-content: center
}

.MatchHoleScores {
  display: flex;
  height: 100%
}

.MatchHoleScores-wrapper:first-of-type .MatchHoleScores-cell,.MatchHoleScores-wrapper:first-of-type .MatchHoleScores-cell:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.MatchHoleScores-wrapper .MatchHoleScores-cell {
  height: 50%
}

.MatchHoleScores-wrapper .MatchHoleScores-cell:first-of-type {
  border-bottom: 0;
  border-left: 0
}

.MatchHoleScores-wrapper .MatchHoleScores-cell:last-of-type {
  border-radius: 0
}

.MatchHoleScores-cell {
  align-items: center;
  border: 1px solid var(--primaryColor5);
  border-left: 0;
  display: flex;
  flex-shrink: 0;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 22.5px
}

.MatchHoleScores-cell.HoleScoreFourball-cell[data-na=true]:empty:before {
  border: none
}

.MatchHoleScores-cell.HoleScoreFourball-cell[data-na=true]:empty:after {
  background: none
}

.MatchHoleScores-cell:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.MatchHoleScores-cell[data-na=true]:empty:before {
  border: 1px solid var(--primaryColor5);
  border-radius: 50%;
  content: "";
  height: 16.83px;
  position: absolute;
  width: 16.83px
}

.MatchHoleScores-cell[data-na=true]:empty:after {
  background: var(--primaryColor5);
  content: "";
  height: 22.83px;
  position: absolute;
  transform: rotate(32deg);
  width: 1px
}

@media only screen and (min-width: 768px) {
  .MatchHoleScores-cell {
      width:28.4px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchHoleScores-cell {
      width:26px
  }
}

@media only screen and (min-width: 1240px) {
  .MatchHoleScores-cell {
      width:37px
  }
}

@media only screen and (min-width: 1440px) {
  .MatchHoleScores-cell {
      width:45px
  }

  .MatchHoleScores-cell[data-na=true]:empty:before {
      height: 22px;
      width: 22px
  }

  .MatchHoleScores-cell[data-na=true]:empty:after {
      height: 32px
  }
}

.MatchHoleVideos {
  display: flex;
  height: 100%
}

.MatchHoleVideos-cell {
  align-items: center;
  border-right: 1px solid var(--primaryColor5);
  display: flex;
  flex-shrink: 0;
  height: 18px;
  justify-content: center;
  white-space: nowrap;
  width: 22.5px
}

.MatchHoleVideos-cell .Match-modal {
  display: block;
  height: 6px;
  margin: auto;
  position: relative;
  width: 10px
}

.MatchHoleVideos-cell .Match-modal-icon,.MatchHoleVideos-cell .Match-modal-link {
  background-size: contain;
  cursor: pointer;
  display: flex;
  position: relative;
  width: 100%
}

.MatchHoleVideos-cell .Match-modal-icon {
  height: 6px;
  width: 10px
}

.MatchHoleVideos-cell:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

@media only screen and (min-width: 768px) {
  .MatchHoleVideos-cell {
      height:30px;
      width: 28.4px
  }

  .MatchHoleVideos-cell .Match-modal,.MatchHoleVideos-cell .Match-modal-icon,.MatchHoleVideos-cell .Match-modal-link {
      height: 9px;
      width: 13px
  }
}

@media only screen and (min-width: 1024px) {
  .MatchHoleVideos-cell {
      width:26px
  }

  .MatchHoleVideos-cell .Match-modal,.MatchHoleVideos-cell .Match-modal-icon,.MatchHoleVideos-cell .Match-modal-link {
      height: 12px;
      width: 19px
  }
}

@media only screen and (min-width: 1240px) {
  .MatchHoleVideos-cell {
      width:37px
  }
}

@media only screen and (min-width: 1440px) {
  .MatchHoleVideos-cell {
      height:35px;
      width: 45px
  }
}

.Hole[data-status=na]:before {
  background: #000;
  content: "";
  height: 100%;
  position: absolute;
  transform: rotate(32deg);
  width: 1.05px
}

@media only screen and (min-width: 768px) {
  .Hole {
      font-size:0.8rem;
      height: 21.88px;
      line-height: 6.65px;
      margin: 0 3px;
      width: 21.88px
  }

  .Hole:before {
      top: -1px
  }
}

.HoleScore:empty {
  display: none
}

.HoleScore[data-status=pickedup]:before {
  background: transparent
}

@media only screen and (min-width: 1440px) {
  .HoleScore {
      font-size:1.6rem;
      height: 23px;
      line-height: 23px;
      width: 23px
  }

  [data-type=Foursomes] .HoleScore:before,[data-type=Singles] .HoleScore:before {
      top: -1px
  }
}

.Probability {
  display: flex;
  flex-direction: column;
  width: 100%
}

.Probability-percentages {
  width: 100%
}

.Probability-info {
  border-bottom: 1px solid var(--primaryColor5);
  border-top: 1px solid var(--primaryColor5);
  display: flex;
  justify-content: space-between;
  margin: 0 -5px 15px;
  padding: 20px 20px 15px
}

.Probability-status {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  padding-left: 20px;
  position: relative;
  width: 95px
}

.Probability-status .Tooltip {
  position: absolute;
  right: -15px;
  text-align: center;
  top: calc(100% - 10px)
}

.Probability-status .Tooltip .Tooltip-text a {
  text-decoration: underline
}

@media only screen and (max-width: 767px) {
  .Probability-status .Tooltip .Tooltip-text {
      border-radius:5px;
      width: auto
  }

  .Probability-status .Tooltip .Tooltip-text:before {
      right: 1px
  }

  .Probability-status .Tooltip .Tooltip-text:after {
      right: 2px
  }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
  .Probability-status .Tooltip .Tooltip-text {
      left:-7px
  }

  .Probability-status .Tooltip .Tooltip-text:before {
      left: 5px
  }

  .Probability-status .Tooltip .Tooltip-text:after {
      left: 6px
  }
}

.Probability-status:after {
  background: var(--primaryColor5);
  content: "";
  height: 100px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px
}

.Probability-scoreTitle {
  color: #000;
  font-size: 1.4rem;
  line-height: 17px
}

.Probability-progress,.Probability-scoreTitle {
  font-weight: 500;
  letter-spacing: 0
}

.Probability-progress {
  color: var(--supportingColor8);
  font-size: 1.6rem;
  line-height: 19px;
  margin-bottom: 10px;
  white-space: nowrap
}

.Probability-chart {
  height: 100px;
  margin-bottom: 15px;
  padding: 0 10px 0 20px;
  position: relative
}

.Probability-flot {
  height: 100%;
  width: 100%
}

.Probability-teamLabel {
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  left: 0;
  letter-spacing: -.2px;
  line-height: 14px;
  position: absolute;
  text-transform: uppercase
}

.Probability-teamLabel[data-team=host] {
  top: 1px
}

.Probability-teamLabel[data-team=guest] {
  bottom: 19px
}

.ProbabilityTeam {
  align-items: center;
  border-bottom: 1px solid var(--primaryColor5);
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  width: 100%
}

.ProbabilityTeam:first-of-type {
  padding: 0 0 10px
}

.ProbabilityTeam:last-of-type {
  border: 0;
  padding: 10px 0 0
}

.ProbabilityTeam-flag {
  margin-right: 5px;
  max-width: 25px
}

.ProbabilityTeam-text {
  color: var(--supportingColor8);
  display: flex;
  font-size: 1.2rem;
  line-height: 14px;
  text-transform: uppercase
}

.ProbabilityTeam-percent,.ProbabilityTeam-text {
  font-weight: 500;
  letter-spacing: 0
}

.ProbabilityTeam-percent {
  color: #000;
  font-size: 1.6rem;
  line-height: 19px
}

.Probability .MatchScore {
  white-space: nowrap
}

.Probability .MatchScore-tied {
  display: none;
  font-size: 1.2rem;
  height: 53px
}

.Probability .MatchScore-tied [data-half-text] {
  display: none;
  font-size: 0.8rem
}

.Probability .MatchScore-tied [data-halved=true] [data-half-text],.Probability .MatchScore-tied [data-squared-text] {
  display: inline
}

.Probability .MatchScore-tied [data-halved=true] [data-squared-text],.Probability .MatchScore[data-tied=true] .MatchScore-num {
  display: none
}

.Probability .MatchScore[data-tied=true] .MatchScore-tied {
  display: flex
}

.Probability .hrLine,.Probability .straightLine {
  background-color: #000;
  position: absolute;
  z-index: 100
}

.Probability .ct-label.ct-end.ct-vertical {
  color: #666;
  font-size: 1rem;
  letter-spacing: -.17px;
  line-height: 14px
}

.Probability .ct-label.ct-end.ct-horizontal {
  color: var(--supportingColor2);
  font-size: .9rem;
  font-weight: 600;
  left: -5px;
  letter-spacing: -.15px;
  line-height: 11px;
  position: relative
}

.Probability .flot-x-axis.flot-x1-axis.xAxis.x1Axis div {
  margin-top: 10px
}

@media only screen and (min-width: 768px) {
  .Probability {
      flex-direction:row;
      justify-content: space-between;
      margin: auto;
      max-width: 708px
  }

  .Probability-info {
      align-items: center;
      border: 1px solid var(--primaryColor5);
      border-radius: 10px;
      height: 80px;
      margin: 0 8px 0 0;
      order: 1;
      padding: 7px;
      width: 146px
  }

  .Probability-chart {
      height: 80px;
      margin-bottom: 0;
      margin-top: 10px;
      min-width: 515px;
      order: 2;
      padding-right: 0;
      width: 100%
  }

  .Probability-teamLabel {
      font-size: .973rem;
      line-height: 12px
  }

  .ProbabilityTeam {
      padding: 5px 0
  }

  .ProbabilityTeam:first-of-type {
      padding: 0 0 5px
  }

  .ProbabilityTeam:last-of-type {
      border: 0;
      padding: 5px 0 0
  }

  .ProbabilityTeam-flag {
      margin-right: 3px
  }

  .ProbabilityTeam-flag img {
      height: 8px;
      width: 12px
  }

  .ProbabilityTeam-text {
      font-size: .778rem;
      line-height: 10px
  }

  .ProbabilityTeam-percent {
      font-size: .973rem;
      line-height: 12px
  }

  .Probability-status {
      height: 100%;
      margin-left: 10px;
      padding-left: 10px;
      width: 55px
  }

  .Probability-status .Tooltip {
      position: absolute;
      right: -3px;
      text-align: center;
      top: calc(100% - 15px)
  }

  .Probability-status .Tooltip-trigger {
      font-size: 8px;
      height: 12px;
      line-height: 12px;
      width: 12px
  }

  .Probability-status:after {
      height: 56.67px
  }

  .Probability-scoreTitle {
      font-size: .973rem;
      line-height: 12px
  }

  .Probability .MatchScore-tied {
      font-size: 0.8rem;
      height: 30px
  }

  .Probability .MatchScore-tied [data-half-text=true] {
      font-size: .5rem
  }

  .Probability .MatchScore-large {
      font-size: 2.723rem;
      line-height: 30px
  }

  .Probability .MatchScore-small {
      font-size: 1.167rem
  }

  .Probability-progress {
      font-size: 1.167rem;
      line-height: 13px;
      margin-bottom: 5px
  }

  .Probability .flot-x-axis.flot-x1-axis.xAxis.x1Axis div {
      font-size: 11px!important;
      font-weight: 600!important
  }
}

@media only screen and (min-width: 1024px) {
  .Probability {
      max-width:782px
  }

  .Probability-info {
      border-radius: 8px;
      height: 140px;
      margin-right: 12px;
      padding: 20px;
      width: 261px
  }

  .Probability-chart {
      height: 130px;
      margin-top: 15px
  }

  .Probability-teamLabel {
      font-size: 1.2rem;
      line-height: 14px
  }

  .ProbabilityTeam {
      padding: 10px 0
  }

  .ProbabilityTeam:first-of-type {
      padding: 0 0 10px
  }

  .ProbabilityTeam:last-of-type {
      border: 0;
      padding: 10px 0 0
  }

  .ProbabilityTeam-flag {
      margin-right: 5px
  }

  .ProbabilityTeam-flag img {
      height: 12px;
      width: 20px
  }

  .ProbabilityTeam-text {
      font-size: 1.2rem;
      line-height: 14px
  }

  .ProbabilityTeam-percent {
      font-size: 1.6rem;
      line-height: 19px
  }

  .Probability-status {
      margin-left: 20px;
      padding-left: 20px;
      width: 75px
  }

  .Probability-status .Tooltip {
      position: absolute;
      right: -10px;
      text-align: center;
      top: calc(100% - 10px)
  }

  .Probability-status .Tooltip-trigger {
      font-size: 12px;
      height: 19px;
      line-height: 19px;
      width: 19px
  }

  .Probability-status:after {
      height: 101px
  }

  .Probability-scoreTitle {
      font-size: 1.4rem;
      line-height: 17px
  }

  .Probability-progress {
      font-size: 1.6rem;
      line-height: 19px;
      margin-bottom: 10px
  }

  .Probability .MatchScore-tied {
      font-size: 1.2rem;
      height: 53px
  }

  .Probability .MatchScore-tied [data-half-text=true] {
      font-size: 0.9rem
  }

  .Probability .MatchScore-large {
      font-size: 4.8rem;
      line-height: 53px
  }

  .Probability .MatchScore-small {
      font-size: 2.1rem
  }

  .Probability .flot-y-axis.flot-y1-axis.yAxis.y1Axis div {
      font-size: 14px!important;
      font-weight: 500!important;
      line-height: 17px!important;
      white-space: nowrap
  }
}

@media only screen and (min-width: 1240px) {
  .Probability {
      max-width:980px
  }
}

@media only screen and (min-width: 1440px) {
  .Probability {
      max-width:1138px
  }
}

.MatchInfo {
  align-items: center;
  display: flex;
  justify-content: center
}

.MatchInfo-number,.MatchInfo-progress {
  color: var(--supportingColor8);
  display: inline-block;
  font-size: 0.7rem;
  font-style: italic;
  line-height: 15px
}

.MatchInfo-number {
  color: #000
}

.MatchInfo-progress {
  margin-left: 5px
}

.MatchInfo .Match-watchCta {
  margin-left: 10px
}

.MatchInfo .Match-watchCta[data-hide-mobile=true] {
  display: none
}

@media only screen and (min-width: 568px) {
  .MatchInfo .Match-watchCta[data-hide-mobile=true] {
      display:inline-block
  }
}

@media only screen and (min-width: 768px) {
  .MatchInfo-number,.MatchInfo-progress {
      font-size:0.9rem;
      line-height: 18px
  }
}

@media only screen and (min-width: 1024px) {
  .MiniMatch .MatchInfo-number,.MiniMatch .MatchInfo-progress {
      font-size:0.7rem;
      letter-spacing: -.12px;
      line-height: 15px
  }
}

@media only screen and (min-width: 1440px) {
  .MatchInfo-number,.MatchInfo-progress {
      font-size:1.1rem;
      line-height: 20px
  }

  .MiniMatch .MatchInfo-number,.MiniMatch .MatchInfo-progress {
      font-size: 0.7rem;
      letter-spacing: -.12px;
      line-height: 15px
  }
}

@media only screen and (min-width: 568px) {
  .Match-cta-mobile {
      display:none
  }
}

.MatchScore {
  display: inline-block;
  text-transform: uppercase
}

.MatchScore,.MatchScore-tied {
  color: #000;
}

.MatchScore-tied {
  font-size: 1.0rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px
}

.MatchScore-num {
  align-items: center;
  display: flex
}

.MatchScore-num[data-advantage=team2][data-final=true] {
  color: var(--team2Color)
}

.MatchScore-num[data-advantage=team2][data-final=false] {
  color: #88af8c
}

.MatchScore-num[data-advantage=team1][data-final=true] {
  color: var(--team1Color)
}

.MatchScore-num[data-advantage=team1][data-final=false] {
  color: #7793b5
}

.MatchScore-large {
  font-size: 1.0rem;
  font-weight: 700;
  letter-spacing: -.68px;
  line-height: 53px
}


.MatchScore-small {
  flex-shrink: 0;
  font-size: 2.1rem;
  font-weight: 900;
  letter-spacing: -.3px;
  line-height: 25px
}

@media only screen and (min-width: 768px) {
  .MatchScore-tied {
      font-size:2.4rem;
      letter-spacing: 0;
      letter-spacing: -.4px;
      line-height: 24px;
      line-height: 31px
  }

  .MatchScore-large {
    font-size: 3.6rem;
    letter-spacing: -.8px;
    line-height: 62px
}

.MatchScore-large-tie {
  font-size: 2.6rem;
  letter-spacing: -.8px;
  line-height: 62px
}

.MatchScore-small {
      font-size: 2.4rem;
      font-weight: 700;
      letter-spacing: -.34px;
      line-height: 26px
  }
}

.MatchTeam[data-winner=true] .MatchScore-num {
  color: #fff
}

.MatchTeam[data-host=true] .MatchScore {
  right: 0
}

.MatchTeam[data-host=false] .MatchScore {
  left: 0
}

.MatchTeam .MatchScore {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

@media only screen and (min-width: 768px) {
  .MatchTeam {
      padding:20px 15px
  }

  .MatchTeam[data-host=false] .winBkgd,.MatchTeam[data-host=true] .winBkgd {
      width: 223px
  }

  .MatchTeam[data-host=false] .winBkgd:after,.MatchTeam[data-host=true] .winBkgd:after {
      border-bottom: 165px solid transparent;
      border-top: 165px solid transparent
  }
}

scoring-react {
  display: block;
  min-height: 500px
}

.ScoringModule {
  background-color: var(--primaryColor6);
  display: block;
  padding: 25px 10px 80px;
}

.ScoringModule-tracker {
  align-self: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.ScoringModule-overallTitle {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px
}

.ScoringModule-teams {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
  padding: 0 5px
}

.ScoringModule .ScoreTracker {
  margin-bottom: 11px
}

.ScoringModule-timestamp {
  color: var(--primaryColor4);
  font-size: 1.4rem;
  line-height: 19px;
  margin: 0 5px 15px
}

@media only screen and (min-width: 768px) {
  .ScoringModule-timestamp {
      margin:0 0 20px
  }
}

@media only screen and (min-width: 1024px) {
  .ScoringModule-timestamp {
      font-size:1.6rem;
      line-height: 27px
  }
}

.ScoringModule-legend {
  display: flex;
  justify-content: center;
  margin: 5px
}

.ScoringModule-legend-item {
  display: flex
}

.ScoringModule-legend-item:last-of-type {
  margin-left: 25px
}

.ScoringModule-legend+.GoogleDfpAd {
  margin-top: 13px
}

.ScoringModule-symbols {
  display: flex
}

.ScoringModule-symbol {
  height: 11px;
  width: 12px
}

.ScoringModule-symbol[data-team=team2] {
  background-color: var(--team2Color)
}

[data-projected] .ScoringModule-symbol[data-team=team2] {
  background-color: rgba(36,124,54,.5)
}

.ScoringModule-symbol[data-team=team1] {
  background-color: var(--team1Color)
}

[data-projected] .ScoringModule-symbol[data-team=team1] {
  background-color: rgba(0,69,135,.5)
}

.ScoringModule-symbol:last-of-type {
  margin-left: 2px
}

.ScoringModule-symbol-text {
  color: var(--supportingColor2);
  font-size: .9rem;
  letter-spacing: -.26px;
  line-height: 12px;
  margin-left: 5px
}

.ScoringModule-dd {
  margin: 0 5px 15px
}

.ScoringModule-tabs-expanded {
  align-items: center;
  border-bottom: 1px solid var(--primaryColor5);
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
  overflow-x: auto
}

@media only screen and (min-width: 568px) {
  .ScoringModule-tabs-expanded {
      justify-content:center;
      overflow-x: normal
  }
}

.ScoringModule-tabs-expanded li {
  cursor: pointer;
  max-width: 100%;
  padding: 20px 20px 10px;
  white-space: nowrap
}

@media only screen and (min-width: 568px) {
  .ScoringModule-tabs-expanded li {
      white-space:normal
  }
}

.ScoringModule-tab>button {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-weight: inherit
}

.ScoringModule-sponsor {
  display: flex;
  justify-content: flex-end;
  position: relative;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .ScoringModule-sponsor {
      margin-top:20px
  }
}

.ScoringModule-sponsor-wrapper {
  top: 15px
}

.ScoringModule-sponsor-text {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: .5px;
  line-height: 19px;
  margin-right: 5px
}

.ScoringModule-sponsor img {
  display: inline-block
}

@media only screen and (min-width: 768px) {
  .ScoringModule {
      padding:30px 20px 166px
  }

  .ScoringModule-tracker {
      margin-bottom: 20px
  }

  .ScoringModule-overallTitle {
      font-size: 14px;
      line-height: 24px
  }

  .ScoringModule-teams {
      margin: 0 78px 20px;
      padding: 0
  }

  .ScoringModule .ScoreTracker {
      margin-bottom: 15px
  }

  .ScoringModule-legend {
      margin: 5px;
  }

  .ScoringModule-legend-item:last-of-type {
      margin-left: 30px
  }

  .ScoringModule-symbol {
      height: 17px;
      width: 18px
  }

  .ScoringModule-symbol:last-of-type {
      margin-left: 6px
  }

  .ScoringModule-symbol-text {
      font-size: 9px;
      letter-spacing: 0;
      line-height: 20px;
      margin-left: 10px
  }

  .ScoringModule-tabs {
      background-color: var(--primaryColor6);
      justify-content: space-between;
      margin-bottom: 20px;
      overflow: hidden;
      padding: 0 20px;
  }

  .ScoringModule-tabs li {
      position: relative
  }

  .ScoringModule-tab {
      max-width: 140px;
      position: relative;
      z-index: 1
  }

  .ScoringModule-tab[data-disabled=true] {
      cursor: default;
      pointer-events: none
  }

  .ScoringModule-tab[data-disabled=false]+.tabactive-background {
      background: #fff;
      height: 100%;
      position: absolute;
      right: -20px;
      top: 0;
      width: 100vw
  }
}

@media only screen and (min-width: 1024px) {
  .ScoringModule {
      padding:32px 100px 100px
  }

  .ScoringModule-tracker {
      margin-bottom: 33px
  }

  .ScoringModule-overallTitle {
      font-size: 14px;
      line-height: 24px
  }

  .ScoringModule-teams {
      margin: 0 auto 30px;
      padding: 0;
      width: 605px
  }

  .ScoringModule .ScoreTracker {
      margin-bottom: 33px
  }

  bsp-tabs-dd .ScoringModule-tabs {
      margin: 0 auto 25px;
      width: calc(100% - 26px)
  }

  .ScoringModule-tab[data-disabled=false]+.tabactive-background {
      border-radius: 12px
  }
}

@media only screen and (min-width: 1240px) {
  .ScoringModule-legend-item:last-of-type {
      margin-left:57px
  }

  .ScoringModule-legend+.GoogleDfpAd {
      margin-top: 30px
  }

  .ScoringModule-symbol-text {
      font-size: 16px;
      line-height: 22px;
      margin-left: 13px
  }

  .ScoringModule-tab {
      max-width: none
  }
}

@media only screen and (min-width: 1440px) {
  .ScoringModule-tabs {
      padding:0 40px
  }

  .ScoringModule-tab[data-disabled=false]+.tabactive-background {
      right: -40px
  }
}

.ErrorState,.LoadingState {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 40px 0 50px
}

.ErrorState img,.LoadingState img {
  max-width: 175px
}

.ErrorState p,.LoadingState p {
  color: var(--supportingColor9);
  font-size: 19px;
  font-weight: 500;
  margin: 20px 0 0
}

.ScoringRound-cta {
  display: block;
  margin: auto auto 25px;
  max-width: 234px;
  text-align: center;
  width: 100%
}

.ScoringRound-cta a {
  background-color: var(--primaryColor1);
  border: 1px solid var(--primaryColor1)
}

.ScoringRound-cta a:active,.ScoringRound-cta a:hover {
  background-color: var(--buttonTextColor);
  border: 1px solid var(--primaryColor1);
  color: var(--primaryColor1)
}

.ScoringRound .Match {
  margin-bottom: 10px
}

.ScoringRound .Match:last-of-type {
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
  .ScoringRound-cta {
      margin-bottom:20px
  }

  .ScoringRound .Match {
      margin-bottom: 15px
  }
}

@media only screen and (min-width: 1024px) {
  .ScoringRound-cta {
      margin-bottom:30px
  }

  .ScoringRound .Match {
      margin-bottom: 20px
  }
}

.ScoreTracker {
  display: flex;
  height: 51px;
  justify-content: center;
  margin: 0 -10px;
  position: relative;
  width: calc(100% + 20px)
}

.ScoreTracker-bar {
  background: var(--primaryColor5);
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}

.ScoreTracker:before {
  height: 5px;
  top: -7px;
  width: 5px
}

.ScoreTracker:after,.ScoreTracker:before {
  background: #000;
  border-radius: 50%;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0
}

.ScoreTracker:after {
  bottom: 0;
  height: 54px;
  width: 1px
}

.ScoreTracker-linesF {
  background: linear-gradient(90deg,transparent calc(100% - 1px),hsla(0,0%,100%,.5) 0);
  background-size: calc(11.111111% + .03571px) 100%;
  height: 100%;
  position: absolute;
  width: 100%
}

.ScoreTracker-linesM {
  background: linear-gradient(90deg,transparent calc(100% - 1px),hsla(0,0%,100%,.5) 0);
  background-size: calc(8.333333% + .03571px) 100%;
  height: 100%;
  position: absolute;
  width: 100%
}

.ScoreTracker-score {
  color: #fff;
  font-size: 4.017rem;
  font-weight: 900;
  left: 10px;
  letter-spacing: 0;
  line-height: 48px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2
}

.ScoreTracker-score sup {
  font-size: 1.238rem;
  font-weight: 700;
  letter-spacing: -.71px;
  line-height: 14px;
  margin-left: 5px;
  position: relative;
  top: -8px
}

.ScoreTracker-score[data-guest=true] {
  left: auto;
  right: 10px
}

.ScoreTracker-score[data-guest=false].ScoreTracker-score[data-color=team1],.ScoreTracker-score[data-guest=true].ScoreTracker-score[data-color=team1] {
  color: var(--team1Color)
}

.ScoreTracker-score[data-guest=true].ScoreTracker-score[data-color=black] {
  color: #000
}

.ScoreTracker-score[data-guest=true].ScoreTracker-score[data-color=white] {
  color: #fff
}

.ScoreTracker-score[data-guest=false].ScoreTracker-score[data-color=team2],.ScoreTracker-score[data-guest=true].ScoreTracker-score[data-color=team2] {
  color: var(--team2Color)
}

.ScoreTracker-score[data-guest=false].ScoreTracker-score[data-color=black] {
  color: #000
}

.ScoreTracker-score[data-guest=false].ScoreTracker-score[data-color=white] {
  color: #fff
}

@media only screen and (min-width: 768px) {
  .ScoreTracker {
      height:90px;
      margin: 0;
      width: 100%
  }

  .ScoreTracker:before {
      height: 10px;
      top: -15px;
      width: 10px
  }

  .ScoreTracker:after {
      height: 105px
  }

  .ScoreTracker-bar {
      border-radius: 10px
  }

  .ScoreTracker-score {
      font-size: 6.38rem;
      font-weight: 700;
      letter-spacing: -7.02px;
      line-height: 70px
  }

  .ScoreTracker-score sup {
      font-size: 2.127rem;
      letter-spacing: 0;
      line-height: 25px;
      top: -16px
  }
}

@media only screen and (min-width: 1024px) {
  .ScoreTracker {
      height:106px
  }

  .ScoreTracker:before {
      top: -25px
  }

  .ScoreTracker:after {
      height: 125px
  }

  .ScoreTracker-score {
      font-size: 7.2rem;
      line-height: 79px
  }

  .ScoreTracker-score sup {
      font-size: 2.4rem;
      letter-spacing: -1.37px;
      line-height: 26px;
      top: -20px
  }
}

.ScoreTrackerTeam {
  height: 100%;
  left: 0;
  position: absolute
}

.ScoreTrackerTeam[data-guest=true] {
  left: auto;
  right: 0
}

.ScoreTrackerTeam[data-team=team2] {
  background-color: var(--team2Color)
}

.ScoreTrackerTeam[data-team=team2][data-projected=true] {
  background-color: rgba(36,124,54,.5)
}

.ScoreTrackerTeam[data-team=team1] {
  background-color: var(--team1Color)
}

.ScoreTrackerTeam[data-team=team1][data-projected=true] {
  background-color: rgba(0,69,135,.5)
}

.Team {
  align-items: center;
  display: flex
}

.Team-flag {
  flex-shrink: 0;
  height: 18px;
  margin-right: 5px;
  width: 30px
}

[data-guest=true] .Team-flag {
  margin-left: 10px;
  margin-right: 0;
  order: 2
}

.Team-points {
  display: flex;
  flex-direction: column
}

.Team-points-num {
  font-size: 29px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
}

[data-team=team2] .Team-points-num {
  color: var(--team2Color)
}

[data-team=team1] .Team-points-num {
  color: var(--team1Color)
}

.Team-points-num sup {
  font-size: 14px;
  letter-spacing: -.45px;
  line-height: 10px;
  position: relative;
  top: -3px
}

.Team-points-text {
  color: var(--supportingColor2);
  font-size: 16px;
  letter-spacing: -.6px;
  line-height: 16px
}

@media only screen and (min-width: 768px) {
  .Team-flag {
      height:46px;
      margin-right: 15px;
      width: 72px
  }

  [data-guest=true] .Team-flag {
      margin-left: 15px;
      margin-right: 0
  }

  .Team-points-num {
      font-size: 29px;
      line-height: 32px;
      text-align: center;
  }

  .Team-points-num sup {
      font-size: 14px;
      letter-spacing: 0;
      line-height: 15px;
      top: -8px;
  }

  .Team-points-text {
      font-size: 16px;
      letter-spacing: -.7px;
      line-height: 19px
  }
}

@media only screen and (min-width: 1024px) {
  .Team-flag {
      height:44px;
      margin-right: 20px;
      width: 77px
  }

  [data-guest=true] .Team-flag {
      margin-left: 20px;
      margin-right: 0
  }
}

.FeaturedMatch {
  border: 1px solid var(--primaryColor5);
  overflow: hidden;
  position: relative;
  width: 100%
}

.FeaturedMatch .Match {
  border: 0;
  border-radius: 0;
  position: static
}

.FeaturedMatch .Match[data-host] {
  left: 0
}

.FeaturedMatch .Match[data-host]:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
  z-index: 3
}

.FeaturedMatch .Match[data-guest] {
  right: 0
}

.FeaturedMatch .Match[data-guest]:after {
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 3px
}

.FeaturedMatch .Match[data-guest=team2]:after,.FeaturedMatch .Match[data-host=team2]:before {
  background: var(--team2Color)
}

.FeaturedMatch .Match[data-guest=team1]:after,.FeaturedMatch .Match[data-host=team1]:before {
  background: var(--team1Color)
}

.FeaturedMatch .MatchTeam:not([data-winner=true]):after,.FeaturedMatch .MatchTeam:not([data-winner=true]):before {
  display: none
}

.FeaturedMatch .Probability-chart {
  margin: 0 10px 20px
}

.FeaturedMatch .Probability-info {
  border-bottom: 0;
  margin-bottom: 0
}

.FeaturedMatch .ScoringModule-sponsor-wrapper {
  margin-right: 20px
}

@media only screen and (min-width: 768px) {
  .FeaturedMatch .Match[data-guest]:after,.FeaturedMatch .Match[data-guest]:before,.FeaturedMatch .Match[data-host]:after,.FeaturedMatch .Match[data-host]:before {
      width:4px
  }

  .FeaturedMatch .Probability-chart {
      margin: 10px 0 0
  }

  .FeaturedMatch .Probability-info {
      border-bottom: 1px solid var(--primaryColor5);
      margin-bottom: 25px
  }
}

@media only screen and (min-width: 1024px) {
  .FeaturedMatch .Match[data-guest]:after,.FeaturedMatch .Match[data-guest]:before,.FeaturedMatch .Match[data-host]:after,.FeaturedMatch .Match[data-host]:before {
      width:6px
  }

  .FeaturedMatch .Probability-chart {
      margin: 15px 0 0
  }
}

@media only screen and (min-width: 1440px) {
  .FeaturedMatch .MatchTeam {
      height:152px;
      overflow: hidden;
      width: 366px
  }

  .FeaturedMatch .MatchTeam[data-host=true] .MatchScore {
      right: 15px
  }

  .FeaturedMatch .MatchTeam[data-host=false] .MatchScore {
      left: 15px
  }

  .FeaturedMatch .Probability {
      margin-top: 20px
  }
}

.FeaturedMatchModule {
  max-width: 1440px;
  padding: 30px 0;
  position: relative;
  text-align: center
}

.FeaturedMatchModule .Tooltip {
  margin-left: 8px
}

.FeaturedMatchModule .Tooltip .Tooltip-text a {
  text-decoration: underline
}

@media only screen and (max-width: 767px) {
  .FeaturedMatchModule .Tooltip .Tooltip-text {
      border-radius:5px;
      width: auto
  }

  .FeaturedMatchModule .Tooltip .Tooltip-text:before {
      right: 1px
  }

  .FeaturedMatchModule .Tooltip .Tooltip-text:after {
      right: 2px
  }
}

.FeaturedMatchModule-title {
  color: var(--supportingColor9);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 20px;
  text-transform: uppercase
}

.FeaturedMatchModule .FeaturedMatch {
  margin-bottom: 20px
}

.FeaturedMatchModule-cta .Link {
  width: 194px
}

@media only screen and (min-width: 768px) {
  .FeaturedMatchModule .FeaturedMatch {
      margin-bottom:30px
  }

  .FeaturedMatchModule .Match {
      padding: 0 20px
  }
}

@media only screen and (min-width: 1024px) {
  .FeaturedMatchModule {
      padding:40px 0
  }

  .FeaturedMatchModule-title {
      font-size: 2.4rem;
      letter-spacing: .4px;
      line-height: 26px;
      margin-bottom: 30px
  }

  .FeaturedMatchModule .Match {
      padding: 0 100px
  }

  .FeaturedMatchModule-cta .Link {
      width: 194px
  }
}

.FeaturedMatchModule.SyndicatedMatchModule .FeaturedMatchModule-cta .Link {
  background-color: var(--team2Color);
  border: 1px solid var(--team2Color);
  color: #fff!important
}

@media only screen and (min-width: 1440px) {
  .FeaturedMatchModule.SyndicatedMatchModule .Match-default-bottom .MatchInfo {
      margin-bottom:20px
  }

  .FeaturedMatchModule.SyndicatedMatchModule .Match-default-bottom .MatchPlayer-headshot {
      height: 100px;
      width: 100px
  }

  .FeaturedMatchModule.SyndicatedMatchModule .Match-default-bottom .MatchPlayer+.MatchPlayer {
      margin-left: 21px
  }

  .FeaturedMatchModule.SyndicatedMatchModule .Match-default-bottom .MatchTeam[data-host=true] .winBkgd:before {
      right: 90px
  }

  .FeaturedMatchModule.SyndicatedMatchModule .MatchTeam[data-host=true] .winBkgd:after {
      right: 30px
  }

  .FeaturedMatchModule.SyndicatedMatchModule .FeaturedMatch .MatchTeam[data-host=true] .MatchScore {
      right: 40px
  }

  .FeaturedMatchModule.SyndicatedMatchModule .Match-default-bottom .MatchTeam[data-host=false] .winBkgd:before {
      left: 90px
  }

  .FeaturedMatchModule.SyndicatedMatchModule .MatchTeam[data-host=false] .winBkgd:after {
      left: 30px
  }

  .FeaturedMatchModule.SyndicatedMatchModule .FeaturedMatch .MatchTeam[data-host=false] .MatchScore {
      left: 40px
  }

  .FeaturedMatchModule.SyndicatedMatchModule .Hole {
      font-size: 11px;
      height: 17px;
      width: 17px
  }
}

.MiniTeam {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding: 10px
}

.MiniTeam[data-guest=true] {
  border-left: 1px solid var(--primaryColor5);
  justify-content: flex-end
}

.MiniTeam[data-host=true] {
  left: 0;
  text-align: left
}

.MiniTeam[data-host=true]:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 3
}

.MiniTeam[data-host=false] {
  right: 0;
  text-align: right
}

.MiniTeam[data-host=false]:after {
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  z-index: 3
}

.MiniTeam[data-team=team2]:after,.MiniTeam[data-team=team2]:before {
  background: var(--team2Color)
}

.MiniTeam[data-team=team1]:after,.MiniTeam[data-team=team1]:before {
  background: var(--team1Color)
}

.MiniTeam-flag {
  flex-shrink: 0;
  height: 25px;
  margin-right: 10px;
  position: relative;
  width: 40px
}

[data-guest=true] .MiniTeam-flag {
  margin-left: 10px;
  margin-right: 0;
  order: 2
}

.MiniTeam-points {
  font-size: 4.8rem;
  font-weight: 700;
  letter-spacing: 0
}

[data-team=team2] .MiniTeam-points {
  color: var(--team2Color)
}

[data-team=team1] .MiniTeam-points {
  color: var(--team1Color)
}

.MiniTeam-points sup {
  font-size: 1.8rem;
  position: relative;
  top: -10px
}

@media only screen and (min-width: 768px) {
  .MiniTeam,.MiniTeam[data-guest=true] {
      justify-content:center
  }

  .MiniTeam-flag {
      height: 46px;
      margin-right: 15px;
      width: 73px
  }

  [data-guest=true] .MiniTeam-flag {
      margin-left: 15px;
      margin-right: 0
  }

  .MiniTeam-points {
      font-size: 7.2rem;
      line-height: 79px
  }

  .MiniTeam-points sup {
      font-size: 2rem;
      position: relative;
      top: -15px
  }
}

@media only screen and (min-width: 1024px) {
  .MiniTeam {
      justify-content:flex-start;
      padding: 5px 15px
  }

  .MiniTeam[data-guest=true] {
      justify-content: flex-end
  }

  .MiniTeam[data-host=false]:after,.MiniTeam[data-host=true]:before {
      display: none
  }

  .MiniTeam-flag {
      height: 26px;
      margin-right: 5px;
      top: 10px;
      width: 43px
  }

  [data-guest=true] .MiniTeam-flag {
      margin-left: 5px;
      margin-right: 0
  }

  .MiniTeam-points {
      font-size: 6.7rem
  }

  .MiniTeam-points sup {
      font-size: 2.2rem;
      position: relative;
      top: -10px
  }
}

mini-scoring-module-react {
  display: block;
  min-height: 226px
}

@media only screen and (min-width: 768px) {
  mini-scoring-module-react {
      min-height:353px
  }
}

@media only screen and (min-width: 1024px) {
  mini-scoring-module-react {
      min-height:400px
  }
}

.MiniScoringModule {
  background: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 8px;
  display: block;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.MiniScoringModule-teams {
  border-bottom: 1px solid var(--primaryColor5);
  display: flex;
  height: 63px;
  justify-content: space-between
}

.MiniScoringModule-teams .MiniTeam {
  width: 50%
}

.MiniScoringModule-cta {
  display: flex;
  justify-content: center;
  padding: 13.5px 12.5px
}

@media only screen and (min-width: 768px) {
  .MiniScoringModule-teams {
      height:100px
  }
}

@media only screen and (min-width: 1024px) {
  .MiniScoringModule-teams {
      height:76px
  }
}

.MiniScoringRound-info {
  align-items: center;
  border-bottom: 1px solid var(--primaryColor5);
  display: flex;
  justify-content: space-between;
  padding: 6px 10px
}

.MiniScoringRound-title {
  color: var(--supportingColor9);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px
}

.MiniScoringRound-matches {
  display: block;
  position: relative
}

.MiniScoringRound-matches.flickity-enabled .MiniMatch {
  display: block
}

.MiniScoringRound-matches .MiniMatch {
  display: none
}

.MiniScoringRound-matches .MiniMatch:first-of-type,[data-no-carousel] .MiniScoringRound-matches .MiniMatch {
  display: block
}

.MiniScoringRound-matches .flickity-button {
  align-items: center;
  border: .5px solid var(--primaryColor5);
  display: flex;
  height: 20px;
  justify-content: center;
  padding: 0;
  top: 15px;
  width: 20px
}

.MiniScoringRound-matches .flickity-button svg {
  height: 9px;
  left: auto;
  top: auto;
  width: 9px
}

.MiniScoringRound-matches .flickity-button.previous {
  left: 80px
}

.MiniScoringRound-matches .flickity-button.next {
  right: 80px
}

.MiniScoringRound-cta .Link {
  line-height: 20px
}

@media only screen and (min-width: 768px) {
  .MiniScoringRound-info {
      padding:10px 20px
  }

  .MiniScoringRound .flickity-button {
      border-width: .75px;
      height: 30px;
      top: 30px;
      width: 30px
  }

  .MiniScoringRound .flickity-button.previous {
      left: 248px
  }

  .MiniScoringRound .flickity-button.next {
      right: 248px
  }
}

@media only screen and (min-width: 1024px) {
  .MiniScoringRound-info {
      padding:10px 15px
  }

  .MiniScoringRound .MiniMatch {
      display: block
  }
}

.MiniMatch {
  border: 0;
  border-bottom: 1px solid var(--primaryColor5);
  border-radius: 0;
  min-height: 81px;
  width: 100%
}

.MiniMatch-content {
  display: flex;
  justify-content: center;
  position: relative
}

.MiniMatch-content .MatchPlayer-firstName {
  display: none
}

.MiniMatch-topCenter {
  height: 100%;
  padding-bottom: 6px;
  padding-top: 6px
}

.MiniMatch .MatchTeam {
  bottom: 0;
  height: auto;
  justify-content: center;
  padding: 34px 10px 12px;
  top: 0
}

.MiniMatch .MatchTeam:not([data-winner=true]):after,.MiniMatch .MatchTeam:not([data-winner=true]):before {
  display: none
}

.MiniMatch .MatchPlayer {
  margin-bottom: 5px
}

.MiniMatch .MatchPlayer:last-of-type {
  margin-bottom: 0
}

.MiniMatch .MatchScore {
  position: relative
}

.MiniMatch .MatchScore-large {
  font-size: 3.6rem;
  letter-spacing: -.51px;
  line-height: 40px
}

.MiniMatch .MatchScore-small {
  font-size: 1.8rem;
  letter-spacing: -.26px;
  line-height: 20px
}

.MiniMatch .MatchScore-tied {
  align-items: center;
  display: flex;
  font-size: 1.2rem;
  height: 40px;
  line-height: 1;
  position: relative;
  top: 1px
}

.MiniMatch-topScore {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 10px;
  min-height: 40px
}

.MiniMatch-topScore .Match-watchCta {
  margin-left: 5px
}

.MiniMatch .MatchInfo {
  flex-direction: column
}

.MiniMatch .MatchInfo .Match-watchCta {
  display: none;
  margin-left: 0;
  margin-top: 5px
}

.MiniMatch.flickity-cell {
  position: absolute
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
  .MiniMatch-topCenter {
      justify-content:flex-start;
      padding-bottom: 20px;
      padding-top: 20px
  }

  .MiniMatch .MatchTeam {
      padding: 50px 20px
  }

  .MiniMatch .MatchTeam[data-host=true] .winBkgd:before {
      right: 30px
  }

  .MiniMatch .MatchTeam[data-host=false] .winBkgd:before {
      left: 30px
  }

  .MiniMatch .MatchInfo-number,.MiniMatch .MatchInfo-progress {
      font-size: 1.2rem;
      letter-spacing: -.16px;
      line-height: 20px
  }

  .MiniMatch .MiniMatch-topScore .MatchScore-large {
      font-size: 6rem;
      letter-spacing: -.86px;
      line-height: 66px
  }

  .MiniMatch .MiniMatch-topScore .MatchScore-small {
      font-size: 3rem;
      letter-spacing: -.43px;
      line-height: 33px
  }

  .MiniMatch .MiniMatch-topScore .MatchScore-tied {
      font-size: 2.4rem;
      height: 66px
  }

  .MiniMatch .MiniMatch-topScore .MatchScore-tied [data-halved=true] {
      font-size: 2.0rem
  }

  .MiniMatch .Match-watchCta .Link {
      border-radius: 14.85px;
      font-size: 1.32rem;
      height: 30px;
      letter-spacing: .26px;
      line-height: 14px;
      padding: 0 10px
  }

  .MiniMatch .MatchPlayer {
      margin-bottom: 15px
  }

  .MiniMatch .MatchPlayer:last-of-type {
      margin-bottom: 0
  }

  .MiniMatch .MatchPlayer-initial {
      font-size: inherit
  }

  .MiniMatch .MatchPlayer-lastName {
      font-size: 1.8rem;
      letter-spacing: -.34px;
      line-height: 20px
  }
}

@media only screen and (min-width: 1024px) {
  .MiniMatch {
      min-height:71.5px
  }

  .MiniMatch-topCenter {
      padding-bottom: 0;
      padding-top: 5px
  }

  .MiniMatch-topScore {
      margin-top: 5px
  }

  .MiniMatch .MatchTeam {
      padding: 18px 15px
  }

  .MiniMatch .MatchTeam[data-host]:after,.MiniMatch .MatchTeam[data-host]:before {
      display: block;
      width: 2px
  }

  .MiniMatch .MatchTeam .winBkgd {
      width: 144px
  }

  .MiniMatch .MatchPlayer {
      margin-bottom: 10px
  }

  .MiniMatch .MatchPlayer:last-of-type {
      margin-bottom: 0
  }

  .MiniMatch .MatchScore {
      top: 0
  }

  .MiniMatch .MatchScore-large {
      font-size: 3.6rem;
      letter-spacing: -.51px;
      line-height: 40px
  }

  .MiniMatch .MatchScore-small {
      font-size: 1.8rem;
      letter-spacing: -.26px;
      line-height: 20px
  }

  .MiniMatch .MatchScore-tied {
      height: 40px;
      top: 0
  }

  .MiniMatch .MatchInfo {
      flex-direction: row
  }

  .MiniMatch .MatchInfo .Match-watchCta {
      margin-left: 10px;
      margin-top: 0
  }
}

.ShotlinkIframe {
  display: block;
  height: 362px;
  width: 100%
}

.Match-modal-wrapper {
  margin: 0 auto;
  max-width: 939px;
  padding: 0 0 50px;
  position: relative
}

@media only screen and (min-width: 768px) {
  .Match-modal-wrapper {
      padding:0 65px
  }
}

@media only screen and (min-width: 1024px) {
  .Match-modal-wrapper {
      padding:0 85px
  }
}

.Match-modal-content {
  background-color: #fff;
  border-radius: 10px;
  padding: 12px 15px
}

@media only screen and (min-width: 768px) {
  .Match-modal-content {
      padding:20px
  }
}

@media only screen and (min-width: 1024px) {
  .Match-modal-content {
      padding:25px
  }
}

.Match-modal-content .Highlights.modalOpen {
  padding: 0 0 10px
}

@media only screen and (max-width: 767px) {
  .Match-modal-content .Highlights.modalOpen {
      padding:0 0 8px
  }
}

.Match-modal-content .Highlights-slide {
  margin-top: 16px;
  vertical-align: top
}

@media only screen and (max-width: 767px) {
  .Match-modal-content .Highlights-slide {
      margin-top:8px
  }
}

.Match-modal-content .Highlights-slide-playing {
  color: var(--supportingColor9);
  font-size: 1.6rem;
  line-height: 22px;
  margin-bottom: 13px
}

@media only screen and (max-width: 767px) {
  .Match-modal-content .Highlights-slide-playing {
      font-size:1rem;
      line-height: 10px;
      margin-bottom: 4px
  }
}

.Match-modal-content .Highlights-slide-playing-queue {
  font-size: 1.6rem;
  line-height: 22px;
  margin-bottom: 13px;
  opacity: 0
}

@media only screen and (max-width: 767px) {
  .Match-modal-content .Highlights-slide-playing-queue {
      font-size:1rem;
      line-height: 10px;
      margin-bottom: 4px
  }

  .Match-modal-content .Highlights-slide-image svg {
      height: 38px;
      width: 40px
  }

  .Match-modal-content .Highlights-slide-title {
      font-size: 1rem;
      line-height: 12px;
      margin-top: 8px
  }
}

.Match-modal-content .Highlights-slide[data-active] {
  padding: 15px 25px
}

@media only screen and (max-width: 767px) {
  .Match-modal-content .Highlights-slide[data-active] {
      padding:8px 15px
  }
}

.Match-modal-content .Highlights-slide[data-active=true] {
  background: var(--primaryColor6);
  border-radius: 10px;
  margin-top: 16px
}

@media only screen and (max-width: 767px) {
  .Match-modal-content .Highlights-slide[data-active=true] {
      margin-top:8px
  }
}

.Match-modal-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .39px;
  line-height: 20px;
  margin-bottom: 20px;
  text-transform: uppercase
}

@media only screen and (max-width: 767px) {
  .Match-modal-title {
      font-size:14px;
      letter-spacing: normal;
      line-height: 16px;
      margin-bottom: 8px;
      max-width: calc(100% - 20px)
  }
}

.Match-modal-close {
  margin-bottom: 5px;
  text-align: right
}

@media only screen and (max-width: 767px) {
  .Match-modal-close {
      position:absolute;
      right: 15px
  }
}

.Match-modal-close svg {
  cursor: pointer
}

.Match-modal-embed-container {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative
}

.Match-modal-embed-container iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.Match-modal-next,.Match-modal-previous {
  background: var(--primaryColor6);
  border-radius: 50%;
  cursor: pointer;
  height: 44px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px
}

.Match-modal-next svg,.Match-modal-previous svg {
  bottom: 0;
  height: 40%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 40%
}

.Match-modal-next {
  right: 0
}

@media only screen and (max-width: 767px) {
  .Match-modal-next {
      height:35px;
      right: calc(50% - 45px);
      top: calc(100% - 45px);
      transform: none;
      width: 35px
  }
}

.Match-modal-previous {
  left: 0
}

@media only screen and (max-width: 767px) {
  .Match-modal-previous {
      height:35px;
      left: calc(50% - 45px);
      top: calc(100% - 45px);
      transform: none;
      width: 35px
  }
}

.Highlights {
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 0 20px 10px
}

.Highlights::-webkit-scrollbar {
  height: 6px
}

.Highlights::-webkit-scrollbar-track {
  background: transparent
}

.Highlights::-webkit-scrollbar-thumb {
  background-color: var(--team2Color);
  border-radius: 3px
}

.Highlights-slides {
  white-space: nowrap
}

.Highlights-slides.flickity-enabled .flickity-prev-next-button.next,.Highlights-slides.flickity-enabled .flickity-prev-next-button.previous {
  background-color: #fff;
  border: 1px solid var(--primaryColor5);
  height: 35px;
  width: 35px
}

.Highlights-slides.flickity-enabled .flickity-prev-next-button.next {
  right: -17.5px
}

.Highlights-slides.flickity-enabled .flickity-prev-next-button.previous {
  left: -17.5px
}

.Highlights-slides.flickity-enabled .flickity-prev-next-button .flickity-button-icon {
  height: 40%;
  left: 30%;
  top: 30%;
  width: 40%
}

.Highlights-slides.flickity-enabled .flickity-button:disabled {
  background-color: #cecece;
  border: 1px solid #cecece;
  opacity: 1
}

.Highlights-slide {
  cursor: pointer;
  display: inline-block;
  white-space: normal;
  width: 200px
}

@media only screen and (min-width: 1024px) {
  .Highlights-slide {
      width:286px
  }
}

.Highlights-slide:not(:last-child) {
  margin-right: 16px
}

.Highlights-slide-title {
  color: var(--supportingColor2);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 14px;
  margin-top: 10px;
  text-transform: uppercase
}

.Highlights-slide-image {
  position: relative
}

.Highlights-slide-image svg {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.Highlights-slide-image svg path {
  fill: var(--primaryColor1)
}

.MpsAd-wrapper.MpsAd-top {
  padding: 15px 0 0
}

@media only screen and (min-width: 1024px) {
  .MpsAd-wrapper.MpsAd-top {
      padding:30px 0 0
  }
}

.ScoringRound .MpsAd-wrapper {
  padding-bottom: 10px
}

@media only screen and (min-width: 768px) {
  .ScoringRound .MpsAd-wrapper {
      padding-bottom:15px
  }
}

@media only screen and (min-width: 1024px) {
  .ScoringRound .MpsAd-wrapper {
      padding-bottom:20px
  }
}

.Table-title {
  font-size: 1.6rem;
  line-height: 25px;
  margin-bottom: 12px
}

.Table {
  display: block
}

.Table-wrapper {
  overflow: auto
}

.Table table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 25px;
  width: 100%
}

.Table thead {
  background-color: var(--primaryColor1);
  border-bottom: 10px solid var(--siteBgColor);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 12px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .Table thead {
      border-bottom:15px solid var(--siteBgColor);
      font-size: 1.2rem;
      letter-spacing: .6px;
      line-height: 16px
  }
}

@media only screen and (min-width: 1024px) {
  .Table thead {
      border-bottom:30px solid var(--siteBgColor)
  }
}

.Table thead:after {
  background: var(--siteBgColor);
  content: "";
  display: block;
  height: 10px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .Table thead:after {
      height:15px
  }
}

@media only screen and (min-width: 1024px) {
  .Table thead:after {
      height:30px
  }
}

.Table thead th,.Table thead tr {
  height: 40px
}

@media only screen and (min-width: 768px) {
  .Table thead th,.Table thead tr {
      height:48px
  }
}

.Table th:first-of-type {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}

.Table th:last-of-type {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}

.Table tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 8px
}

.Table tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 8px
}

.Table-table[data-with-footer] tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 0
}

.Table-table[data-with-footer] tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 0
}

.Table-table[data-with-footer] tfoot td {
  border-bottom: 1px solid var(--primaryColor5);
  border-right: 1px solid var(--primaryColor5)
}

.Table-table[data-with-footer] tfoot td:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.Table-table[data-with-footer] tfoot tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 8px
}

.Table-table[data-with-footer] tfoot tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 8px
}

.Table td,.Table tr {
  padding: 17px 15px
}

.Table td {
  text-align: center
}

.Table tbody tr:nth-child(odd) {
  background: linear-gradient(90deg,hsla(0,0%,98%,0),#f2f2f2);
  background-attachment: fixed;
  background-color: #fff
}

.Table tbody tr:nth-child(2n) {
  background: #fff
}

.Table tbody tr td {
  border-right: 1px solid var(--primaryColor5)
}

.Table tbody tr td:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.Table tbody tr:first-of-type td {
  border-top: 1px solid var(--primaryColor5)
}

.Table tbody tr:first-of-type td:first-of-type {
  border-top-left-radius: 8px
}

.Table tbody tr:first-of-type td:last-of-type {
  border-top-right-radius: 8px
}

.Table tbody tr td,.Table tbody tr:last-of-type td {
  border-bottom: 1px solid var(--primaryColor5)
}

.Table tbody td a {
  color: var(--hyperlinkTextColor);
  text-decoration: underline
}

.Table tbody td a:hover {
  text-decoration: none
}

.WeatherModule {
  align-items: center;
  display: flex;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.3rem;
  gap: 10px
}

.WeatherModule-temperature,.WeatherModule-windDirection {
  align-items: center;
  display: flex;
  gap: 6px
}

.WeatherModule-directionText {
  text-transform: uppercase
}

.WeatherModule-icon {
  background-size: contain;
  filter: brightness(0);
  height: 20px;
  width: 20px
}

.WeatherModule-icon.weather-icon-1 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEzQzIgMTcuMzYyOCA0LjQ0OTM4IDIxLjEzMjMgOCAyMi45MTA3VjIwLjYwMDNDNS42MTAxOSAxOS4wMTUyIDQgMTYuMjI5MSA0IDEzQzQgNy45NjA0NiA3LjkyMTc5IDQgMTIuNjA4MyA0QzE2LjU4MzkgNCAyMC4wMDkxIDYuODUwMDQgMjAuOTU2OSAxMC43OTExTDIwLjk1OTkgMTAuNzg5OUMyMS4wOTM3IDExLjMzNjcgMjEuMTc5MSAxMS45MDM3IDIxLjIxMDggMTIuNDg1NUMyMS44MzM5IDEyLjE3MzIgMjIuNTI3MiAxMiAyMy4yNDkzIDEyQzI1LjgwNTMgMTIgMjggMTQuMTY5NiAyOCAxN0MyOCAxOC43MTA1IDI3LjE5ODQgMjAuMTc5NyAyNiAyMS4wNzQ1VjIzLjM5NDRDMjguMzU3MyAyMi4zMDI1IDMwIDE5Ljg1MDEgMzAgMTdDMzAgMTMuMTM0IDI2Ljk3NzYgMTAgMjMuMjQ5MyAxMEMyMy4xMDU0IDEwIDIyLjk2MjYgMTAuMDA0NyAyMi44MjEgMTAuMDEzOUMyMS41NjYxIDUuMzg5NzYgMTcuNDY5IDIgMTIuNjA4MyAyQzYuNzQ5NDkgMiAyIDYuOTI0ODcgMiAxM1pNMTguNzE5IDIwLjIwMjZDMTguOTI4NyAyMC4zMjM3IDE5LjI1NzEgMjAuMjcwOCAxOS40MjUxIDE5Ljk3OThDMTkuNTE3MSAxOS44MjA0IDE5LjYzNTMgMTkuNDg5NCAxOS43MjEgMTguOTUwNUMxOS43NTUxIDE4LjczNTcgMTkuNzgwOCAxOC41MDkxIDE5Ljc5OTUgMTguMjc2NEMxOS4yMTU0IDE4LjY4OTYgMTguNzcyOSAxOS4xMDg1IDE4LjU1ODggMTkuNDc5NUMxOC4zOTA4IDE5Ljc3MDUgMTguNTA5MyAyMC4wODE1IDE4LjcxOSAyMC4yMDI2Wk0xOS43OTQ0IDE1LjkyMTdDMjAuODM2NyAxNS4zMzc3IDIxLjcxOTIgMTUuMDA0MiAyMS43MTkyIDE1LjAwNDJDMjEuNzE5MiAxNS4wMDQyIDIxLjgzNDcgMTUuOTQzMiAyMS44MzkyIDE3LjEyNjRDMjEuODQ0MSAxOC40MjI2IDIxLjcxNTkgMjAuMDExNiAyMS4xNTcgMjAuOTgwMUMyMC40NTQxIDIyLjE5OCAxOC45MTUgMjIuNjI1NCAxNy43MTkyIDIxLjkzNDhDMTYuNTIzNSAyMS4yNDQyIDE2LjEyNCAxOS42OTcxIDE2LjgyNjkgMTguNDc5MkMxNy40NDAyIDE3LjQxNjQgMTguNzA0NyAxNi41MzIzIDE5Ljc5NDQgMTUuOTIxN1pNMTIuMTE2MSAyMS4yMjAzQzEyLjMyNTggMjEuMzQxNCAxMi42NTQzIDIxLjI4ODUgMTIuODIyMyAyMC45OTc1QzEyLjkxNDIgMjAuODM4MSAxMy4wMzI1IDIwLjUwNzEgMTMuMTE4MSAxOS45NjgyQzEzLjE1MjIgMTkuNzUzNCAxMy4xNzggMTkuNTI2OCAxMy4xOTY2IDE5LjI5NDFDMTIuNjEyNiAxOS43MDczIDEyLjE3IDIwLjEyNjIgMTEuOTU1OSAyMC40OTcyQzExLjc4OCAyMC43ODgyIDExLjkwNjQgMjEuMDk5MiAxMi4xMTYxIDIxLjIyMDNaTTEzLjE5MTYgMTYuOTM5NEMxNC4yMzM5IDE2LjM1NTQgMTUuMTE2NCAxNi4wMjE4IDE1LjExNjQgMTYuMDIxOEMxNS4xMTY0IDE2LjAyMTggMTUuMjMxOCAxNi45NjA5IDE1LjIzNjMgMTguMTQ0MUMxNS4yNDEzIDE5LjQ0MDIgMTUuMTEzMSAyMS4wMjkzIDE0LjU1NDEgMjEuOTk3OEMxMy44NTEzIDIzLjIxNTcgMTIuMzEyMSAyMy42NDMxIDExLjExNjQgMjIuOTUyNUM5LjkyMDY1IDIyLjI2MTkgOS41MjExMyAyMC43MTQ4IDEwLjIyNCAxOS40OTY5QzEwLjgzNzQgMTguNDM0MSAxMi4xMDE4IDE3LjU0OTkgMTMuMTkxNiAxNi45Mzk0Wk0yMS42NzkzIDI2LjExMjlDMjEuNTExMyAyNi40MDM5IDIxLjE4MjkgMjYuNDU2NyAyMC45NzMyIDI2LjMzNTZDMjAuNzYzNSAyNi4yMTQ1IDIwLjY0NSAyNS45MDM1IDIwLjgxMyAyNS42MTI1QzIxLjAyNzEgMjUuMjQxNSAyMS40Njk2IDI0LjgyMjcgMjIuMDUzNyAyNC40MDk1QzIyLjAzNTEgMjQuNjQyMSAyMi4wMDkzIDI0Ljg2ODcgMjEuOTc1MiAyNS4wODM2QzIxLjg4OTUgMjUuNjIyNSAyMS43NzEzIDI1Ljk1MzUgMjEuNjc5MyAyNi4xMTI5Wk0yMy45NzM0IDIxLjEzNzJDMjMuOTczNCAyMS4xMzcyIDIzLjA5MDkgMjEuNDcwOCAyMi4wNDg2IDIyLjA1NDhDMjAuOTU4OSAyMi42NjUzIDE5LjY5NDQgMjMuNTQ5NSAxOS4wODExIDI0LjYxMjJDMTguMzc4MiAyNS44MzAxIDE4Ljc3NzcgMjcuMzc3MiAxOS45NzM0IDI4LjA2NzhDMjEuMTY5MiAyOC43NTg0IDIyLjcwODMgMjguMzMxIDIzLjQxMTIgMjcuMTEzMUMyMy45NzAxIDI2LjE0NDcgMjQuMDk4MyAyNC41NTU2IDI0LjA5MzQgMjMuMjU5NEMyNC4wODg5IDIyLjA3NjMgMjMuOTczNCAyMS4xMzcyIDIzLjk3MzQgMjEuMTM3MlpNMTQuMjU0OSAyNy45Mzc1QzE0LjQ2NDUgMjguMDU4NiAxNC43OTMgMjguMDA1OCAxNC45NjEgMjcuNzE0N0MxNS4wNTMgMjcuNTU1NCAxNS4xNzEyIDI3LjIyNDQgMTUuMjU2OCAyNi42ODU1QzE1LjI5MSAyNi40NzA2IDE1LjMxNjcgMjYuMjQ0IDE1LjMzNTQgMjYuMDExM0MxNC43NTEzIDI2LjQyNDYgMTQuMzA4OCAyNi44NDM0IDE0LjA5NDcgMjcuMjE0NEMxMy45MjY3IDI3LjUwNTQgMTQuMDQ1MiAyNy44MTY0IDE0LjI1NDkgMjcuOTM3NVpNMTUuMzMwMyAyMy42NTY2QzE2LjM3MjYgMjMuMDcyNyAxNy4yNTUxIDIyLjczOTEgMTcuMjU1MSAyMi43MzkxQzE3LjI1NTEgMjIuNzM5MSAxNy4zNzA2IDIzLjY3ODEgMTcuMzc1MSAyNC44NjEzQzE3LjM4IDI2LjE1NzUgMTcuMjUxOCAyNy43NDY2IDE2LjY5MjkgMjguNzE1QzE1Ljk5IDI5LjkzMjkgMTQuNDUwOSAzMC4zNjAzIDEzLjI1NTEgMjkuNjY5N0MxMi4wNTk0IDI4Ljk3OTEgMTEuNjU5OSAyNy40MzIgMTIuMzYyOCAyNi4yMTQxQzEyLjk3NjEgMjUuMTUxNCAxNC4yNDA2IDI0LjI2NzIgMTUuMzMwMyAyMy42NTY2WiIgZmlsbD0iIzM0MzM0OCIvPgo8L3N2Zz4K')
}

.WeatherModule-icon.weather-icon-2 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAyMy45NTcyQzI3LjM3NSAyMy41NyAzMCAyMC42MDI4IDMwIDE3QzMwIDEzLjEzNCAyNi45Nzc2IDEwIDIzLjI0OTMgMTBDMjMuMTA1NCAxMCAyMi45NjI2IDEwLjAwNDcgMjIuODIxIDEwLjAxMzlDMjEuNTY2MSA1LjM4OTc2IDE3LjQ2OSAyIDEyLjYwODMgMkM2Ljc0OTQ5IDIgMiA2LjkyNDg3IDIgMTNDMiAxOC4xNDE5IDUuNDAyMzcgMjIuNDU5OCAxMCAyMy42NjVWMjEuNTc3MkM2LjU1MjYxIDIwLjQyOTEgNCAxNy4wNjU3IDQgMTNDNCA3Ljk2MDQ2IDcuOTIxNzkgNCAxMi42MDgzIDRDMTYuNTgzOSA0IDIwLjAwOTEgNi44NTAwNCAyMC45NTY5IDEwLjc5MTFMMjAuOTU5OSAxMC43ODk5QzIxLjA5MzcgMTEuMzM2NyAyMS4xNzkxIDExLjkwMzcgMjEuMjEwOCAxMi40ODU1QzIxLjgzMzkgMTIuMTczMiAyMi41MjcyIDEyIDIzLjI0OTMgMTJDMjUuODA1MyAxMiAyOCAxNC4xNjk2IDI4IDE3QzI4IDE5LjU0ODYgMjYuMjIwNSAyMS41NjE1IDI0IDIxLjkzN1YyMy45NTcyWk0xMy41MDIxIDI4LjAwMjFDMTMuNzQ0MiAyOC4wMDIxIDE0LjAwMjIgMjcuNzkyMSAxNC4wMDIxIDI3LjQ1NkMxNC4wMDIxIDI3LjI3MiAxMy45Mzg5IDI2LjkyNjMgMTMuNzQzNSAyNi40MTY4QzEzLjY2NTYgMjYuMjEzNiAxMy41NzQ2IDI2LjAwNDUgMTMuNDc0NCAyNS43OTM4QzEzLjE3NTMgMjYuNDQzNyAxMy4wMDE1IDI3LjAyNzcgMTMuMDAxNyAyNy40NTZDMTMuMDAxOCAyNy43OTIxIDEzLjI1OTkgMjguMDAyMSAxMy41MDIxIDI4LjAwMjFaTTEyLjI5MjMgMjMuNzU3MkMxMi45MDI5IDIyLjczMDIgMTMuNTAwMiAyMiAxMy41MDAyIDIyQzEzLjUwMDIgMjIgMTQuMDY5OSAyMi43NTU0IDE0LjY2NTUgMjMuNzc3OEMxNS4zMTggMjQuODk3NyAxNi4wMDE4IDI2LjMzNzkgMTYuMDAyMSAyNy40NTZDMTYuMDAyNSAyOC44NjIyIDE0Ljg4MzUgMzAuMDAyMSAxMy41MDI3IDMwLjAwMjFDMTIuMTIxOCAzMC4wMDIxIDExLjAwMjEgMjguODYyMiAxMS4wMDE3IDI3LjQ1NkMxMS4wMDEzIDI2LjIyOSAxMS42NTQgMjQuODMwOSAxMi4yOTIzIDIzLjc1NzJaTTIwLjAwMjEgMjQuNDU2QzIwLjAwMjIgMjQuNzkyMSAxOS43NDQyIDI1LjAwMjEgMTkuNTAyMSAyNS4wMDIxQzE5LjI1OTkgMjUuMDAyMSAxOS4wMDE4IDI0Ljc5MjEgMTkuMDAxNyAyNC40NTZDMTkuMDAxNSAyNC4wMjc3IDE5LjE3NTMgMjMuNDQzNyAxOS40NzQ0IDIyLjc5MzhDMTkuNTc0NiAyMy4wMDQ1IDE5LjY2NTYgMjMuMjEzNiAxOS43NDM1IDIzLjQxNjhDMTkuOTM4OSAyMy45MjYzIDIwLjAwMjEgMjQuMjcyIDIwLjAwMjEgMjQuNDU2Wk0xOS41MDAyIDE5QzE5LjUwMDIgMTkgMTguOTAyOSAxOS43MzAyIDE4LjI5MjMgMjAuNzU3MkMxNy42NTQgMjEuODMwOSAxNy4wMDEzIDIzLjIyOSAxNy4wMDE3IDI0LjQ1NkMxNy4wMDIxIDI1Ljg2MjIgMTguMTIxOCAyNy4wMDIxIDE5LjUwMjcgMjcuMDAyMUMyMC44ODM1IDI3LjAwMjEgMjIuMDAyNSAyNS44NjIyIDIyLjAwMjEgMjQuNDU2QzIyLjAwMTggMjMuMzM3OSAyMS4zMTggMjEuODk3NyAyMC42NjU1IDIwLjc3NzhDMjAuMDY5OSAxOS43NTU0IDE5LjUwMDIgMTkgMTkuNTAwMiAxOVoiIGZpbGw9IiMzNDMzNDgiLz4KPC9zdmc+Cg==')
}

.WeatherModule-icon.weather-icon-3 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy45OTQ0IDE2LjAwMTJMOC44ODA5NCAxOC45OTJMNC44Mjc2NiAxNy4xMzE0TDMuOTk1NjEgMTguOTYxOEw2Ljc2MTc0IDIwLjIzMTVMNS4yNDAyMiAyMS4xMjE0TDYuMjMwNSAyMi44NTlMNy43NTE3NyAyMS45NjkzTDcuNDU0MjEgMjUuMDMwNUw5LjQzNDkzIDI1LjIxNTZMOS44NzA5OCAyMC43Mjk4TDE0Ljk4NjggMTcuNzM3NlYyMy43NTI4TDExLjM2NjkgMjYuMzgwMUwxMi41NDE3IDI3Ljk5ODhMMTQuOTg2OCAyNi4yMjQxVjI4SDE2Ljk4NjhWMjYuMjI0TDE5LjQzMjEgMjcuOTk4OEwyMC42MDY5IDI2LjM4MDFMMTYuOTg2OCAyMy43NTI3VjE3Ljc1MTRMMjIuMTE0MSAyMC43NTAzTDIyLjU1MDIgMjUuMjM2N0wyNC41MzEgMjUuMDUxNUwyNC4yMzMzIDIxLjk4OThMMjUuNzU0OSAyMi44Nzk4TDI2Ljc0NTIgMjEuMTQyMkwyNS4yMjM5IDIwLjI1MjNMMjcuOTg5NiAxOC45ODI4TDI3LjE1NzUgMTcuMTUyNUwyMy4xMDQ3IDE5LjAxMjhMMTcuOTU1NiAxNi4wMDEyTDIzLjA4ODggMTIuOTk4OEwyNy4xNjg0IDE0Ljg3MTVMMjguMDAwNSAxMy4wNDEyTDI1LjIwOCAxMS43NTkzTDI2Ljc0NzIgMTAuODU5TDI1Ljc1NyA5LjEyMTQyTDI0LjI0NzEgMTAuMDA0NUwyNC41NDE5IDYuOTcyNDhMMjIuNTYxMSA2Ljc4NzI5TDIyLjEyNzkgMTEuMjQ0TDE2Ljk4NjggMTQuMjUxVjguMjY3NTVMMjAuNjMwMSA1LjYyMzI3TDE5LjQ1NTQgNC4wMDQ2NkwxNi45ODY4IDUuNzk2MjlWNEgxNC45ODY4VjUuNzYyNDZMMTIuNTY1IDQuMDA0NjZMMTEuMzkwMiA1LjYyMzI3TDE0Ljk4NjggOC4yMzM3MVYxNC4yNjQ4TDkuODg2NjkgMTEuMjgxOEw5LjQ0Nzc4IDYuNzY2NUw3LjQ2NzA2IDYuOTUxNjhMNy43Njc0OSAxMC4wNDIzTDYuMjI4NSA5LjE0MjE3TDUuMjM4MjEgMTAuODc5OEw2Ljc0Nzk4IDExLjc2MjhMNC4wMDg0NiAxMy4wMjA0TDQuODQwNTEgMTQuODUwN0w4Ljg2NzE5IDEzLjAwMjNMMTMuOTk0NCAxNi4wMDEyWiIgZmlsbD0iIzM0MzM0OCIvPgo8L3N2Zz4K')
}

.WeatherModule-icon.weather-icon-4 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi45Nzg1IDE0LjIxMDlDMjguMjIzNyAxMy4wMjY4IDI5IDExLjM1NCAyOSA5LjVDMjkgNS45MTAxNSAyNi4wODk4IDMgMjIuNSAzQzIwLjI1NDMgMyAxOC4yNzQ2IDQuMTM4ODIgMTcuMTA2OSA1Ljg3MDQ2QzE3LjYxNzcgNi4zNTM2IDE4LjA4MDEgNi44ODc1IDE4LjQ4NTggNy40NjQwNkMxOS4yMjg5IDYuMDAxODQgMjAuNzQ3NCA1IDIyLjUgNUMyNC45ODUzIDUgMjcgNy4wMTQ3MiAyNyA5LjVDMjcgMTAuNjA2IDI2LjYwMSAxMS42MTg4IDI1LjkzOSAxMi40MDI0QzI2LjM3NjYgMTIuOTQwNiAyNi43Mjk4IDEzLjU1MDIgMjYuOTc4NSAxNC4yMTA5WiIgZmlsbD0iIzM0MzM0OCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkgMjQuMzQ3M0M0LjkxNzUyIDIyLjgxNjMgMiAxOC43NjE1IDIgMTRDMiA3LjkyNDg3IDYuNzQ5NDkgMyAxMi42MDgzIDNDMTcuNDY5IDMgMjEuNTY2MSA2LjM4OTc3IDIyLjgyMSAxMS4wMTM5QzIyLjk2MjYgMTEuMDA0NyAyMy4xMDU0IDExIDIzLjI0OTMgMTFDMjYuOTc3NiAxMSAzMCAxNC4xMzQgMzAgMThDMzAgMjEuODY2IDI2Ljk3NzYgMjUgMjMuMjQ5MyAyNUMyMy4xNjU4IDI1IDIzLjA4MjcgMjQuOTk4NCAyMyAyNC45OTUzVjIzSDIzLjMwMjlWMjIuOTk5NkMyNS44MzU5IDIyLjk2OTUgMjggMjAuODEwNSAyOCAxOEMyOCAxNS4xNjk2IDI1LjgwNTMgMTMgMjMuMjQ5MyAxM0MyMi41MjcyIDEzIDIxLjgzMzkgMTMuMTczMiAyMS4yMTA4IDEzLjQ4NTVDMjEuMTc5MSAxMi45MDM3IDIxLjA5MzcgMTIuMzM2NyAyMC45NTk5IDExLjc4OTlMMjAuOTU2OSAxMS43OTExQzIwLjAwOTEgNy44NTAwNCAxNi41ODM5IDUgMTIuNjA4MyA1QzcuOTIxNzkgNSA0IDguOTYwNDYgNCAxNEM0IDE3LjY2MTYgNi4wNzAzIDIwLjc1MzUgOSAyMi4xNzA2VjI0LjM0NzNaIiBmaWxsPSIjMzQzMzQ4Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuMTY1MyAyNC4wMDA1TDEzLjAzNTEgMjUuMjQ2N0wxMS4zNDY2IDI0LjQ3MTRMMTEgMjUuMjM0MUwxMi4xNTIzIDI1Ljc2MzFMMTEuNTE4NSAyNi4xMzM5TDExLjkzMSAyNi44NTc5TDEyLjU2NDggMjYuNDg3MkwxMi40NDA4IDI3Ljc2MjdMMTMuMjY1OSAyNy44Mzk5TDEzLjQ0NzYgMjUuOTcwN0wxNS41Nzg4IDI0LjcyNFYyNy4yMzAzTDE0LjA3MDggMjguMzI1MUwxNC41NjAyIDI4Ljk5OTVMMTUuNTc4OCAyOC4yNlYyOUgxNi40MTE5VjI4LjI2TDE3LjQzMDYgMjguOTk5NUwxNy45MiAyOC4zMjUxTDE2LjQxMTkgMjcuMjMwM1YyNC43Mjk4TDE4LjU0NzkgMjUuOTc5M0wxOC43Mjk1IDI3Ljg0ODZMMTkuNTU0NyAyNy43NzE1TDE5LjQzMDcgMjYuNDk1OEwyMC4wNjQ2IDI2Ljg2NjZMMjAuNDc3MSAyNi4xNDI2TDE5Ljg0MzMgMjUuNzcxOEwyMC45OTU1IDI1LjI0MjhMMjAuNjQ4OCAyNC40ODAyTDE4Ljk2MDUgMjUuMjU1NEwxNi44MTU1IDI0LjAwMDVMMTguOTUzOSAyMi43NDk1TDIwLjY1MzQgMjMuNTI5OEwyMSAyMi43NjcyTDE5LjgzNjcgMjIuMjMzMUwyMC40Nzc5IDIxLjg1NzlMMjAuMDY1NCAyMS4xMzM5TDE5LjQzNjQgMjEuNTAxOUwxOS41NTkyIDIwLjIzODVMMTguNzM0MSAyMC4xNjE0TDE4LjU1MzYgMjIuMDE4M0wxNi40MTE5IDIzLjI3MTJWMjAuNzc4MUwxNy45Mjk3IDE5LjY3NjRMMTcuNDQwMyAxOS4wMDE5TDE2LjQxMTkgMTkuNzQ4NVYxOUgxNS41Nzg4VjE5LjczNDRMMTQuNTY5OCAxOS4wMDE5TDE0LjA4MDQgMTkuNjc2NEwxNS41Nzg4IDIwLjc2NFYyMy4yNzdMMTMuNDU0MSAyMi4wMzQxTDEzLjI3MTMgMjAuMTUyN0wxMi40NDYxIDIwLjIyOTlMMTIuNTcxMyAyMS41MTc2TDExLjkzMDIgMjEuMTQyNkwxMS41MTc2IDIxLjg2NjZMMTIuMTQ2NiAyMi4yMzQ1TDExLjAwNTQgMjIuNzU4NUwxMS4zNTIgMjMuNTIxMUwxMy4wMjk0IDIyLjc1MUwxNS4xNjUzIDI0LjAwMDVaIiBmaWxsPSIjMzQzMzQ4Ii8+Cjwvc3ZnPgo=')
}

.WeatherModule-icon.weather-icon-5 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEzQzIgMTcuMzYyOCA0LjQ0OTM4IDIxLjEzMjMgOCAyMi45MTA3VjIwLjYwMDNDNS42MTAxOSAxOS4wMTUyIDQgMTYuMjI5MSA0IDEzQzQgNy45NjA0NiA3LjkyMTc5IDQgMTIuNjA4MyA0QzE2LjU4MzkgNCAyMC4wMDkxIDYuODUwMDQgMjAuOTU2OSAxMC43OTExTDIwLjk1OTkgMTAuNzg5OUMyMS4wOTM3IDExLjMzNjcgMjEuMTc5MSAxMS45MDM3IDIxLjIxMDggMTIuNDg1NUMyMS44MzM5IDEyLjE3MzIgMjIuNTI3MiAxMiAyMy4yNDkzIDEyQzI1LjgwNTMgMTIgMjggMTQuMTY5NiAyOCAxN0MyOCAxOS41NDg2IDI2LjIyMDUgMjEuNTYxNSAyNCAyMS45MzdWMjMuOTU3MkMyNy4zNzUgMjMuNTcgMzAgMjAuNjAyOCAzMCAxN0MzMCAxMy4xMzQgMjYuOTc3NiAxMCAyMy4yNDkzIDEwQzIzLjEwNTQgMTAgMjIuOTYyNiAxMC4wMDQ3IDIyLjgyMSAxMC4wMTM5QzIxLjU2NjEgNS4zODk3NyAxNy40NjkgMiAxMi42MDgzIDJDNi43NDk0OSAyIDIgNi45MjQ4NyAyIDEzWk0xMi45OTk4IDIyLjQ1NkMxMi45OTk5IDIyLjc5MjEgMTIuNzQxOSAyMy4wMDIxIDEyLjQ5OTggMjMuMDAyMUMxMi4yNTc2IDIzLjAwMjEgMTEuOTk5NSAyMi43OTIxIDExLjk5OTQgMjIuNDU2QzExLjk5OTIgMjIuMDI3NyAxMi4xNzMgMjEuNDQzNyAxMi40NzIxIDIwLjc5MzhDMTIuNTcyMyAyMS4wMDQ1IDEyLjY2MzMgMjEuMjEzNiAxMi43NDEyIDIxLjQxNjhDMTIuOTM2NiAyMS45MjYzIDEyLjk5OTggMjIuMjcyIDEyLjk5OTggMjIuNDU2Wk0xMi40OTc5IDE3QzEyLjQ5NzkgMTcgMTEuOTAwNiAxNy43MzAyIDExLjI5IDE4Ljc1NzJDMTAuNjUxNyAxOS44MzA5IDkuOTk4OTkgMjEuMjI5IDkuOTk5MzcgMjIuNDU2QzkuOTk5OCAyMy44NjIyIDExLjExOTUgMjUuMDAyMSAxMi41MDA0IDI1LjAwMjFDMTMuODgxMiAyNS4wMDIxIDE1LjAwMDIgMjMuODYyMiAxNC45OTk4IDIyLjQ1NkMxNC45OTk1IDIxLjMzNzkgMTQuMzE1NyAxOS44OTc3IDEzLjY2MzIgMTguNzc3OEMxMy4wNjc1IDE3Ljc1NTQgMTIuNDk3OSAxNyAxMi40OTc5IDE3Wk0xOS41MDIxIDIzLjAwMjFDMTkuNzQ0MiAyMy4wMDIxIDIwLjAwMjIgMjIuNzkyMSAyMC4wMDIxIDIyLjQ1NkMyMC4wMDIxIDIyLjI3MiAxOS45Mzg5IDIxLjkyNjMgMTkuNzQzNiAyMS40MTY4QzE5LjY2NTcgMjEuMjEzNiAxOS41NzQ2IDIxLjAwNDUgMTkuNDc0NCAyMC43OTM4QzE5LjE3NTMgMjEuNDQzNyAxOS4wMDE2IDIyLjAyNzcgMTkuMDAxNyAyMi40NTZDMTkuMDAxOCAyMi43OTIxIDE5LjI1OTkgMjMuMDAyMSAxOS41MDIxIDIzLjAwMjFaTTE4LjI5MjMgMTguNzU3MkMxOC45MDI5IDE3LjczMDIgMTkuNTAwMiAxNyAxOS41MDAyIDE3QzE5LjUwMDIgMTcgMjAuMDY5OSAxNy43NTU0IDIwLjY2NTUgMTguNzc3OEMyMS4zMTggMTkuODk3NyAyMi4wMDE4IDIxLjMzNzkgMjIuMDAyMSAyMi40NTZDMjIuMDAyNiAyMy44NjIyIDIwLjg4MzUgMjUuMDAyMSAxOS41MDI3IDI1LjAwMjFDMTguMTIxOSAyNS4wMDIxIDE3LjAwMjEgMjMuODYyMiAxNy4wMDE3IDIyLjQ1NkMxNy4wMDEzIDIxLjIyOSAxNy42NTQgMTkuODMwOSAxOC4yOTIzIDE4Ljc1NzJaTTE0LjgxNDEgMjguNDk4N0wxNS42NjYxIDI4LjAwMDJMMTQuODExOCAyNy41MDA0TDE0LjE0MDggMjcuODA4NUwxNC4wMDIxIDI3LjUwMzRMMTQuNDU4NiAyNy4yOTM4TDE0LjIwNzEgMjcuMTQ2NkwxNC4zNzIxIDI2Ljg1N0wxNC42Mjg1IDI3LjAwNzFMMTQuNTc4NSAyNi40OTE5TDE0LjkwODUgMjYuNDYxMUwxNC45ODE2IDI3LjIxMzZMMTUuODMxNSAyNy43MTA4VjI2LjcwNTZMMTUuMjMyMiAyNi4yNzA1TDE1LjQyNzkgMjYuMDAwOEwxNS44MzE1IDI2LjI5MzdWMjZIMTYuMTY0OFYyNi4yOTk0TDE2LjU3NjEgMjYuMDAwOEwxNi43NzE5IDI2LjI3MDVMMTYuMTY0OCAyNi43MTEzVjI3LjcwODVMMTcuMDIxNCAyNy4yMDczTDE3LjA5MzYgMjYuNDY0NUwxNy40MjM3IDI2LjQ5NTRMMTcuMzc0NiAyNy4wMDA3TDE3LjYyNjIgMjYuODUzNkwxNy43OTEyIDI3LjE0MzJMMTcuNTM0NyAyNy4yOTMyTDE4IDI3LjUwNjlMMTcuODYxNCAyNy44MTE5TDE3LjE4MTYgMjcuNDk5OEwxNi4zMjYyIDI4LjAwMDJMMTcuMTg0MiAyOC41MDIxTDE3Ljg1OTUgMjguMTkyMUwxNy45OTgyIDI4LjQ5NzFMMTcuNTM3MyAyOC43MDg3TDE3Ljc5MDggMjguODU3TDE3LjYyNTggMjkuMTQ2NkwxNy4zNzIzIDI4Ljk5ODNMMTcuNDIxOSAyOS41MDg2TDE3LjA5MTggMjkuNTM5NEwxNy4wMTkxIDI4Ljc5MTdMMTYuMTY0OCAyOC4yOTE5VjI5LjI5MjFMMTYuNzY4IDI5LjczTDE2LjU3MjIgMjkuOTk5OEwxNi4xNjQ4IDI5LjcwNFYzMEgxNS44MzE1VjI5LjcwNEwxNS40MjQxIDI5Ljk5OThMMTUuMjI4MyAyOS43M0wxNS44MzE1IDI5LjI5MjFWMjguMjg5NkwxNC45NzkgMjguNzg4M0wxNC45MDY0IDI5LjUzNTlMMTQuNTc2MyAyOS41MDUxTDE0LjYyNTkgMjguOTk0OUwxNC4zNzI0IDI5LjE0MzJMMTQuMjA3NCAyOC44NTM2TDE0LjQ2MDkgMjguNzA1MkwxNCAyOC40OTM2TDE0LjEzODYgMjguMTg4NkwxNC44MTQxIDI4LjQ5ODdaTTIxLjY2NjEgMjguMDAwMkwyMC44MTQxIDI4LjQ5ODdMMjAuMTM4NiAyOC4xODg2TDIwIDI4LjQ5MzZMMjAuNDYwOSAyOC43MDUyTDIwLjIwNzQgMjguODUzNkwyMC4zNzI0IDI5LjE0MzJMMjAuNjI1OSAyOC45OTQ5TDIwLjU3NjMgMjkuNTA1MUwyMC45MDY0IDI5LjUzNTlMMjAuOTc5IDI4Ljc4ODNMMjEuODMxNSAyOC4yODk2VjI5LjI5MjFMMjEuMjI4MyAyOS43M0wyMS40MjQxIDI5Ljk5OThMMjEuODMxNSAyOS43MDRWMzBIMjIuMTY0OFYyOS43MDRMMjIuNTcyMiAyOS45OTk4TDIyLjc2OCAyOS43M0wyMi4xNjQ4IDI5LjI5MjFWMjguMjkxOUwyMy4wMTkxIDI4Ljc5MTdMMjMuMDkxOCAyOS41Mzk0TDIzLjQyMTkgMjkuNTA4NkwyMy4zNzIzIDI4Ljk5ODNMMjMuNjI1OCAyOS4xNDY2TDIzLjc5MDggMjguODU3TDIzLjUzNzMgMjguNzA4N0wyMy45OTgyIDI4LjQ5NzFMMjMuODU5NSAyOC4xOTIxTDIzLjE4NDIgMjguNTAyMUwyMi4zMjYyIDI4LjAwMDJMMjMuMTgxNiAyNy40OTk4TDIzLjg2MTQgMjcuODExOUwyNCAyNy41MDY5TDIzLjUzNDcgMjcuMjkzMkwyMy43OTEyIDI3LjE0MzJMMjMuNjI2MiAyNi44NTM2TDIzLjM3NDYgMjcuMDAwN0wyMy40MjM3IDI2LjQ5NTRMMjMuMDkzNiAyNi40NjQ1TDIzLjAyMTQgMjcuMjA3M0wyMi4xNjQ4IDI3LjcwODVWMjYuNzExM0wyMi43NzE5IDI2LjI3MDVMMjIuNTc2MSAyNi4wMDA4TDIyLjE2NDggMjYuMjk5NFYyNkgyMS44MzE1VjI2LjI5MzdMMjEuNDI3OSAyNi4wMDA4TDIxLjIzMjIgMjYuMjcwNUwyMS44MzE1IDI2LjcwNTZWMjcuNzEwOEwyMC45ODE2IDI3LjIxMzZMMjAuOTA4NSAyNi40NjExTDIwLjU3ODUgMjYuNDkxOUwyMC42Mjg1IDI3LjAwNzFMMjAuMzcyMSAyNi44NTdMMjAuMjA3MSAyNy4xNDY2TDIwLjQ1ODYgMjcuMjkzOEwyMC4wMDIxIDI3LjUwMzRMMjAuMTQwOCAyNy44MDg1TDIwLjgxMTggMjcuNTAwNEwyMS42NjYxIDI4LjAwMDJaTTguODE0MDYgMjguNDk4N0w5LjY2NjEzIDI4LjAwMDJMOC44MTE3NyAyNy41MDA0TDguMTQwNzkgMjcuODA4NUw4LjAwMjE0IDI3LjUwMzRMOC40NTg2NCAyNy4yOTM4TDguMjA3MDYgMjcuMTQ2Nkw4LjM3MjA3IDI2Ljg1N0w4LjYyODUyIDI3LjAwNzFMOC41Nzg0NiAyNi40OTE5TDguOTA4NTEgMjYuNDYxMUw4Ljk4MTY1IDI3LjIxMzZMOS44MzE1IDI3LjcxMDhWMjYuNzA1Nkw5LjIzMjE4IDI2LjI3MDVMOS40Mjc5NCAyNi4wMDA4TDkuODMxNSAyNi4yOTM3VjI2SDEwLjE2NDhWMjYuMjk5NEwxMC41NzYxIDI2LjAwMDhMMTAuNzcxOSAyNi4yNzA1TDEwLjE2NDggMjYuNzExM1YyNy43MDg1TDExLjAyMTQgMjcuMjA3M0wxMS4wOTM2IDI2LjQ2NDVMMTEuNDIzNyAyNi40OTU0TDExLjM3NDYgMjcuMDAwN0wxMS42MjYyIDI2Ljg1MzZMMTEuNzkxMiAyNy4xNDMyTDExLjUzNDcgMjcuMjkzMkwxMiAyNy41MDY5TDExLjg2MTQgMjcuODExOUwxMS4xODE2IDI3LjQ5OThMMTAuMzI2MiAyOC4wMDAyTDExLjE4NDIgMjguNTAyMUwxMS44NTk1IDI4LjE5MjFMMTEuOTk4MiAyOC40OTcxTDExLjUzNzMgMjguNzA4N0wxMS43OTA4IDI4Ljg1N0wxMS42MjU4IDI5LjE0NjZMMTEuMzcyMyAyOC45OTgzTDExLjQyMTkgMjkuNTA4NkwxMS4wOTE4IDI5LjUzOTRMMTEuMDE5MSAyOC43OTE3TDEwLjE2NDggMjguMjkxOVYyOS4yOTIxTDEwLjc2OCAyOS43M0wxMC41NzIyIDI5Ljk5OThMMTAuMTY0OCAyOS43MDRWMzBIOS44MzE1VjI5LjcwNEw5LjQyNDA2IDI5Ljk5OThMOS4yMjgzIDI5LjczTDkuODMxNSAyOS4yOTIxVjI4LjI4OTZMOC45NzkwMyAyOC43ODgzTDguOTA2MzcgMjkuNTM1OUw4LjU3NjMyIDI5LjUwNTFMOC42MjU5IDI4Ljk5NDlMOC4zNzI0MSAyOS4xNDMyTDguMjA3MzkgMjguODUzNkw4LjQ2MDkzIDI4LjcwNTJMOCAyOC40OTM2TDguMTM4NjUgMjguMTg4Nkw4LjgxNDA2IDI4LjQ5ODdaIiBmaWxsPSIjMzQzMzQ4Ii8+Cjwvc3ZnPgo=')
}

.WeatherModule-icon.weather-icon-6 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDIzLjM0NzNDNC45MTc1MiAyMS44MTYzIDIgMTcuNzYxNSAyIDEzQzIgNi45MjQ4NyA2Ljc0OTQ5IDIgMTIuNjA4MyAyQzE3LjQ2OSAyIDIxLjU2NjEgNS4zODk3NiAyMi44MjEgMTAuMDEzOUMyMi45NjI2IDEwLjAwNDcgMjMuMTA1NCAxMCAyMy4yNDkzIDEwQzI2Ljk3NzYgMTAgMzAgMTMuMTM0IDMwIDE3QzMwIDIwLjYwMjggMjcuMzc1IDIzLjU3IDI0IDIzLjk1NzJWMjEuOTM3QzI2LjIyMDUgMjEuNTYxNSAyOCAxOS41NDg2IDI4IDE3QzI4IDE0LjE2OTYgMjUuODA1MyAxMiAyMy4yNDkzIDEyQzIyLjUyNzIgMTIgMjEuODMzOSAxMi4xNzMyIDIxLjIxMDggMTIuNDg1NUMyMS4xNzkxIDExLjkwMzcgMjEuMDkzNyAxMS4zMzY3IDIwLjk1OTkgMTAuNzg5OUwyMC45NTY5IDEwLjc5MTFDMjAuMDA5MSA2Ljg1MDA0IDE2LjU4MzkgNCAxMi42MDgzIDRDNy45MjE3OSA0IDQgNy45NjA0NiA0IDEzQzQgMTYuNjYxNiA2LjA3MDMgMTkuNzUzNSA5IDIxLjE3MDZWMjMuMzQ3M1pNMTQgMThMMTMuMjU2NSAxOC41MjA0TDEzLjQxNDIgMTkuNDE0MkwxMi41MjA0IDE5LjI1NjVMMTIgMjBMMTEuNDc5NiAxOS4yNTY1TDEwLjU4NTggMTkuNDE0MkwxMC43NDM1IDE4LjUyMDRMMTAgMThMMTAuNzQzNSAxNy40Nzk2TDEwLjU4NTggMTYuNTg1OEwxMS40Nzk2IDE2Ljc0MzVMMTIgMTZMMTIuNTIwNCAxNi43NDM1TDEzLjQxNDIgMTYuNTg1OEwxMy4yNTY1IDE3LjQ3OTZMMTQgMThaTTE3LjI1NjUgMjEuNTIwNEwxOCAyMUwxNy4yNTY1IDIwLjQ3OTZMMTcuNDE0MiAxOS41ODU4TDE2LjUyMDQgMTkuNzQzNUwxNiAxOUwxNS40Nzk2IDE5Ljc0MzVMMTQuNTg1OCAxOS41ODU4TDE0Ljc0MzUgMjAuNDc5NkwxNCAyMUwxNC43NDM1IDIxLjUyMDRMMTQuNTg1OCAyMi40MTQyTDE1LjQ3OTYgMjIuMjU2NUwxNiAyM0wxNi41MjA0IDIyLjI1NjVMMTcuNDE0MiAyMi40MTQyTDE3LjI1NjUgMjEuNTIwNFpNMTggMTVMMTcuMjU2NSAxNS41MjA0TDE3LjQxNDIgMTYuNDE0MkwxNi41MjA0IDE2LjI1NjVMMTYgMTdMMTUuNDc5NiAxNi4yNTY1TDE0LjU4NTggMTYuNDE0MkwxNC43NDM1IDE1LjUyMDRMMTQgMTVMMTQuNzQzNSAxNC40Nzk2TDE0LjU4NTggMTMuNTg1OEwxNS40Nzk2IDEzLjc0MzVMMTYgMTNMMTYuNTIwNCAxMy43NDM1TDE3LjQxNDIgMTMuNTg1OEwxNy4yNTY1IDE0LjQ3OTZMMTggMTVaTTIxLjI1NjUgMTguNTIwNEwyMiAxOEwyMS4yNTY1IDE3LjQ3OTZMMjEuNDE0MiAxNi41ODU4TDIwLjUyMDQgMTYuNzQzNUwyMCAxNkwxOS40Nzk2IDE2Ljc0MzVMMTguNTg1OCAxNi41ODU4TDE4Ljc0MzUgMTcuNDc5NkwxOCAxOEwxOC43NDM1IDE4LjUyMDRMMTguNTg1OCAxOS40MTQyTDE5LjQ3OTYgMTkuMjU2NUwyMCAyMEwyMC41MjA0IDE5LjI1NjVMMjEuNDE0MiAxOS40MTQyTDIxLjI1NjUgMTguNTIwNFpNMTIuNTAyMSAyOC4wMDIxQzEyLjc0NDIgMjguMDAyMSAxMy4wMDIyIDI3Ljc5MjEgMTMuMDAyMSAyNy40NTZDMTMuMDAyMSAyNy4yNzIgMTIuOTM4OSAyNi45MjYzIDEyLjc0MzUgMjYuNDE2OEMxMi42NjU2IDI2LjIxMzYgMTIuNTc0NiAyNi4wMDQ1IDEyLjQ3NDQgMjUuNzkzOEMxMi4xNzUzIDI2LjQ0MzcgMTIuMDAxNSAyNy4wMjc3IDEyLjAwMTcgMjcuNDU2QzEyLjAwMTggMjcuNzkyMSAxMi4yNTk5IDI4LjAwMjEgMTIuNTAyMSAyOC4wMDIxWk0xMS4yOTIzIDIzLjc1NzJDMTEuOTAyOSAyMi43MzAyIDEyLjUwMDIgMjIgMTIuNTAwMiAyMkMxMi41MDAyIDIyIDEzLjA2OTkgMjIuNzU1NCAxMy42NjU1IDIzLjc3NzhDMTQuMzE4IDI0Ljg5NzcgMTUuMDAxOCAyNi4zMzc5IDE1LjAwMjEgMjcuNDU2QzE1LjAwMjUgMjguODYyMiAxMy44ODM1IDMwLjAwMjEgMTIuNTAyNyAzMC4wMDIxQzExLjEyMTggMzAuMDAyMSAxMC4wMDIxIDI4Ljg2MjIgMTAuMDAxNyAyNy40NTZDMTAuMDAxMyAyNi4yMjkgMTAuNjU0IDI0LjgzMDkgMTEuMjkyMyAyMy43NTcyWk0yMC4wMDIxIDI3LjQ1NkMyMC4wMDIyIDI3Ljc5MjEgMTkuNzQ0MiAyOC4wMDIxIDE5LjUwMjEgMjguMDAyMUMxOS4yNTk5IDI4LjAwMjEgMTkuMDAxOCAyNy43OTIxIDE5LjAwMTcgMjcuNDU2QzE5LjAwMTUgMjcuMDI3NyAxOS4xNzUzIDI2LjQ0MzcgMTkuNDc0NCAyNS43OTM4QzE5LjU3NDYgMjYuMDA0NSAxOS42NjU2IDI2LjIxMzYgMTkuNzQzNSAyNi40MTY4QzE5LjkzODkgMjYuOTI2MyAyMC4wMDIxIDI3LjI3MiAyMC4wMDIxIDI3LjQ1NlpNMTkuNTAwMiAyMkMxOS41MDAyIDIyIDE4LjkwMjkgMjIuNzMwMiAxOC4yOTIzIDIzLjc1NzJDMTcuNjU0IDI0LjgzMDkgMTcuMDAxMyAyNi4yMjkgMTcuMDAxNyAyNy40NTZDMTcuMDAyMSAyOC44NjIyIDE4LjEyMTggMzAuMDAyMSAxOS41MDI3IDMwLjAwMjFDMjAuODgzNSAzMC4wMDIxIDIyLjAwMjUgMjguODYyMiAyMi4wMDIxIDI3LjQ1NkMyMi4wMDE4IDI2LjMzNzkgMjEuMzE4IDI0Ljg5NzcgMjAuNjY1NSAyMy43Nzc4QzIwLjA2OTkgMjIuNzU1NCAxOS41MDAyIDIyIDE5LjUwMDIgMjJaIiBmaWxsPSIjMzQzMzQ4Ii8+Cjwvc3ZnPgo=')
}

.WeatherModule-icon.weather-icon-7 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEzQzIgMTcuNzYxNSA0LjkxNzUyIDIxLjgxNjMgOSAyMy4zNDczVjIxLjE3MDZDNi4wNzAzIDE5Ljc1MzUgNCAxNi42NjE2IDQgMTNDNCA3Ljk2MDQ2IDcuOTIxNzkgNCAxMi42MDgzIDRDMTYuNTgzOSA0IDIwLjAwOTEgNi44NTAwNCAyMC45NTY5IDEwLjc5MTFMMjAuOTU5OSAxMC43ODk5QzIxLjA5MzcgMTEuMzM2NyAyMS4xNzkxIDExLjkwMzcgMjEuMjEwOCAxMi40ODU1QzIxLjgzMzkgMTIuMTczMiAyMi41MjcyIDEyIDIzLjI0OTMgMTJDMjUuODA1MyAxMiAyOCAxNC4xNjk2IDI4IDE3QzI4IDE5LjgxMDUgMjUuODM1OSAyMS45Njk1IDIzLjMwMjkgMjEuOTk5NlYyMkgyM1YyMy45OTUzQzIzLjA4MjcgMjMuOTk4NCAyMy4xNjU4IDI0IDIzLjI0OTMgMjRDMjYuOTc3NiAyNCAzMCAyMC44NjYgMzAgMTdDMzAgMTMuMTM0IDI2Ljk3NzYgMTAgMjMuMjQ5MyAxMEMyMy4xMDU0IDEwIDIyLjk2MjYgMTAuMDA0NyAyMi44MjEgMTAuMDEzOUMyMS41NjYxIDUuMzg5NzYgMTcuNDY5IDIgMTIuNjA4MyAyQzYuNzQ5NDkgMiAyIDYuOTI0ODcgMiAxM1pNMTcuMTY4IDE2LjQ0NTNMMTMuMTY4IDIyLjQ0NTNMMTIuMTMxNSAyNEgxNEgxNy4wNDQyTDEzLjg1NiAyOC40MTQ1TDE1LjQ3NzMgMjkuNTg1NUwxOS44MTA3IDIzLjU4NTVMMjAuOTU1OCAyMkgxOUgxNS44Njg1TDE4LjgzMjEgMTcuNTU0N0wxNy4xNjggMTYuNDQ1M1pNMjAuMzYwOSAyNi45MjQ0QzIwLjE1MzMgMjcuNDEwOCAyMC4wMDA5IDI3LjkzMDggMjAuMDAxIDI4LjQwOTFDMjAuMDAxMyAyOS4yODc3IDIwLjY3MzEgMzAgMjEuNTAxNSAzMEMyMi4zMyAzMCAyMy4wMDEzIDI5LjI4NzcgMjMuMDAxIDI4LjQwOTFDMjMuMDAwOSAyNy45NjE5IDIyLjgzMjcgMjcuNDMyMSAyMi42MDkgMjYuOTI1MkMyMi4xNjQzIDI1LjkxNzUgMjEuNSAyNSAyMS41IDI1QzIxLjUgMjUgMjAuODA0NCAyNS44ODU2IDIwLjM2MDkgMjYuOTI0NFpNOS4wMDEwNSAyOC40MDkxQzkuMDAwOSAyNy45MzA4IDkuMTUzMjggMjcuNDEwOCA5LjM2MDkyIDI2LjkyNDRDOS44MDQ0MSAyNS44ODU2IDEwLjUgMjUgMTAuNSAyNUMxMC41IDI1IDExLjE2NDMgMjUuOTE3NSAxMS42MDkgMjYuOTI1MkMxMS44MzI3IDI3LjQzMjEgMTIuMDAwOSAyNy45NjE5IDEyLjAwMSAyOC40MDkxQzEyLjAwMTMgMjkuMjg3NyAxMS4zMyAzMCAxMC41MDE1IDMwQzkuNjczMTEgMzAgOS4wMDEzMiAyOS4yODc3IDkuMDAxMDUgMjguNDA5MVoiIGZpbGw9IiMzNDMzNDgiLz4KPC9zdmc+Cg==')
}

.WeatherModule-icon.weather-icon-8 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEzQzIgMTcuNzYxNSA0LjkxNzUyIDIxLjgxNjMgOSAyMy4zNDczVjIxLjE3MDZDNi4wNzAzIDE5Ljc1MzUgNCAxNi42NjE2IDQgMTNDNCA3Ljk2MDQ2IDcuOTIxNzkgNCAxMi42MDgzIDRDMTYuNTgzOSA0IDIwLjAwOTEgNi44NTAwNCAyMC45NTY5IDEwLjc5MTFMMjAuOTU5OSAxMC43ODk5QzIxLjA5MzcgMTEuMzM2NyAyMS4xNzkxIDExLjkwMzcgMjEuMjEwOCAxMi40ODU1QzIxLjgzMzkgMTIuMTczMiAyMi41MjcyIDEyIDIzLjI0OTMgMTJDMjUuODA1MyAxMiAyOCAxNC4xNjk2IDI4IDE3QzI4IDE5LjgxMDUgMjUuODM1OSAyMS45Njk1IDIzLjMwMjkgMjEuOTk5NlYyMkgyM1YyMy45OTUzQzIzLjA4MjcgMjMuOTk4NCAyMy4xNjU4IDI0IDIzLjI0OTMgMjRDMjYuOTc3NiAyNCAzMCAyMC44NjYgMzAgMTdDMzAgMTMuMTM0IDI2Ljk3NzYgMTAgMjMuMjQ5MyAxMEMyMy4xMDU0IDEwIDIyLjk2MjYgMTAuMDA0NyAyMi44MjEgMTAuMDEzOUMyMS41NjYxIDUuMzg5NzYgMTcuNDY5IDIgMTIuNjA4MyAyQzYuNzQ5NDkgMiAyIDYuOTI0ODcgMiAxM1pNMTcuMTY4IDE2LjQ0NTNMMTMuMTY4IDIyLjQ0NTNMMTIuMTMxNSAyNEgxNEgxNy4wNDQyTDEzLjg1NiAyOC40MTQ1TDE1LjQ3NzMgMjkuNTg1NUwxOS44MTA3IDIzLjU4NTVMMjAuOTU1OCAyMkgxOUgxNS44Njg1TDE4LjgzMjEgMTcuNTU0N0wxNy4xNjggMTYuNDQ1M1pNMjAuMzYwOSAyNi45MjQ0QzIwLjE1MzMgMjcuNDEwOCAyMC4wMDA5IDI3LjkzMDggMjAuMDAxIDI4LjQwOTFDMjAuMDAxMyAyOS4yODc3IDIwLjY3MzEgMzAgMjEuNTAxNSAzMEMyMi4zMyAzMCAyMy4wMDEzIDI5LjI4NzcgMjMuMDAxIDI4LjQwOTFDMjMuMDAwOSAyNy45NjE5IDIyLjgzMjcgMjcuNDMyMSAyMi42MDkgMjYuOTI1MkMyMi4xNjQzIDI1LjkxNzUgMjEuNSAyNSAyMS41IDI1QzIxLjUgMjUgMjAuODA0NCAyNS44ODU2IDIwLjM2MDkgMjYuOTI0NFpNOS4wMDEwNSAyOC40MDkxQzkuMDAwOSAyNy45MzA4IDkuMTUzMjggMjcuNDEwOCA5LjM2MDkyIDI2LjkyNDRDOS44MDQ0MSAyNS44ODU2IDEwLjUgMjUgMTAuNSAyNUMxMC41IDI1IDExLjE2NDMgMjUuOTE3NSAxMS42MDkgMjYuOTI1MkMxMS44MzI3IDI3LjQzMjEgMTIuMDAwOSAyNy45NjE5IDEyLjAwMSAyOC40MDkxQzEyLjAwMTMgMjkuMjg3NyAxMS4zMyAzMCAxMC41MDE1IDMwQzkuNjczMTEgMzAgOS4wMDEzMiAyOS4yODc3IDkuMDAxMDUgMjguNDA5MVoiIGZpbGw9IiMzNDMzNDgiLz4KPC9zdmc+Cg==')
}

.WeatherModule-icon.weather-icon-9,.WeatherModule-icon.weather-icon-wind {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4wMDAxIDEwLjk5NDRMMTQuMDAwMSAxMC45ODg1TDguMzM5MzkgMTAuOTg4NEwxMy43NjkzIDkuMDI2MzNMMTMuNzY4OCA5LjAyNDcxQzEzLjg3MjcgOC45OTg1IDEzLjk4MDQgOC45ODkxNyAxNC4wODc1IDguOTk3MTVDMTQuMTAxNiA4Ljk5ODIxIDE0LjExNTcgOC45OTk1NiAxNC4xMjk4IDkuMDAxMjJMMTQuMTMgOS4wMDEyNUMxNC4yNzcxIDkuMDE4NTcgMTQuNDE4NCA5LjA2ODM1IDE0LjU0MzkgOS4xNDY5OUwxNC41NDM5IDkuMTQ3QzE0LjY2OTQgOS4yMjU2NSAxNC43NzU5IDkuMzMxMTkgMTQuODU1NiA5LjQ1NkwxNC44NTU3IDkuNDU2MkMxNC45MzU0IDkuNTgxMDIgMTQuOTg2NCA5LjcyMTk5IDE1LjAwNDkgOS44Njg5MkwxNS4wMDUgOS44NjkyQzE1LjAyMzUgMTAuMDE2MiAxNS4wMDkyIDEwLjE2NTUgMTQuOTYzIDEwLjMwNjJMMTQuOTYzIDEwLjMwNjNDMTQuOTE2OCAxMC40NDcxIDE0LjgzOTggMTAuNTc1OSAxNC43Mzc4IDEwLjY4MzNMMTQuNzM3NyAxMC42ODM0QzE0LjYzNTYgMTAuNzkwOCAxNC41MTEgMTAuODc0MiAxNC4zNzI4IDEwLjkyNzVMMTQuMzcyNiAxMC45Mjc2QzE0LjM1OTYgMTAuOTMyNiAxNC4zNDY1IDEwLjkzNzMgMTQuMzMzMyAxMC45NDE4QzE0LjIyNiAxMC45NzgxIDE0LjExMzMgMTAuOTk1OCAxNC4wMDAxIDEwLjk5NDRaTTQgMTAuNDI5NlYxMi45ODg1TDEzLjk3OTYgMTIuOTg4NkMxNC4zNTg2IDEyLjk5MjkgMTQuNzM1NSAxMi45MjUxIDE1LjA5MDMgMTIuNzg4M0wxNS4wOTA1IDEyLjc4ODJDMTUuMzYwNSAxMi42ODQgMTUuNjEzMiAxMi41NDE1IDE1Ljg0MTIgMTIuMzY1N0MxNS45NjI1IDEyLjI3MiAxNi4wNzY4IDEyLjE2OSAxNi4xODMgMTIuMDU3M0wxNi4xODMxIDEyLjA1NzJDMTYuNDg4NiAxMS43MzU1IDE2LjcxODkgMTEuMzUwMSAxNi44NTczIDEwLjkyODVMMTYuODU3MyAxMC45Mjg0QzE2Ljk5NTYgMTAuNTA2OSAxNy4wMzg2IDEwLjA1OTkgMTYuOTgzMSA5LjYxOTc1TDE2Ljk4MzEgOS42MTk0N0MxNi45Mjc1IDkuMTc5MyAxNi43NzQ5IDguNzU2OTggMTYuNTM2MiA4LjM4MzAzTDE2LjUzNjEgOC4zODI4M0MxNi4yOTc0IDguMDA4ODQgMTUuOTc4NSA3LjY5MjYgMTUuNjAyNiA3LjQ1Njk5TDE1LjYwMjYgNy40NTY5OEMxNS40NzIgNy4zNzUxIDE1LjMzNTYgNy4zMDM2NyAxNS4xOTQ3IDcuMjQzMTRDMTQuOTMwMiA3LjEyOTQ5IDE0LjY1IDcuMDU0MjcgMTQuMzYyNSA3LjAyMDQ3TDE0LjM2MjMgNy4wMjA0NUMxMy45MzQgNi45NzAxMiAxMy41MDAxIDcuMDEyOTcgMTMuMDkwMSA3LjE0NTg5TDEzLjA4OTggNy4xNDUwNEwxMy4wNTkxIDcuMTU2MTJMMTMuMDU1NSA3LjE1NzM0TDEzLjA1NTEgNy4xNTc0OEwxMy4wNTUxIDcuMTU3NTdMNCAxMC40Mjk2Wk00IDE4Ljk5OFYyMS4wNTI1TDE3LjIwNTggMjUuNzUwNkwxNy4yMDU3IDI1Ljc1MUMxNy42ODM2IDI1Ljk0MTcgMTguMTk3NyAyNi4wMjQ2IDE4LjcxMTMgMjUuOTkzOEMxOC45MDg4IDI1Ljk4MiAxOS4xMDQzIDI1Ljk1MzQgMTkuMjk1OSAyNS45MDg4QzE5LjYwMjYgMjUuODM3MyAxOS44OTkxIDI1LjcyNDUgMjAuMTc3MSAyNS41NzI4QzIwLjYyODggMjUuMzI2NCAyMS4wMjA2IDI0Ljk4MzMgMjEuMzI0NiAyNC41NjhDMjEuNjI4NiAyNC4xNTI3IDIxLjgzNzIgMjMuNjc1NSAyMS45MzU3IDIzLjE3MDNDMjIuMDM0MiAyMi42NjUyIDIyLjAyMDEgMjIuMTQ0NSAyMS44OTQzIDIxLjY0NTRDMjEuNzY4NiAyMS4xNDYzIDIxLjUzNDQgMjAuNjgxMSAyMS4yMDgzIDIwLjI4M0MyMS4wMDc2IDIwLjAzNzkgMjAuNzc1MiAxOS44MjE5IDIwLjUxNzggMTkuNjQwNEMyMC4zNTcgMTkuNTI3IDIwLjE4NjYgMTkuNDI3MSAyMC4wMDggMTkuMzQxOUMxOS41NDQzIDE5LjEyMDcgMTkuMDM3NiAxOS4wMDQzIDE4LjUyMzkgMTkuMDAxMVYxOC45OTgxTDQgMTguOTk4Wk0xOC41MTAzIDIwLjk5ODNMOS44MTUxIDIwLjk5ODJMMTcuOTg0MiAyMy45MDQ1TDE3Ljk4MzUgMjMuOTA2NUMxOC4xNzc2IDIzLjk3ODIgMTguMzg0NyAyNC4wMDg5IDE4LjU5MTYgMjMuOTk2NEMxOC44MTE1IDIzLjk4MzMgMTkuMDI1OCAyMy45MjE3IDE5LjIxOTMgMjMuODE2MkMxOS40MTI3IDIzLjcxMDYgMTkuNTgwNSAyMy41NjM3IDE5LjcxMDYgMjMuMzg1OUMxOS44NDA4IDIzLjIwODEgMTkuOTMwMiAyMy4wMDM3IDE5Ljk3MjMgMjIuNzg3NEMyMC4wMTQ1IDIyLjU3MSAyMC4wMDg1IDIyLjM0ODEgMTkuOTU0NiAyMi4xMzQ0QzE5LjkwMDggMjEuOTIwNiAxOS44MDA1IDIxLjcyMTQgMTkuNjYwOCAyMS41NTA5QzE5LjUyMTIgMjEuMzgwNCAxOS4zNDU3IDIxLjI0MjggMTkuMTQ2OCAyMS4xNDc5QzE4Ljk0ODMgMjEuMDUzMiAxOC43MzEyIDIxLjAwMzQgMTguNTExMiAyMS4wMDJMMTguNTEwMyAyMS4wMDJMMTguNTEwMyAyMS4wMDE2TDE4LjUxMDMgMjAuOTk4M1pNMjMuMDE4IDExLjI0ODFMMjMuMDE3MiAxMS4yNDg2TDIyLjAzMzYgOS41MDcxNkwyMi4wMzI1IDkuNTA1MTVMMjIuMDM0NSA5LjUwNDA0QzIyLjU2NyA5LjIwMzUgMjMuMTYxMyA5LjAyOTA3IDIzLjc3MTggOC45OTQxN0MyMy44NjAzIDguOTg5MTEgMjMuOTQ4OSA4Ljk4NyAyNC4wMzczIDguOTg3ODNDMjQuNTU5IDguOTkyNjkgMjUuMDc1NyA5LjA5OTY1IDI1LjU1NzkgOS4zMDM2QzI2LjEyMTggOS41NDIxMSAyNi42MjM0IDkuOTA2OTEgMjcuMDI0MSAxMC4zNjk5QzI3LjQyNDggMTAuODMyOSAyNy43MTM5IDExLjM4MTcgMjcuODY5MiAxMS45NzRDMjguMDI0NSAxMi41NjY0IDI4LjA0MTcgMTMuMTg2NSAyNy45MTk3IDEzLjc4NjZDMjcuNzk3NiAxNC4zODY3IDI3LjUzOTUgMTQuOTUwOCAyNy4xNjUxIDE1LjQzNTNDMjYuODQ1MSAxNS44NDk3IDI2LjQ0NzQgMTYuMTk2NCAyNS45OTUyIDE2LjQ1NjhDMjUuOTE4NSAxNi41MDA5IDI1Ljg0MDMgMTYuNTQyNSAyNS43NjA2IDE2LjU4MTZDMjUuMjEwOCAxNi44NTEyIDI0LjYwNjYgMTYuOTkwOSAyMy45OTQ0IDE2Ljk5VjE2Ljk4OTdINFYxNC45ODk3SDIzLjk5NzJMMjMuOTk3MiAxNC45ODc2QzI0LjMwMyAxNC45ODggMjQuNjA0OSAxNC45MTgyIDI0Ljg3OTUgMTQuNzgzNkMyNS4xNTQxIDE0LjY0ODkgMjUuMzk0MSAxNC40NTMgMjUuNTgxMSAxNC4yMTA5QzI1Ljc2ODEgMTMuOTY4OSAyNS44OTcgMTMuNjg3MSAyNS45NTggMTMuMzg3NEMyNi4wMTkgMTMuMDg3NiAyNi4wMTA0IDEyLjc3NzggMjUuOTMyOCAxMi40ODE5QzI1Ljg1NTIgMTIuMTg2IDI1LjcxMDggMTEuOTExOSAyNS41MTA2IDExLjY4MDZDMjUuMzEwNSAxMS40NDkzIDI1LjA1OTkgMTEuMjY3MSAyNC43NzgyIDExLjE0NzlDMjQuNDk2NiAxMS4wMjg4IDI0LjE5MTMgMTAuOTc1OSAyMy44ODYgMTAuOTkzNEMyMy41ODEgMTEuMDEwOCAyMy4yODQxIDExLjA5OCAyMy4wMTggMTEuMjQ4MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=')
}

.WeatherModule-icon.weather-icon-10 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNy45OTk5IDE3LjEwODFDMjcuOTk5OSAxOS4zODEgMjYuNTIxNiAyMS4yODc5IDI0LjUgMjEuOTMwNFYyMy45OTk5QzI3LjY0NTIgMjMuMzA3OSAyOS45OTk5IDIwLjQ4NTIgMjkuOTk5OSAxNy4xMDgxQzI5Ljk5OTkgMTMuMjEyMiAyNi44NjU5IDEwLjA1NCAyMi45OTk5IDEwLjA1NEMyMi44MDE2IDEwLjA1NCAyMi42MDUyIDEwLjA2MjMgMjIuNDExMSAxMC4wNzg2QzIwLjk3NjUgNS45NTYxMiAxNy4wODA4IDMgMTIuNSAzQzYuNzAxMDEgMyAyIDcuNzM3MzcgMiAxMy41ODEyQzIgMTcuOTk3OCA0LjY4NTExIDIxLjc4MjMgOC41IDIzLjM2NzZWMjEuMTU0MkM1LjgyNjEzIDE5LjcxMiA0IDE2Ljg2OCA0IDEzLjU4MTJDNCA4LjgyNzM4IDcuODIwMDggNSAxMi41IDVDMTYuMTIzNCA1IDE5LjIzMTQgNy4yOTQzNiAyMC40NSAxMC41MzY3TDIwLjQ1ODMgMTAuNTMzNEMyMC42ODk0IDExLjE1OTIgMjAuODUxNCAxMS44MTk0IDIwLjkzNDkgMTIuNTA0NEMyMS41NjU0IDEyLjIxNDkgMjIuMjY1IDEyLjA1NCAyMi45OTk5IDEyLjA1NEMyNS43NDY5IDEyLjA1NCAyNy45OTk5IDE0LjMwMjMgMjcuOTk5OSAxNy4xMDgxWk0yMyAxOEgxM1YyMEgyM1YxOFpNMjEgMjJIMTFWMjRIMjFWMjJaTTEzIDI2SDIzVjI4SDEzVjI2WiIgZmlsbD0iIzM0MzM0OCIvPgo8L3N2Zz4K')
}

.WeatherModule-icon.weather-icon-11 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS41MzE3IDguMDU1OTVDMTEuODg1NyA4LjAxODk1IDEyLjI0NDkgOCAxMi42MDgzIDhDMTcuNDY5IDggMjEuNTY2MSAxMS4zODk4IDIyLjgyMSAxNi4wMTM5QzIyLjkyMTUgMTYuMDA3MyAyMy4wMjI1IDE2LjAwMzEgMjMuMTI0MSAxNi4wMDEyQzIzLjA4MjggMTYuMDAwNSAyMy4wNDE0IDE2LjAwMDEgMjMgMTYuMDAwMUwyMi45NjY0IDE2LjAwMDJMMjIuOTY2NCAxNkgyNC41SDI0LjU2MDJWMTUuOTk5NUMyNi40NjU0IDE1Ljk2NzMgMjggMTQuNDEyOSAyOCAxMi41QzI4IDEwLjU2NyAyNi40MzMgOSAyNC41IDlDMjMuODUwOSA5IDIzLjI0MzIgOS4xNzY2NiAyMi43MjIxIDkuNDg0NTFDMjIuNzIwNiA4LjkyNTc3IDIyLjYzNTcgOC4zODY2MyAyMi40NzkzIDcuODc4ODVDMjEuNzAwMSA1LjYyMTQ3IDE5LjU1NjcgNCAxNy4wMzQ1IDRDMTQuNDQ2OCA0IDEyLjI1NzggNS43MDY3NiAxMS41MzE3IDguMDU1OTVaTTI3LjE3NjYgMTcuMzA1OUMyOC44ODYxIDE4LjU3NTkgMzAgMjAuNjUzIDMwIDIzQzMwIDI2Ljg2NiAyNi45Nzc2IDMwIDIzLjI0OTMgMzBDMjMuMTY1OCAzMCAyMy4wODI3IDI5Ljk5ODQgMjMgMjkuOTk1M1YzMEgxMi43NjcxVjI5Ljk5ODhDMTIuNzE0MyAyOS45OTk2IDEyLjY2MTMgMzAgMTIuNjA4MyAzMEM2Ljc0OTQ5IDMwIDIgMjUuMDc1MSAyIDE5QzIgMTQuMDk0MyA1LjA5NjkzIDkuOTM4NyA5LjM3NDEyIDguNTIwNTdDOS45NjY5MSA0LjgyNDA2IDEzLjE3MDkgMiAxNy4wMzQ1IDJDMjAuMzQ5NCAyIDIzLjE3ODcgNC4wNzg4NCAyNC4yODk5IDcuMDAzOTRDMjQuMzU5NiA3LjAwMTMyIDI0LjQyOTYgNyAyNC41IDdDMjcuNTM3NSA3IDMwIDkuNDYyNDMgMzAgMTIuNUMzMCAxNC41NjU5IDI4Ljg2MDkgMTYuMzY1OCAyNy4xNzY2IDE3LjMwNTlaTTIzIDI4SDEyLjc2NzFIMTIuNjUyVjI3Ljk5OTlMMTIuNjA4MyAyOEM3LjkyMTc5IDI4IDQgMjQuMDM5NSA0IDE5QzQgMTMuOTYwNSA3LjkyMTc5IDEwIDEyLjYwODMgMTBDMTYuNTgzOSAxMCAyMC4wMDkxIDEyLjg1IDIwLjk1NjkgMTYuNzkxMUwyMC45NTk5IDE2Ljc4OTlDMjEuMDkzNyAxNy4zMzY3IDIxLjE3OTEgMTcuOTAzNyAyMS4yMTA4IDE4LjQ4NTVDMjEuODMzOSAxOC4xNzMyIDIyLjUyNzIgMTggMjMuMjQ5MyAxOEMyNS44MDUzIDE4IDI4IDIwLjE2OTYgMjggMjNDMjggMjUuODEwNSAyNS44MzU5IDI3Ljk2OTUgMjMuMzAyOSAyNy45OTk2VjI4SDIzWiIgZmlsbD0iIzM0MzM0OCIvPgo8L3N2Zz4K')
}

.WeatherModule-icon.weather-icon-12 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy42MzYxIDJWNC40MzUxM0gxOS42MzYxVjJIMTcuNjM2MVpNMzAgMTIuMzYzOUgyNy41NjQ5TDI3LjU2NDkgMTQuMzYzOUgzMFYxMi4zNjM5Wk0yNS44Njg3IDguMDMzNTFMMjcuOTc3NSA2LjgxNTk0TDI4Ljk3NzUgOC41NDc5OUwyNi44Njg3IDkuNzY1NTZMMjUuODY4NyA4LjAzMzUxWk0yMy40NTIxIDMuMDIyNDVMMjIuMjM0NSA1LjEzMTMzTDIzLjk2NjYgNi4xMzEzM0wyNS4xODQxIDQuMDIyNDVMMjMuNDUyMSAzLjAyMjQ1Wk0xMy4zMDU2IDYuMTMxMzNMMTIuMDg4MSA0LjAyMjQ1TDEzLjgyMDEgMy4wMjI0NUwxNS4wMzc3IDUuMTMxMzNMMTMuMzA1NiA2LjEzMTMzWk0zMCAyMi43NUMzMCAxOS43MjM1IDI4LjIwOTUgMTcuMTMwMSAyNS42NjU3IDE2LjA0NDJDMjUuOTgxIDE1LjIxMDkgMjYuMTUzNiAxNC4zMDc1IDI2LjE1MzYgMTMuMzYzOEMyNi4xNTM2IDkuMTc5NzEgMjIuNzYxNyA1Ljc4Nzg0IDE4LjU3NzYgNS43ODc4NEMxNi4zNTkxIDUuNzg3ODQgMTQuMzYzMyA2Ljc0MTQyIDEyLjk3NzggOC4yNjEwNkMxMi44MTk0IDguMjUzNzEgMTIuNjYwMSA4LjI1IDEyLjUgOC4yNUM2LjcwMTAxIDguMjUgMiAxMy4xMTg5IDIgMTkuMTI1QzIgMjUuMTMxMSA2LjcwMTAxIDMwIDEyLjUgMzBDMTIuNTY1OCAzMCAxMi42MzE1IDI5Ljk5OTQgMTIuNjk3MSAyOS45OTgxVjMwSDIyLjk5NDlMMjMgMzBMMjMuMDA1MSAzMEgyMy4yNDE0VjI5Ljk5NThDMjYuOTk1NiAyOS44NjQgMzAgMjYuNjcwNCAzMCAyMi43NVpNMjQuMTUzNiAxMy4zNjM4QzI0LjE1MzYgMTQuMTM0OSAyMy45OTcxIDE0Ljg2OTMgMjMuNzE0MSAxNS41MzczQzIzLjQ3OTMgMTUuNTEyNiAyMy4yNDExIDE1LjUgMjMgMTUuNUMyMi44MDE3IDE1LjUgMjIuNjA1MyAxNS41MDg1IDIyLjQxMTEgMTUuNTI1M0MyMS4zMDQ2IDEyLjI1NyAxOC43MzM3IDkuNzAyIDE1LjUxMzQgOC43MDQ1QzE2LjM5MjcgOC4xMjUwNiAxNy40NDU4IDcuNzg3ODQgMTguNTc3NiA3Ljc4Nzg0QzIxLjY1NzEgNy43ODc4NCAyNC4xNTM2IDEwLjI4NDMgMjQuMTUzNiAxMy4zNjM4Wk0xMi41IDI4TDEyLjU0MTEgMjcuOTk5OVYyOEwxMi42OTcxIDI4TDIyLjk5NzMgMjhIMjNMMjMuMDA0MyAyOEMyNS42OTgzIDI3Ljk5NzYgMjggMjUuNzE0NyAyOCAyMi43NUMyOCAxOS43ODM4IDI1LjY5NTggMTcuNSAyMyAxNy41QzIyLjI2OTggMTcuNSAyMS41Njg0IDE3LjY2NzUgMjAuOTMzNyAxNy45NzA4QzIwLjg0NzQgMTcuMjgzOSAyMC42ODUgMTYuNjIxOCAyMC40NTU1IDE1Ljk5MzlMMjAuNDU3NyAxNS45OTNDMTkuMjM2OSAxMi42MDk1IDE2LjA5NzMgMTAuMjUgMTIuNSAxMC4yNUM3Ljg3MTE1IDEwLjI1IDQgMTQuMTU2NyA0IDE5LjEyNUM0IDI0LjA5MzMgNy44NzExNSAyOCAxMi41IDI4WiIgZmlsbD0iIzM0MzM0OCIvPgo8L3N2Zz4K')
}

.WeatherModule-icon.weather-icon-13 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC4xODc2IDIxLjk5NzhDMjAuMTIzMyAyMS45OTU3IDIwLjA2MDcgMjEuOTkzMyAyMCAyMS45OTA2VjIzLjk5MjRDMjAuNTgwNiAyNC4wMTUxIDIxLjIwNDUgMjQuMDEgMjEuODU4IDI0LjAwNDdMMjEuODU4NiAyNC4wMDQ3SDIxLjg1ODdIMjEuODU4N0gyMS44NTg4SDIxLjg1ODlDMjIuMTUwNyAyNC4wMDI0IDIyLjQ0ODQgMjQgMjIuNzUwNyAyNEMyNi40NzkgMjQgMjkuNTAxNCAyMC44NjYgMjkuNTAxNCAxN0MyOS41MDE0IDEzLjE1NzEgMjYuNTE1IDEwLjAzNzQgMjIuODE3MyAxMC4wMDAzQzIxLjU1ODEgNS4zODMxNiAxNy40NjQyIDIgMTIuNjA4MyAyQzYuNzQ5NDkgMiAyIDYuOTI0ODcgMiAxM0MyIDE5LjA3NTEgNi43NDk0OSAyNCAxMi42MDgzIDI0QzEyLjczOTQgMjQgMTIuODcgMjMuOTk3NSAxMyAyMy45OTI2VjIxLjk5MDhDMTIuODcwMSAyMS45OTY5IDEyLjczOTUgMjIgMTIuNjA4MyAyMkM3LjkyMTc5IDIyIDQgMTguMDM5NSA0IDEzQzQgNy45NjA0NiA3LjkyMTc5IDQgMTIuNjA4MyA0QzE2LjU4MzkgNCAyMC4wMDkxIDYuODUwMDQgMjAuOTU2OSAxMC43OTExTDIwLjk1OTkgMTAuNzg5OUMyMS4xMTc0IDExLjQzMzMgMjEuMjA3NyAxMi4xMDQ2IDIxLjIyMjYgMTIuNzk1MUMyMS4yODY0IDEyLjczNTMgMjEuMzUwMiAxMi42Nzg1IDIxLjQxMzcgMTIuNjI0N0MyMS45ODk0IDEyLjEzODQgMjIuNDM2MyAxMiAyMi43NTA3IDEyQzI1LjMwNjcgMTIgMjcuNTAxNCAxNC4xNjk2IDI3LjUwMTQgMTdDMjcuNTAxNCAxOS44MzA0IDI1LjMwNjcgMjIgMjIuNzUwNyAyMkMyMi40MDczIDIyIDIyLjA4OTMgMjIuMDAyNiAyMS43ODg5IDIyLjAwNTFIMjEuNzg4OEgyMS43ODg3SDIxLjc4ODdIMjEuNzg4NkgyMS43ODg2QzIxLjIwOCAyMi4wMDk5IDIwLjY5MzIgMjIuMDE0MSAyMC4xODc2IDIxLjk5NzhaTTE3LjAwMjEgMjUuNDU2QzE3LjAwMjIgMjUuNzkyMSAxNi43NDQyIDI2LjAwMjEgMTYuNTAyMSAyNi4wMDIxQzE2LjI1OTkgMjYuMDAyMSAxNi4wMDE4IDI1Ljc5MjEgMTYuMDAxNyAyNS40NTZDMTYuMDAxNSAyNS4wMjc3IDE2LjE3NTMgMjQuNDQzNyAxNi40NzQ0IDIzLjc5MzhDMTYuNTc0NiAyNC4wMDQ1IDE2LjY2NTYgMjQuMjEzNiAxNi43NDM1IDI0LjQxNjhDMTYuOTM4OSAyNC45MjYzIDE3LjAwMjEgMjUuMjcyIDE3LjAwMjEgMjUuNDU2Wk0xNi41MDAyIDIwQzE2LjUwMDIgMjAgMTUuOTAyOSAyMC43MzAyIDE1LjI5MjMgMjEuNzU3MkMxNC42NTQgMjIuODMwOSAxNC4wMDEzIDI0LjIyOSAxNC4wMDE3IDI1LjQ1NkMxNC4wMDIxIDI2Ljg2MjIgMTUuMTIxOCAyOC4wMDIxIDE2LjUwMjcgMjguMDAyMUMxNy44ODM1IDI4LjAwMjEgMTkuMDAyNSAyNi44NjIyIDE5LjAwMjEgMjUuNDU2QzE5LjAwMTggMjQuMzM3OSAxOC4zMTggMjIuODk3NyAxNy42NjU1IDIxLjc3NzhDMTcuMDY5OSAyMC43NTU0IDE2LjUwMDIgMjAgMTYuNTAwMiAyMFoiIGZpbGw9IiMzNDMzNDgiLz4KPC9zdmc+Cg==')
}

.WeatherModule-logo {
  background-position: 100%;
  border-left: 1px solid var(--neutralColor2);
  height: 20px;
  padding-left: 8px;
  width: 31px
}

@media only screen and (min-width: 1024px) {
  .WeatherModule {
      font-size:1.4rem
  }
}

.ArticlePage-headline {
  color: var(--supportingColor2);
  font-size: 2.1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 10px;
  text-transform: uppercase
}

.ArticlePage-subHeadline {
  color: var(--supportingColor1);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 20px
}

.ArticlePage-articleBody .cms-textAlign-center,.ArticlePage-articleBody [data-align-center] {
  text-align: center
}

.ArticlePage-articleBody .cms-textAlign-right,.ArticlePage-articleBody [data-align-right] {
  text-align: right
}

.ArticlePage-articleBody [data-align-left] {
  text-align: left
}

.ArticlePage-articleBody:after {
  clear: both;
  content: "";
  display: table
}

.ArticlePage-articleBody p,.ArticlePage-articleBody p>ol,.ArticlePage-articleBody p>ul,.ArticlePage-articleBody>ol,.ArticlePage-articleBody>ul {
  line-height: 27px
}

.ArticlePage-articleBody p a,.ArticlePage-articleBody p>ol a,.ArticlePage-articleBody p>ul a,.ArticlePage-articleBody>ol a,.ArticlePage-articleBody>ul a {
  color: var(--hyperlinkTextColor);
  text-decoration: none
}

.ArticlePage-articleBody p a:hover,.ArticlePage-articleBody p>ol a:hover,.ArticlePage-articleBody p>ul a:hover,.ArticlePage-articleBody>ol a:hover,.ArticlePage-articleBody>ul a:hover {
  text-decoration: none
}

.ArticlePage-articleBody p>ul,.ArticlePage-articleBody p>ul li>ul,.ArticlePage-articleBody>ul,.ArticlePage-articleBody>ul li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.ArticlePage-articleBody p>ul li>ol,.ArticlePage-articleBody>ul li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.ArticlePage-articleBody p>ul b,.ArticlePage-articleBody p>ul strong,.ArticlePage-articleBody>ul b,.ArticlePage-articleBody>ul strong {
  color: var(--primaryColor1)
}

.ArticlePage-articleBody p>ol,.ArticlePage-articleBody>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.ArticlePage-articleBody p>ol li>ul,.ArticlePage-articleBody>ol li>ul {
  list-style: disc;
  margin: 10px 0;
  padding: 0 0 0 20px
}

.ArticlePage-articleBody p>ol li>ol,.ArticlePage-articleBody>ol li>ol {
  margin: 10px 0;
  padding: 0 0 0 20px
}

.ArticlePage-articleBody p>ol b,.ArticlePage-articleBody p>ol strong,.ArticlePage-articleBody>ol b,.ArticlePage-articleBody>ol strong {
  color: var(--primaryColor1)
}

.ArticlePage-articleBody p {
  margin: 0 0 25px
}

.ArticlePage-articleBody p:first-of-type {
  margin-top: 0
}

.ArticlePage-articleBody p:last-of-type {
  margin-bottom: 0
}

.ArticlePage-articleBody p:last-of-type+.Enhancement,.ArticlePage-articleBody p:last-of-type+.EnhancementFullWidth {
  margin-top: 25px
}

.ArticlePage-articleBody h2,.ArticlePage-articleBody h3,.ArticlePage-articleBody h4,.ArticlePage-articleBody h5,.ArticlePage-articleBody h6 {
  color: var(--supportingColor2);
  font-weight: 700;
  margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
  .ArticlePage-articleBody h2,.ArticlePage-articleBody h3,.ArticlePage-articleBody h4,.ArticlePage-articleBody h5,.ArticlePage-articleBody h6 {
      margin-bottom:20px
  }
}

.ArticlePage-articleBody h2 {
  font-size: 2.1rem;
  letter-spacing: .35px;
  line-height: 31px;
  margin-bottom: 15px
}

@media only screen and (min-width: 1024px) {
  .ArticlePage-articleBody h2 {
      font-size:2.4rem
  }
}

.ArticlePage-articleBody h3 {
  font-size: 1.9rem
}

@media only screen and (min-width: 1024px) {
  .ArticlePage-articleBody h3 {
      font-size:2.2rem
  }
}

.ArticlePage-articleBody h4 {
  font-size: 1.7rem
}

@media only screen and (min-width: 1024px) {
  .ArticlePage-articleBody h4 {
      font-size:2rem
  }
}

.ArticlePage-articleBody h5 {
  font-size: 1.6rem
}

.ArticlePage-articleBody h6 {
  font-size: 1.5rem
}

.ArticlePage-articleBody table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 25px;
  width: 100%
}

.ArticlePage-articleBody thead {
  background-color: var(--primaryColor1);
  border-bottom: 10px solid var(--siteBgColor);
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 12px;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .ArticlePage-articleBody thead {
      border-bottom:15px solid var(--siteBgColor);
      font-size: 1.2rem;
      letter-spacing: .6px;
      line-height: 16px
  }
}

@media only screen and (min-width: 1024px) {
  .ArticlePage-articleBody thead {
      border-bottom:30px solid var(--siteBgColor)
  }
}

.ArticlePage-articleBody thead:after {
  background: var(--siteBgColor);
  content: "";
  display: block;
  height: 10px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .ArticlePage-articleBody thead:after {
      height:15px
  }
}

@media only screen and (min-width: 1024px) {
  .ArticlePage-articleBody thead:after {
      height:30px
  }
}

.ArticlePage-articleBody thead th,.ArticlePage-articleBody thead tr {
  height: 40px
}

@media only screen and (min-width: 768px) {
  .ArticlePage-articleBody thead th,.ArticlePage-articleBody thead tr {
      height:48px
  }
}

.ArticlePage-articleBody th:first-of-type {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px
}

.ArticlePage-articleBody th:last-of-type {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px
}

.ArticlePage-articleBody tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 8px
}

.ArticlePage-articleBody tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 8px
}

.ArticlePage-articleBody td,.ArticlePage-articleBody tr {
  padding: 17px 15px
}

.ArticlePage-articleBody td {
  text-align: center
}

.ArticlePage-articleBody tbody tr:nth-child(odd) {
  background: linear-gradient(90deg,hsla(0,0%,98%,0),#f2f2f2);
  background-color: #fff
}

.ArticlePage-articleBody tbody tr:nth-child(2n) {
  background: #fff
}

.ArticlePage-articleBody tbody tr td {
  border-right: 1px solid var(--primaryColor5)
}

.ArticlePage-articleBody tbody tr td:first-of-type {
  border-left: 1px solid var(--primaryColor5)
}

.ArticlePage-articleBody tbody tr:first-of-type td {
  border-top: 1px solid var(--primaryColor5)
}

.ArticlePage-articleBody tbody tr:first-of-type td:first-of-type {
  border-top-left-radius: 8px
}

.ArticlePage-articleBody tbody tr:first-of-type td:last-of-type {
  border-top-right-radius: 8px
}

.ArticlePage-articleBody tbody tr td,.ArticlePage-articleBody tbody tr:last-of-type td {
  border-bottom: 1px solid var(--primaryColor5)
}

.ArticlePage-articleBody tbody td a {
  color: var(--hyperlinkTextColor);
  text-decoration: underline
}

.ArticlePage-articleBody tbody td a:hover {
  text-decoration: none
}

.ArticlePage-articleBody .Figure img {
  margin-bottom: 10px;
  width: 100%
}

.ArticlePage-articleBody .Figure-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

.ArticlePage-articleBody .Figure-caption,.ArticlePage-articleBody .Figure-caption p,.ArticlePage-articleBody .Figure-credit,.ArticlePage-articleBody .Figure-credit p {
  display: inline
}

@media only screen and (min-width: 768px) {
  .ArticlePage-articleBody .Figure img {
      margin-bottom:20px
  }
}

.ArticlePage-articleBody .TweetEmbed twitter-widget {
  width: auto!important
}

.ArticlePage-articleBody .MpsAd-wrapper {
  padding-bottom: 25px
}

@media only screen and (min-width: 1024px) {
  .ArticlePage-articleBody .MpsAd-wrapper {
      padding-bottom:30px
  }
}

.ArticlePage-articleBody p,.ArticlePage-articleBody p>ol,.ArticlePage-articleBody p>ul,.ArticlePage-articleBody>ol,.ArticlePage-articleBody>ul {
  color: var(--supportingColor1);
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 26px
}

.ArticlePage .ActionBar {
  background: #fff;
  border-radius: 27.5px;
  box-shadow: 0 0 19px 0 rgba(0,0,0,.12);
  display: inline-block;
  padding: 10px 22px
}

.ArticlePage .ActionBar-items-item {
  margin-right: 35px
}

.ArticlePage .ActionBar-items-item:last-of-type {
  margin-right: 0
}

.ArticlePage .ActionLink {
  border: 0;
  width: auto
}

.ArticlePage .ActionLink svg {
  fill: #000
}

.ArticlePage .ActionLink[data-social-service=facebook] svg {
  height: 24px;
  width: 10px
}

.ArticlePage .ActionLink[data-social-service=twitter] svg {
  height: 24px;
  width: 24px
}

.ArticlePage .ActionLink[data-social-service=mailto] {
  margin-left: -15px;
  margin-right: -15px
}

.ArticlePage .ActionLink[data-social-service=mailto] svg {
  border: 0;
  flex-shrink: 0;
  height: 46px;
  width: 46px
}

.ArticlePage .ArticleLongform-actions {
  display: none
}

@media only screen and (min-width: 768px) {
  .ArticlePage-headline {
      font-size:2.8rem;
      line-height: 38px
  }

  .ArticlePage-subHeadline {
      font-size: 1.8rem;
      line-height: 28px
  }

  .ArticlePage-articleBody p,.ArticlePage-articleBody p>ol,.ArticlePage-articleBody p>ul,.ArticlePage-articleBody>ol,.ArticlePage-articleBody>ul {
      font-size: 1.8rem;
      letter-spacing: .2px;
      line-height: 28px
  }

  .ArticlePage .Enhancement .HTML5VideoPlayer,.ArticlePage .Enhancement .MpxVideoPlayer,.ArticlePage .EnhancementFullWidth .HTML5VideoPlayer,.ArticlePage .EnhancementFullWidth .MpxVideoPlayer {
      margin-bottom: 30px;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw)
  }
}

@media only screen and (min-width: 1024px) {
  .ArticlePage-headline {
      font-size:3.6rem;
      line-height: 44px
  }

  .ArticlePage-subHeadline {
      margin-bottom: 30px
  }

  .ArticlePage-articleBody p,.ArticlePage-articleBody p>ol,.ArticlePage-articleBody p>ul,.ArticlePage-articleBody>ol,.ArticlePage-articleBody>ul {
      letter-spacing: normal;
      line-height: 30px
  }

  .ArticlePage-articleBody .Enhancement .HTML5VideoPlayer,.ArticlePage-articleBody .Enhancement .MpxVideoPlayer,.ArticlePage-articleBody .EnhancementFullWidth .HTML5VideoPlayer,.ArticlePage-articleBody .EnhancementFullWidth .MpxVideoPlayer {
      margin-left: -20px;
      margin-right: -20px
  }

  .ArticlePage .ArticleLongform-actions {
      display: block;
      top: 35px
  }

  .ArticlePage .ArticlePage-actions {
      display: none
  }

  .ArticlePage-actions {
      border: 0;
      height: 100%;
      left: 20px;
      margin: 0;
      padding: 0 0 94px;
      position: absolute;
      top: 20px
  }

  .ArticlePage .ActionBar {
      left: 0;
      padding: 22px 15px;
      position: sticky;
      top: calc(var(--pageHeaderHeight) + 87px)
  }

  .ArticlePage .ActionBar-items {
      flex-direction: column
  }

  .ArticlePage .ActionBar-items-item {
      margin: 7px 0
  }
}

@media only screen and (min-width: 1440px) {
  .ArticlePage .ArticleLongform-actions {
      left:-115px
  }

  .ArticlePage-articleBody .Enhancement .HTML5VideoPlayer,.ArticlePage-articleBody .Enhancement .MpxVideoPlayer,.ArticlePage-articleBody .EnhancementFullWidth .HTML5VideoPlayer,.ArticlePage-articleBody .EnhancementFullWidth .MpxVideoPlayer {
      margin-left: -84px;
      margin-right: -84px;
      max-width: 817px
  }
}

.ArticleLongform {
  --background: #fff
}

.ArticleLongform .Page-body {
  padding-top: 101px
}

.ArticleLongform-info {
  background: var(--background);
  padding: 40px 20px 20px;
  text-align: center
}

.ArticleLongform-headline {
  font-size: 2.1rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 10px
}

.ArticleLongform-byline {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 21.46px;
  text-transform: uppercase
}

.ArticleLongform-authorName,.ArticleLongform-authors,.ArticleLongform-contributors,.ArticleLongform-dateModified,.ArticleLongform-datePublished {
  display: inline
}

.ArticleLongform-authors span {
  font-weight: 600
}

.ArticleLongform-lead-credit {
  color: var(--supportingColor3);
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 19px;
  margin: 10px 20px 20px;
  min-height: 20px;
  position: relative;
  text-align: center
}

.ArticleLongform-lead .simple-parallax-initialized img {
  opacity: 1
}

.ArticleLongform-lead img {
  opacity: 0;
  transition: opacity .3s
}

.ArticleLongform-bodyContainer {
  background: var(--background);
  padding: 0 15px 30px;
  position: relative
}

.ArticleLongform-articleBody[data-drop-cap] .RichTextArticleBody-body p:first-of-type:first-letter {
  float: left;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 5.8rem;
  font-weight: 900;
  letter-spacing: -.72px;
  line-height: 79px;
  margin-bottom: -12px;
  margin-right: 12px;
  margin-top: -14px
}

@-moz-document url-prefix() {
  .ArticleLongform-articleBody[data-drop-cap] .RichTextArticleBody-body p:first-of-type:first-letter {
      margin: 0
  }
}

.ArticleLongform-articleBody .Enhancement .Quote,.ArticleLongform-articleBody .EnhancementFullWidth .Quote {
  margin: 35px 0;
  padding: 0 10px
}

.ArticleLongform-articleBody .Enhancement .Quote blockquote,.ArticleLongform-articleBody .EnhancementFullWidth .Quote blockquote {
  color: var(--supportingColor9);
  font-family: Whitman;
  font-size: 2.8rem;
  font-style: italic;
  letter-spacing: 0;
  line-height: 34px;
  text-align: center
}

.ArticleLongform-articleBody .Enhancement .Quote:before,.ArticleLongform-articleBody .EnhancementFullWidth .Quote:before {
  display: none
}

.ArticleLongform-articleBody .Enhancement .Carousel,.ArticleLongform-articleBody .EnhancementFullWidth .Carousel {
  margin-left: 0;
  margin-right: 0
}

.ArticleLongform-articleBody .RichTextBody p,.ArticleLongform-articleBody .RichTextBody p>ol,.ArticleLongform-articleBody .RichTextBody p>ul,.ArticleLongform-articleBody .RichTextBody>ol,.ArticleLongform-articleBody .RichTextBody>ul {
  font-size: 1.6rem;
  letter-spacing: -.18px;
  line-height: 27px
}

.ArticleLongform-actions {
  border-top: 1px solid var(--primaryColor5);
  margin-top: 30px;
  padding-top: 20px
}

.ArticleLongform-actions-title {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 17px;
  margin-bottom: 15px;
  text-transform: uppercase
}

.ArticleLongform .ActionBar {
  background: #fff;
  border-radius: 27.5px;
  box-shadow: 0 0 19px 0 rgba(0,0,0,.12);
  display: inline-block;
  padding: 10px 22px
}

.ArticleLongform .ActionBar-items-item {
  margin-right: 35px
}

.ArticleLongform .ActionBar-items-item:last-of-type {
  margin-right: 0
}

.ArticleLongform .ActionLink {
  border: 0;
  width: auto
}

.ArticleLongform .ActionLink svg {
  fill: #000
}

.ArticleLongform .ActionLink[data-social-service=facebook] svg {
  height: 24px;
  width: 10px
}

.ArticleLongform .ActionLink[data-social-service=twitter] svg {
  height: 24px;
  width: 24px
}

.ArticleLongform .ActionLink[data-social-service=mailto] {
  margin-left: -15px;
  margin-right: -15px
}

.ArticleLongform .ActionLink[data-social-service=mailto] svg {
  border: 0;
  flex-shrink: 0;
  height: 46px;
  width: 46px
}

.ArticleLongform .Page-below .List3Column {
  padding-top: 0
}

.ArticleLongform-upNext {
  background: #fff;
  border: 1px solid var(--supportingColor5);
  border-radius: 8px 0 0 8px;
  bottom: 20%;
  padding: 10px 15px 15px;
  position: fixed;
  right: 0;
  right: -700px;
  transition: transform .2s cubic-bezier(.4,0,.2,1);
  width: 348px;
  z-index: 99
}

.ArticleLongform-upNext[data-visible] {
  transform: translateX(-700px)
}

@media only screen and (min-width: 768px) {
  .ArticleLongform-upNext {
      min-height:177px;
      padding: 15px 20px 20px;
      width: 455px
  }

  .ArticleLongform .Page-body {
      padding-top: 120px
  }

  .ArticleLongform-info {
      padding: 40px 100px
  }

  .ArticleLongform-headline {
      font-size: 2.8rem;
      line-height: 34px
  }

  .ArticleLongform-byline {
      font-size: 1.2rem;
      letter-spacing: .6px;
      line-height: 15px
  }

  .ArticleLongform-bodyContainer {
      background: var(--background);
      padding: 87px 20px 30px;
      position: relative
  }

  .ArticleLongform-lead-credit {
      margin: 0;
      min-height: auto;
      position: absolute;
      right: 20px;
      text-align: right;
      top: 10px
  }

  .ArticleLongform-articleBody[data-drop-cap] .RichTextArticleBody-body p:first-of-type:first-letter {
      float: left;
          font-size: 10rem;
      font-weight: 700;
      letter-spacing: -1.25px;
      line-height: 148px;
      margin-bottom: -40px;
      margin-right: 15px;
      margin-top: -30px
  }
}

@media only screen and (min-width: 768px) {
  @-moz-document url-prefix() {
      .ArticleLongform-articleBody[data-drop-cap] .RichTextArticleBody-body p:first-of-type:first-letter {
          margin:0
      }
  }

  .ArticleLongform-articleBody .RichTextBody p,.ArticleLongform-articleBody .RichTextBody p>ol,.ArticleLongform-articleBody .RichTextBody p>ul,.ArticleLongform-articleBody .RichTextBody>ol,.ArticleLongform-articleBody .RichTextBody>ul {
      font-size: 1.8rem;
      letter-spacing: -.2px;
      line-height: 27px
  }
}

@media only screen and (min-width: 1024px) {
  .ArticleLongform-info {
      margin:auto;
      padding: 50px 0;
      width: 620px
  }

  .ArticleLongform-headline {
      font-size: 3.6rem;
      line-height: 44px;
      margin-bottom: 15px
  }

  .ArticleLongform-byline {
      font-size: 1.4rem;
      letter-spacing: .6px;
      line-height: 17px
  }

  .ArticleLongform-lead-credit {
      right: 20px
  }

  .ArticleLongform-bodyContainer {
      max-width: 1440px;
      padding: 94px 0 64px
  }

  .ArticleLongform-articleBody {
      margin: auto;
      width: 620px
  }

  .ArticleLongform-articleBody .Enhancement .Figure,.ArticleLongform-articleBody .EnhancementFullWidth .Figure {
      margin-left: -116px;
      margin-right: -116px
  }

  .ArticleLongform-articleBody .Enhancement .MpxVideoPlayer,.ArticleLongform-articleBody .EnhancementFullWidth .MpxVideoPlayer {
      margin-bottom: 30px
  }

  .ArticleLongform-articleBody .Enhancement .Quote:before,.ArticleLongform-articleBody .EnhancementFullWidth .Quote:before {
      display: none
  }

  .ArticleLongform-articleBody .Enhancement .Quote blockquote,.ArticleLongform-articleBody .EnhancementFullWidth .Quote blockquote {
      font-size: 3.6rem;
      line-height: 44px;
      margin-left: -116px;
      margin-right: -116px
  }

  .ArticleLongform-articleBody .EnhancementFullWidth[data-align-center] .MpxVideoPlayer,.ArticleLongform-articleBody .Enhancement[data-align-center] .MpxVideoPlayer {
      margin-bottom: 30px
  }

  .ArticleLongform-articleBody .EnhancementFullWidth[data-align-center] .MpxVideoPlayer-screen,.ArticleLongform-articleBody .Enhancement[data-align-center] .MpxVideoPlayer-screen {
      margin-left: -116px;
      margin-right: -116px;
      padding-top: 77.2%
  }

  .ArticleLongform-articleBody .EnhancementFullWidth[data-align-right] .Figure,.ArticleLongform-articleBody .Enhancement[data-align-right] .Figure {
      margin-left: auto;
      margin-right: -58px
  }

  .ArticleLongform-articleBody .EnhancementFullWidth[data-align-right] .Quote-attribution,.ArticleLongform-articleBody .Enhancement[data-align-right] .Quote-attribution {
      margin-right: -116px
  }

  .ArticleLongform-articleBody .EnhancementFullWidth[data-align-right] .Quote blockquote,.ArticleLongform-articleBody .Enhancement[data-align-right] .Quote blockquote {
      margin-left: auto;
      margin-right: -116px;
      text-align: right
  }

  .ArticleLongform-articleBody .EnhancementFullWidth[data-align-left] .Figure,.ArticleLongform-articleBody .Enhancement[data-align-left] .Figure {
      margin-left: -58px;
      margin-right: auto
  }

  .ArticleLongform-articleBody .EnhancementFullWidth[data-align-left] .Quote-attribution,.ArticleLongform-articleBody .Enhancement[data-align-left] .Quote-attribution {
      margin-left: -116px;
      text-align: left
  }

  .ArticleLongform-articleBody .EnhancementFullWidth[data-align-left] .Quote blockquote,.ArticleLongform-articleBody .Enhancement[data-align-left] .Quote blockquote {
      margin-left: -116px;
      margin-right: auto;
      text-align: left
  }

  .ArticleLongform-actions {
      border: 0;
      height: 100%;
      left: 20px;
      margin: 0;
      padding: 0 0 94px;
      position: absolute;
      top: 94px
  }

  .ArticleLongform-actions-title {
      display: none
  }

  .ArticleLongform .ActionBar {
      left: 0;
      padding: 22px 15px;
      position: sticky;
      top: calc(var(--pageHeaderHeight) + 87px)
  }

  .ArticleLongform .ActionBar-items {
      flex-direction: column
  }

  .ArticleLongform .ActionBar-items-item {
      margin: 7px 0
  }

  .ArticleLongform .Page-below .List3Column {
      padding-top: 30px
  }
}

@media only screen and (min-width: 1240px) {
  .ArticleLongform-actions {
      left:100px
  }

  .ArticleLongform-lead-credit {
      right: 100px
  }
}

@media only screen and (min-width: 1440px) {
  .ArticleLongform-lead {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      position: relative;
      right: 50%;
      width: 100vw
  }

  .ArticleLongform-lead img {
      margin: auto
  }
}

.GalleryPage {
  background: #fff
}

.GalleryPage-main-content {
  margin: auto;
  max-width: 1104px;
  padding: 15px 0
}

.GalleryPage-headline {
  color: var(--supportingColor2);
  font-size: 2.1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase
}

.GalleryPage-slides {
  display: block;
  max-height: 800px;
  position: relative
}

.GalleryPage-slides .flickity-prev-next-button {
  align-items: center;
  background-color: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0;
  top: 107px;
  transform: translateY(-30%);
  width: 30px
}

.GalleryPage-slides .flickity-prev-next-button.previous {
  left: 15px
}

.GalleryPage-slides .flickity-prev-next-button.next {
  right: 15px
}

.GalleryPage-slides .flickity-button-icon {
  color: #000;
  left: auto;
  top: auto;
  width: 9px
}

@media only screen and (min-width: 768px) {
  .GalleryPage-slides .flickity-prev-next-button.previous {
      left:-57px
  }

  .GalleryPage-slides .flickity-prev-next-button.next {
      right: -57px
  }
}

@media only screen and (min-width: 1024px) {
  .GalleryPage-slides .flickity-prev-next-button {
      top:40%;
      transform: translateY(-40%)
  }
}

@media only screen and (min-width: 1240px) {
  .GalleryPage-slides .flickity-prev-next-button.previous {
      left:-94px
  }

  .GalleryPage-slides .flickity-prev-next-button.next {
      right: -94px
  }
}

.GalleryPage-ad {
  background: var(--primaryColor6);
  border-radius: 6px;
  height: 0;
  margin-bottom: 25px;
  max-height: 621px;
  max-width: 1104px;
  overflow: hidden;
  padding-bottom: 66.66%;
  position: relative
}

.GalleryPage-ad .MpsAd-wrapper {
  left: 0;
  padding-bottom: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.GalleryPage-actions {
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px
}

@media only screen and (min-width: 768px) {
  .GalleryPage-main-content {
      padding-left:78px;
      padding-right: 78px
  }

  .GalleryPage-headline {
      padding: 0
  }

  .GalleryPage-actions {
      margin-bottom: 25px;
      margin-left: -50px;
      margin-right: -50px;
      padding-left: 50px
  }

  .GalleryPage-slides {
      margin-left: 0;
      margin-right: 0
  }

  .GalleryPage-slides .flickity-viewport {
      z-index: 2
  }

  .GalleryPage-slides .flickity-prev-next-button {
      height: 100px;
      top: 152px;
      width: 100px;
      z-index: 1
  }

  .GalleryPage-slides .flickity-prev-next-button.previous {
      left: -50px
  }

  .GalleryPage-slides .flickity-prev-next-button.previous .flickity-button-icon {
      left: 25px
  }

  .GalleryPage-slides .flickity-prev-next-button.next {
      right: -50px
  }

  .GalleryPage-slides .flickity-prev-next-button.next .flickity-button-icon {
      right: 25px
  }

  .GalleryPage-slides .flickity-button-icon {
      width: 15px
  }

  .GalleryPage .Page-body-headerIframe {
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw)
  }
}

@media only screen and (min-width: 1024px) {
  .GalleryPage-headline {
      font-size:2.8rem;
      line-height: 36px
  }

  .GalleryPage-slides .flickity-prev-next-button {
      height: 127px;
      top: 227px;
      width: 127px
  }

  .GalleryPage-slides .flickity-prev-next-button.previous {
      left: -63.5px
  }

  .GalleryPage-slides .flickity-prev-next-button.previous .flickity-button-icon {
      left: 31.75px
  }

  .GalleryPage-slides .flickity-prev-next-button.next {
      right: -63.5px
  }

  .GalleryPage-slides .flickity-prev-next-button.next .flickity-button-icon {
      right: 31.75px
  }

  .GalleryPage-slides .flickity-button-icon {
      width: 18px
  }

  .GalleryPage-actions {
      margin-left: -62px;
      margin-right: -62px;
      padding-left: 62px
  }
}

@media only screen and (min-width: 1240px) {
  .GalleryPage-main-content {
      padding-left:0;
      padding-right: 0
  }

  .GalleryPage-slides .flickity-prev-next-button {
      top: 299px
  }
}

.GallerySlide-media {
  background: var(--primaryColor6);
  height: 0;
  margin-bottom: 25px;
  max-height: 621px;
  max-width: 1104px;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative
}

.GallerySlide-media img {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  right: 0;
  top: 0
}

.GallerySlide-content {
  min-height: 25px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative
}

.GallerySlide-count {
  background: var(--primaryColor1);
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: 700;
  height: 25px;
  letter-spacing: -.3px;
  line-height: 13px;
  margin-bottom: 10px;
  padding: 6px 10px;
  position: absolute;
  right: 15px;
  top: -10px
}

.GallerySlide-text {
  color: var(--primaryColor4);
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 27px;
  margin-bottom: 20px;
  padding-top: 25px;
  position: relative;
  width: 100%
}

.GallerySlide-date {
  color: var(--supportingColor1);
  font-weight: 600
}

.GallerySlide-credit {
  color: var(--supportingColor1);
  font-size: 1.4rem;
  font-style: italic
}

@media only screen and (min-width: 768px) {
  .GallerySlide-media {
      border-radius:8px;
      margin-bottom: 15px
  }

  .GallerySlide-content {
      display: flex;
      justify-content: space-between;
      padding-left: 0;
      padding-right: 0
  }

  .GallerySlide-count {
      order: 2;
      right: 0;
      top: 0
  }

  .GallerySlide-text {
      order: 1;
      padding-top: 0;
      width: 65%
  }
}

@media only screen and (min-width: 1240px) {
  .GallerySlide-text {
      max-width:670px
  }
}

.SearchFilter:after,.SearchSorter:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  content: "";
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 15.5px;
  top: 50%;
  transform: translateY(-50%);
  width: 0
}

.SearchFilter-select,.SearchSorter-select {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  color: #000;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  padding: 13.5px 31px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .SearchFilter-select,.SearchSorter-select {
      padding-left:15.5px
  }
}

@media only screen and (min-width: 1024px) {
  .SearchFilter-select,.SearchSorter-select {
      background:#fff;
      color: var(--primaryColor4);
      margin: 0
  }
}

.SearchFilter,.SearchInput,.SearchSorter,.dropdownMenu {
  align-self: start;
  background-color: #fff;
  color: #000;
  flex-shrink: 0;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  position: relative
}

.SearchFilter .triangle,.SearchInput .triangle,.SearchSorter .triangle,.dropdownMenu .triangle {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  height: 0;
  width: 0
}

.SearchFilter[data-toggle-in=dropdown-items] [class$=-dropdown],.SearchInput[data-toggle-in=dropdown-items] [class$=-dropdown],.SearchSorter[data-toggle-in=dropdown-items] [class$=-dropdown],.dropdownMenu[data-toggle-in=dropdown-items] [class$=-dropdown] {
  display: block
}

.SearchFilter[data-toggle-in=dropdown-items] .triangle,.SearchInput[data-toggle-in=dropdown-items] .triangle,.SearchSorter[data-toggle-in=dropdown-items] .triangle,.dropdownMenu[data-toggle-in=dropdown-items] .triangle {
  border: 5px solid transparent;
  border-bottom-color: #000;
  height: 0;
  width: 0
}

.SearchFilter-heading,.SearchInput-heading,.SearchSorter-heading,.dropdownMenu-heading {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: #000;
  cursor: pointer;
  display: flex;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  height: 100%;
  justify-content: space-between;
  padding: 13.5px 15.5px 13.5px 31px;
  width: 100%
}

.SearchFilter-dropdown,.SearchInput-dropdown,.SearchSorter-dropdown,.dropdownMenu-dropdown {
  display: none;
  padding: 0 10px;
  vertical-align: top;
  z-index: 20
}

.SearchFilter-dropdown li,.SearchInput-dropdown li,.SearchSorter-dropdown li,.dropdownMenu-dropdown li {
  padding: 7px 45px
}

.SearchFilter-dropdown li .CheckboxInput-label,.SearchInput-dropdown li .CheckboxInput-label,.SearchSorter-dropdown li .CheckboxInput-label,.dropdownMenu-dropdown li .CheckboxInput-label {
  color: var(--primaryColor4);
  cursor: pointer
}

@media only screen and (min-width: 768px) {
  .SearchFilter,.SearchInput,.SearchSorter,.dropdownMenu {
      width:100%
  }

  .SearchFilter-dropdown,.SearchInput-dropdown,.SearchSorter-dropdown,.dropdownMenu-dropdown {
      padding: 0
  }

  .SearchFilter-dropdown li,.SearchInput-dropdown li,.SearchSorter-dropdown li,.dropdownMenu-dropdown li {
      padding: 7px 15px 7px 30px
  }

  .SearchFilter-heading,.SearchInput-heading,.SearchSorter-heading,.dropdownMenu-heading {
      padding: 13px 15.5px
  }
}

@media only screen and (min-width: 1024px) {
  .SearchFilter,.SearchInput,.SearchSorter,.dropdownMenu {
      border:1px solid var(--primaryColor5);
      border-radius: 5px;
      height: 47px;
      margin-right: 10px;
      width: 156px
  }

  .SearchFilter[data-sort],.SearchInput[data-sort],.SearchSorter[data-sort],.dropdownMenu[data-sort] {
      margin-right: 0
  }

  .SearchFilter-select,.SearchInput-select,.SearchSorter-select,.dropdownMenu-select {
      padding-left: 13.5px
  }

  .SearchFilter-heading,.SearchInput-heading,.SearchSorter-heading,.dropdownMenu-heading {
      color: var(--primaryColor4)
  }

  .SearchFilter-dropdown,.SearchInput-dropdown,.SearchSorter-dropdown,.dropdownMenu-dropdown {
      background: #fff;
      border: 1px solid var(--primaryColor5);
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-top: 0;
      position: relative;
      top: -3px
  }
}

.SearchInput {
  align-items: center;
  border-bottom: 1px solid var(--primaryColor5);
  color: var(--supportingColor1);
  display: none;
  left: 16px;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 38px;
  width: auto
}

[data-filters-open=true] .SearchInput {
  display: block
}

.SearchInput .icon-magnify {
  height: 13px;
  position: absolute;
  right: 13.5px;
  top: 16px;
  width: 13px
}

.SearchInput .awesomplete {
  margin-right: 8px;
  width: 100%
}

.SearchInput .awesomplete ul {
  background-color: #fff;
  border: 0;
  border-radius: 0;
  max-height: 800px;
  overflow-y: auto;
  top: 40px;
  z-index: 101
}

.SearchInput .awesomplete ul li {
  padding: 7px 40px;
  white-space: nowrap
}

.SearchInput [data-input-checkboxes] {
  display: none
}

.SearchInput-heading {
  align-items: center;
  display: flex;
  margin: 0 8px 0 0;
  padding: 0
}

.SearchInput-textField {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  color: var(--primaryColor4);
  font-size: 1.6rem;
  line-height: 18px;
  padding: 13.5px 15.5px;
  width: 100%
}

@media only screen and (min-width: 768px) {
  .SearchInput {
      border:1px solid var(--primaryColor5);
      border-radius: 5px;
      display: inline-block;
      flex-grow: 1;
      height: auto;
      left: auto;
      margin-right: 10px;
      min-width: 564px;
      position: relative;
      right: auto;
      top: auto
  }
}

@media only screen and (min-width: 1024px) {
  .SearchInput {
      flex-grow:0;
      flex-shrink: 1;
      max-width: 741px;
      min-width: auto;
      width: 100%
  }
}

.SearchFilterInput {
  left: -20px;
  position: relative
}

.SearchFilterInput .CheckboxInput-label {
  display: flex
}

.SearchFilterInput .CheckboxInput-label span {
  line-height: 18px;
  margin-left: 7px
}

.SearchSorterInput {
  left: -20px;
  position: relative
}

.SearchModule {
  background: var(--primaryColor6);
  display: block;
  padding: 20px 15px
}

.SearchModule-count {
  color: var(--primaryColor4);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 21px;
  margin-bottom: 10px
}

.SearchModule-count span {
  font-weight: 900
}

.SearchModule .filter {
  height: 15px;
  margin-left: 6px;
  vertical-align: initial;
  width: 15px
}

.SearchModule .loading-icon {
  margin: 0 auto 25px
}

.SearchModule-filters {
  display: block;
  position: relative
}

.SearchModule-filters-apply {
  border-top: 1px solid var(--primaryColor3);
  padding: 5px 0
}

.SearchModule-filters-applyButton {
  display: block;
  margin: 15px auto 20px
}

.SearchModule-filters-close {
  position: absolute;
  right: 10px;
  top: 10px
}

.SearchModule-filters-close svg {
  fill: #000;
  height: 15px;
  width: 15px
}

.SearchModule-filters-open {
  align-items: center;
  background-color: #fff;
  border: 1px solid var(--primaryColor5);
  border-radius: 5px;
  color: #000;
  cursor: pointer;
  display: flex;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  height: 47px;
  justify-content: space-between;
  line-height: 17px;
  margin: 0 0 20px;
  padding: 13.5px 15.5px;
  width: 100%
}

.SearchModule-filters-open .triangle {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  height: 0;
  width: 0
}

[data-filters-open=true] .SearchModule-filters-open {
  padding-bottom: 64px
}

[data-filters-open=true] .SearchModule-filters-open .triangle {
  border: 5px solid transparent;
  border-bottom-color: #000;
  height: 0;
  width: 0
}

.SearchModule-filters-overlay {
  border: 1px solid var(--primaryColor5);
  border-radius: 5px;
  border-top: 0;
  bottom: 0;
  display: none;
  left: 0;
  padding: 0;
  position: relative;
  right: 0;
  top: -21px;
  z-index: 100
}

.SearchModule-filters-overlay[data-filters-open=true] {
  background: #fff;
  display: block
}

.SearchModule-filters-selected {
  height: 0;
  overflow: hidden;
  padding: 1px 0 0
}

.SearchModule-filters-selected[data-showing] {
  display: block;
  height: auto;
  padding: 10px
}

.SearchModule-filters-selected-heading {
  display: flex;
  justify-content: space-between
}

.SearchModule-filters-selected-content {
  margin-top: 15px
}

.SearchModule-filters-selected-filter {
  display: inline-block
}

.SearchModule-filters-selected-filter .close-x {
  fill: #000;
  height: 16px;
  width: 16px
}

.SearchModule-filters-selected-filter:last-of-type {
  margin-bottom: 0
}

.SearchModule-filters-selected-title {
  margin-bottom: 10px
}

.SearchModule-filters-title {
  padding: 0 10px 5px
}

.SearchModule-wrapper {
  background-color: #fff
}

.SearchModule-currentFilters {
  background-color: #fff;
  color: #000;
  display: none;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  padding: 13.5px 15.5px
}

.SearchModule-currentFilters[data-showing=true] {
  display: block
}

.SearchModule-currentFilters-label {
  color: #000;
  display: inline;
  margin-right: 10px
}

.SearchModule-currentFilters-link {
  align-items: center;
  background: var(--supportingColor1);
  color: #fff;
  display: flex;
  margin: 0 10px 10px 0;
  padding: 2px 5px
}

.SearchModule-currentFilters-link .close-x {
  fill: #d8d7d3;
  height: 11px;
  margin-left: 5px;
  width: 11px
}

.SearchModule-currentFilters-link:after {
  content: ""
}

.SearchModule-currentFilters-clearAll {
  color: var(--primaryColor4);
  display: inline-block
}

.SearchModule-noResults {
  color: var(--supportingColor1);
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .05em;
  line-height: 1.17647;
  padding: 25px 0;
  text-transform: uppercase
}

@media only screen and (min-width: 768px) {
  .SearchModule {
      padding:30px 20px;
      position: relative
  }

  .SearchModule-currentFilters,.SearchModule-currentFilters[data-showing=true] {
      display: none
  }

  .SearchModule-filters-outerWrap {
      display: flex
  }

  .SearchModule-filters-open,.SearchModule-filtersToggle {
      width: 152px
  }

  .SearchModule-filters-open {
      color: var(--primaryColor4)
  }

  [data-filters-open=true] .SearchModule-filters-open {
      padding-bottom: 13.5px
  }

  .SearchModule-filters-overlay[data-filters-open=true] {
      bottom: auto;
      left: auto;
      position: absolute;
      right: 0;
      top: 46px;
      width: 152px
  }

  .SearchModule-filters-applyButton {
      display: none
  }

  .SearchModule-noResults {
      font-size: 50px;
      line-height: 1.6
  }
}

@media only screen and (min-width: 1024px) {
  .SearchModule {
      padding:30px 100px;
      position: relative
  }

  .SearchModule-wrapper {
      background: transparent
  }

  .SearchModule-filtersToggle {
      display: none;
      height: 0;
      margin: 0;
      padding: 0;
      width: 0
  }

  .SearchModule-filters-overlay,.SearchModule-filters-overlay[data-filters-open=true] {
      border: 0;
      bottom: auto;
      display: block;
      left: auto;
      padding: 0;
      position: relative;
      right: auto;
      top: auto;
      z-index: 2
  }

  .SearchModule-filters-overlay[data-filters-open=true] {
      background: transparent;
      width: auto
  }

  .SearchModule-filters-title {
      padding: 0 0 10px
  }

  .SearchModule-filters-outerWrap {
      margin-bottom: 30px
  }

  .SearchModule-filters-content {
      display: flex
  }

  .SearchModule-wrapper {
      display: flex;
      justify-content: space-between
  }

  .SearchModule-filters-apply,.SearchModule-filters-applyButton {
      display: none
  }

  .SearchModule .SearchInput {
      margin-right: 20px
  }
}

.SearchSorter-items {
  color: var(--primaryColor4);
  left: auto;
  right: 0
}

.SearchSorter-items li {
  position: relative
}

.SearchSorter-items [data-disabled] {
  opacity: .6;
  pointer-events: none
}

.SearchSorter-items [data-selected] a:before {
  border-bottom: 3px solid var(--primaryColor1);
  border-right: 3px solid var(--primaryColor1);
  content: "";
  height: 13px;
  left: 25px;
  position: absolute;
  top: 6px;
  transform: rotate(37deg);
  width: 5px
}

@media only screen and (min-width: 768px) {
  .SearchSorter-items [data-selected] a:before {
      left:13.5px
  }
}

@media only screen and (min-width: 1024px) {
  .SearchSorter {
      margin-right:0
  }
}

.triangle_down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  height: 0;
  width: 0
}

.triangle_up {
  border: 5px solid transparent;
  border-bottom-color: #000;
  height: 0;
  width: 0
}

.SearchModule .chevron,.paginate .chevron {
  height: 15px;
  margin-left: 3px;
  width: 15px
}

.SearchModule-pagination,.paginate-pagination {
  align-items: center;
  background-color: #fff;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--primaryColor5);
  border-top-style: solid;
  border-top-width: 1px;
  color: #656570;
  display: flex;
  font-family: Nunito Sans,Arial,Helvetica,sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  height: 46px;
  justify-content: center;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 54px;
  position: relative
}

.SearchModule-nextPage,.SearchModule-previousPage,.paginate-nextPage,.paginate-previousPage {
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.SearchModule-nextPage [data-page-input],.SearchModule-previousPage [data-page-input],.paginate-nextPage [data-page-input],.paginate-previousPage [data-page-input] {
  display: none
}

.SearchModule-nextPage-text,.SearchModule-previousPage-text,.paginate-nextPage-text,.paginate-previousPage-text {
  pointer-events: none
}

.SearchModule-nextPage a,.SearchModule-previousPage a,.paginate-nextPage a,.paginate-previousPage a {
  align-items: center;
  color: #000;
  display: flex;
  flex-direction: row
}

[data-inactive] .SearchModule-nextPage a,[data-inactive] .SearchModule-previousPage a,[data-inactive] .paginate-nextPage a,[data-inactive] .paginate-previousPage a {
  color: var(--supportingColor8)
}

.SearchModule-nextPage,.paginate-nextPage {
  right: 10px
}

.SearchModule-previousPage,.paginate-previousPage {
  left: 10px
}

.SearchModule-previousPage .chevron,.paginate-previousPage .chevron {
  margin-left: 0;
  margin-right: 3px;
  transform: rotate(180deg)
}

.SearchModule .pagination-item,.paginate .pagination-item {
  display: inline-block;
  margin: 0 10px
}

.SearchModule .pagination-item .Link,.SearchModule .pagination-item [data-selected],.paginate .pagination-item .Link,.paginate .pagination-item [data-selected] {
  display: block
}

.SearchModule .pagination-item [data-selected],.paginate .pagination-item [data-selected] {
  background-color: var(--primaryColor1);
  border-radius: 4px;
  color: #fff;
  padding: 3px 8px
}

.SearchModule .pagination-item [data-page-input],.paginate .pagination-item [data-page-input] {
  display: none
}

@media only screen and (min-width: 768px) {
  .SearchModule-pagination,.paginate-pagination {
      border:1px solid var(--primaryColor5);
      border-radius: 8px;
      margin-left: auto;
      margin-right: auto;
      width: 528px
  }
}

@media only screen and (min-width: 1440px) {
  .SearchModule,.paginate {
      left:50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-left: var(--gutterCalc1240);
      padding-right: var(--gutterCalc1240);
      position: relative;
      right: 50%;
      width: 100vw
  }
}

.SearchPage-lead {
  background: #fff;
  height: 66px;
  padding: 0
}

.SearchPage-lead-content {
  display: none
}

@media only screen and (min-width: 768px) {
  .SearchPage-lead {
      height:86px
  }
}