.loyalty-modal-content__loading{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center}.loyalty-modal-content__loading--label-leading{text-align:inherit;align-items:flex-start}.loyalty-modal-content__loading__text,.loyalty-modal-content__loading__text--fade-out{opacity:0}.loyalty-modal-content__loading__text{max-width:100%;color:#111;font-size:1rem;line-height:1.5;font-weight:700;margin-top:2.5rem;text-align:center;transform:translateY(1.5rem)}.loyalty-modal-content__loading__text--fade-out{transition:transform 100ms cubic-bezier(0.4, 0, 0.4, 1),opacity 100ms cubic-bezier(0.4, 0, 0.4, 1);transform:translateY(-1.5rem)}.loyalty-modal-content__loading__text--fade-in{transition:transform 100ms cubic-bezier(0.4, 0, 0.4, 1),opacity 100ms cubic-bezier(0.4, 0, 0.4, 1);transform:translateY(0);opacity:1}.loyalty-modal-content__loading__ball{display:block;transform-origin:bottom;border-radius:64px;background:#0058a3;height:1rem;width:1rem;transition:opacity 200ms cubic-bezier(0.4, 0, 0.4, 1);animation:loyalty-modal-content__loading-bounce .7s infinite}.loyalty-modal-content__loading__ball--small{height:.25rem;width:.25rem}.loyalty-modal-content__loading__ball--medium{height:.5rem;width:.5rem}.loyalty-modal-content__loading__ball--small,.loyalty-modal-content__loading__ball--medium{transform:translateY(-160%);animation:loyalty-modal-content__loading-bounce-small .7s infinite}.loyalty-modal-content__loading__ball--large{margin-bottom:2rem}.loyalty-modal-content__loading__ball--primary{background:#111}.loyalty-modal-content__loading__ball--secondary{background:#fff}.loyalty-modal-content__loading__ball--secondary+.loyalty-modal-content__loading__text{color:#fff}.loyalty-modal-content__loading__linear-wrapper{position:relative;display:flex;width:100%;height:.3125rem}.loyalty-modal-content__loading__linear-wrapper+.loyalty-modal-content__loading__text{margin-top:1rem}.loyalty-modal-content__loading__sr-only-text,.loyalty-modal-content__loading__linear-label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}.loyalty-modal-content__loading__linear-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%}.loyalty-modal-content__loading__linear-progress::-webkit-progress-bar{border-radius:.375rem;background:#f5f5f5}.loyalty-modal-content__loading__linear-progress::-webkit-progress-value{border-radius:.375rem;background:#0058a3}@media (prefers-reduced-motion: reduce){.loyalty-modal-content__loading .loyalty-modal-content__loading__text{transition:none}.loyalty-modal-content__loading .loyalty-modal-content__loading__ball{transition:none}}@keyframes loyalty-modal-content__loading-bounce-small{0%,100%{transform:translate(0, -160%);animation-timing-function:cubic-bezier(0.42, 0, 1, 1)}40%{transform:translate(0, 20%);animation-timing-function:cubic-bezier(0, 0, 0, 1)}}@keyframes loyalty-modal-content__loading-bounce{0%{transform:translateY(0);animation-timing-function:cubic-bezier(0.42, 0, 1, 1)}40%{transform:translateY(2rem) scaleY(1);animation-timing-function:ease-in}50%{transform:translateY(2rem) scaleY(0.75);animation-timing-function:ease-out}60%{transform:translateY(2rem) scaleY(1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{transform:translateY(0)}}.loyalty-modal-content__loading__ball{margin-top:10vh}

.loyalty-modal-content__dashboard__header-username{color:#ffdb00}

.loyalty-modal-content__link-page__header-title{color:#111;font-size:1.5625rem;line-height:1.36;letter-spacing:-.02625rem;font-weight:700;color:#fff}@media (min-width: 37.5em){.loyalty-modal-content__link-page__header-title{font-size:2.25rem;line-height:1.33333;letter-spacing:-.03938rem}}.loyalty-modal-content__link-page__header-top{padding-top:5.625rem;padding-bottom:2rem}@media (min-width: 37.5em){.loyalty-modal-content__link-page__header-top{padding-top:7.5rem;padding-bottom:2.5rem}}.loyalty-modal-content__link-page__header-bottom{padding-top:1.25rem;padding-bottom:1.25rem;border-top:1px solid rgba(242,242,242,0.2)}.loyalty-modal-content__link-page__header-bottom a{color:#fff;display:flex;align-items:center;text-decoration:none;outline:none;font-weight:bold}.loyalty-modal-content__link-page__header-bottom a:hover,.loyalty-modal-content__link-page__header-bottom a:focus{text-decoration:underline}.loyalty-modal-content__link-page__header-bottom__subtext{flex:1 1}.loyalty-modal-content__link-page__header-bottom__subtext-text{font-size:.75rem;font-weight:normal;padding-right:1rem}.loyalty-modal-content__link-page__header-bottom__subtext-chevron:after{content:'';display:block;width:0.4rem;height:0.4rem;border-right:0.2rem solid #fff;border-top:0.2rem solid #fff;transform:rotate(45deg)}.loyalty-modal-content__link-page__link-list{list-style:none;margin:0;padding:0}.loyalty-modal-content__link-page__link-list li{margin-bottom:1.25rem}.loyalty-modal-content__link-page__link-list li a{color:#111;text-decoration:none}.loyalty-modal-content__link-page__link-list li a:hover,.loyalty-modal-content__link-page__link-list li a:focus{text-decoration:underline;outline:none}

.loyalty-modal__close-button{color:#fff;background-color:transparent}.loyalty-modal__close-button:hover,.loyalty-modal__close-button:focus{color:#111}.loyalty-modal-content__page__header-content{background-color:#0058a3;color:#fff}.loyalty-modal-content__page__body-content,.loyalty-modal-content__page__header-content{padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 37.5em){.loyalty-modal-content__page__body-content,.loyalty-modal-content__page__header-content{padding-left:3rem;padding-right:3rem}}.loyalty-modal-content__page__body-content{padding-top:2rem}@media (min-width: 37.5em){.loyalty-modal-content__page__body-content{padding-top:2.5rem}}

[class*="btn--icon"] .btn__inner {
  padding: 0 1rem;
}

[class*="btn--icon"] .btn__inner .btn__label {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
}

[class*="btn--icon"].btn--small .btn__inner {
  padding: 0 0.5rem;
}

[class*="btn--icon"].btn--small .btn__inner::after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: -0.125rem;
  right: -0.125rem;
  bottom: -0.125rem;
  display: block;
}

[class*="btn--icon"].btn--xsmall .btn__inner {
  padding: 0;
  height: 1.5rem;
}

[class*="btn--icon"].btn--xsmall .btn__inner::after {
  content: "";
  position: absolute;
  top: -0.625rem;
  left: -0.625rem;
  right: -0.625rem;
  bottom: -0.625rem;
  display: block;
}

.btn {
  position: relative;
  font-size: 0.875rem;
  background: none;
  border: 0;
  padding: 0;
  line-height: 1.71429;
  font-weight: bold;
  text-align: center;
  display: inline-flex;
  border-radius: 64px;
  cursor: pointer;
  outline: 0;
}

.btn:hover, .btn:active, .btn:focus {
  text-decoration: none;
}

.btn__label {
  /* stylelint-disable value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.btn .svg-icon {
  flex-shrink: 0;
}

.btn:disabled {
  cursor: default;
}

.btn__inner {
  border-radius: 64px;
  transition-property: opacity, transform, padding;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3.5rem;
  padding: 0 2rem;
  width: 100%;
}

.btn:active:not(:disabled) .btn__inner {
  transform: scale(0.97);
}

.leading-icon .btn__inner {
  padding-left: 1.5rem;
}

.trailing-icon .btn__inner {
  flex-direction: row-reverse;
  padding-right: 1.5rem;
}

.btn--icon-primary .btn__inner, .btn--primary .btn__inner {
  background: #111111;
}

.btn--icon-primary:focus.focus-visible .btn__inner, .btn--icon-primary:hover .btn__inner, .btn--primary:focus.focus-visible .btn__inner, .btn--primary:hover .btn__inner {
  background: #333333;
}

.btn--icon-primary:active .btn__inner, .btn--primary:active .btn__inner {
  background: #111111;
}

.btn--icon-emphasised .btn__inner, .btn--emphasised .btn__inner {
  background: #0058a3;
}

.btn--icon-emphasised:focus.focus-visible .btn__inner, .btn--icon-emphasised:hover .btn__inner, .btn--emphasised:focus.focus-visible .btn__inner, .btn--emphasised:hover .btn__inner {
  background: #004f93;
}

.btn--icon-emphasised:active .btn__inner, .btn--emphasised:active .btn__inner {
  background: #0058a3;
}

.btn--icon-emphasised-inverse:focus.focus-visible .btn__inner, .btn--icon-emphasised-inverse:hover .btn__inner, .btn--icon-primary-inverse:focus.focus-visible .btn__inner, .btn--icon-primary-inverse:hover .btn__inner, .btn--primary-inverse:focus.focus-visible .btn__inner, .btn--primary-inverse:hover .btn__inner, .btn--emphasised-inverse:focus.focus-visible .btn__inner, .btn--emphasised-inverse:hover .btn__inner, .btn--icon-tertiary:focus.focus-visible .btn__inner, .btn--icon-tertiary:hover .btn__inner, .btn--tertiary:focus.focus-visible .btn__inner, .btn--tertiary:hover .btn__inner {
  background: #f5f5f5;
}

.btn--icon-secondary .btn__inner, .btn--secondary .btn__inner {
  border: 1px solid #dfdfdf;
}

.btn--icon-secondary:focus.focus-visible .btn__inner, .btn--icon-secondary:hover .btn__inner, .btn--secondary:focus.focus-visible .btn__inner, .btn--secondary:hover .btn__inner {
  border-color: #929292;
}

.btn--icon-secondary:active .btn__inner, .btn--secondary:active .btn__inner {
  border-color: #111111;
}

.btn--icon-secondary-inverse .btn__inner, .btn--secondary-inverse .btn__inner {
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.btn--icon-secondary-inverse:focus.focus-visible .btn__inner, .btn--icon-secondary-inverse:hover .btn__inner, .btn--secondary-inverse:focus.focus-visible .btn__inner, .btn--secondary-inverse:hover .btn__inner {
  border-color: rgba(255, 255, 255, 0.3);
}

.btn--icon-secondary-inverse:active .btn__inner, .btn--secondary-inverse:active .btn__inner {
  border-color: #ffffff;
}

.btn--icon-emphasised-inverse .btn__inner, .btn--icon-primary-inverse .btn__inner, .btn--primary-inverse .btn__inner, .btn--emphasised-inverse .btn__inner {
  background: #ffffff;
}

.btn--icon-emphasised-inverse:active .btn__inner, .btn--icon-primary-inverse:active .btn__inner, .btn--primary-inverse:active .btn__inner, .btn--emphasised-inverse:active .btn__inner {
  background: #ffffff;
}

.btn--icon-danger .btn__inner, .btn--danger .btn__inner {
  background: #e00751;
}

.btn--icon-danger:focus.focus-visible .btn__inner, .btn--icon-danger:hover .btn__inner, .btn--danger:focus.focus-visible .btn__inner, .btn--danger:hover .btn__inner {
  background: #cc003d;
}

.btn--icon-danger:active .btn__inner, .btn--danger:active .btn__inner {
  background: #b80029;
}

.btn--icon-tertiary:active .btn__inner, .btn--tertiary:active .btn__inner {
  background: #dfdfdf;
}

.btn--icon-tertiary-inverse:focus.focus-visible .btn__inner, .btn--icon-tertiary-inverse:hover .btn__inner, .btn--tertiary-inverse:focus.focus-visible .btn__inner, .btn--tertiary-inverse:hover .btn__inner {
  background: rgba(255, 255, 255, 0.15);
}

.btn--icon-tertiary-inverse:active .btn__inner, .btn--tertiary-inverse:active .btn__inner {
  background: rgba(255, 255, 255, 0.3);
}

.btn--icon-image-overlay, .btn--image-overlay {
  color: #ffffff;
  text-decoration: none;
}

.btn--icon-image-overlay .btn__inner, .btn--image-overlay .btn__inner {
  background: rgba(17, 17, 17, 0.6);
}

.btn--icon-image-overlay:focus.focus-visible .btn__inner, .btn--icon-image-overlay:hover .btn__inner, .btn--image-overlay:focus.focus-visible .btn__inner, .btn--image-overlay:hover .btn__inner {
  background: rgba(17, 17, 17, 0.65);
}

.btn--icon-image-overlay:active .btn__inner, .btn--image-overlay:active .btn__inner {
  background: rgba(17, 17, 17, 0.7);
}

.btn--icon-image-overlay:hover, .btn--icon-image-overlay:active, .btn--icon-image-overlay:focus, .btn--image-overlay:hover, .btn--image-overlay:active, .btn--image-overlay:focus {
  color: #ffffff;
}

.btn--icon-image-overlay:disabled, .btn--image-overlay:disabled {
  color: rgba(255, 255, 255, 0.3);
}

.btn--icon-image-overlay:disabled .btn__inner, .btn--image-overlay:disabled .btn__inner {
  background: rgba(17, 17, 17, 0.6);
}

.btn--icon-secondary, .btn--secondary, .btn--icon-tertiary, .btn--tertiary, .btn--icon-emphasised-inverse, .btn--icon-primary-inverse, .btn--primary-inverse, .btn--emphasised-inverse {
  color: #111111;
  text-decoration: none;
}

.btn--icon-secondary:hover, .btn--icon-secondary:active, .btn--icon-secondary:focus, .btn--secondary:hover, .btn--secondary:active, .btn--secondary:focus, .btn--icon-tertiary:hover, .btn--icon-tertiary:active, .btn--icon-tertiary:focus, .btn--tertiary:hover, .btn--tertiary:active, .btn--tertiary:focus, .btn--icon-emphasised-inverse:hover, .btn--icon-emphasised-inverse:active, .btn--icon-emphasised-inverse:focus, .btn--icon-primary-inverse:hover, .btn--icon-primary-inverse:active, .btn--icon-primary-inverse:focus, .btn--primary-inverse:hover, .btn--primary-inverse:active, .btn--primary-inverse:focus, .btn--emphasised-inverse:hover, .btn--emphasised-inverse:active, .btn--emphasised-inverse:focus {
  color: #111111;
}

.btn--icon-emphasised, .btn--emphasised, .btn--icon-primary, .btn--primary, .btn--icon-danger, .btn--danger, .btn--icon-tertiary-inverse, .btn--tertiary-inverse, .btn--icon-secondary-inverse, .btn--secondary-inverse {
  color: #ffffff;
  text-decoration: none;
}

.btn--icon-emphasised:hover, .btn--icon-emphasised:active, .btn--icon-emphasised:focus, .btn--emphasised:hover, .btn--emphasised:active, .btn--emphasised:focus, .btn--icon-primary:hover, .btn--icon-primary:active, .btn--icon-primary:focus, .btn--primary:hover, .btn--primary:active, .btn--primary:focus, .btn--icon-danger:hover, .btn--icon-danger:active, .btn--icon-danger:focus, .btn--danger:hover, .btn--danger:active, .btn--danger:focus, .btn--icon-tertiary-inverse:hover, .btn--icon-tertiary-inverse:active, .btn--icon-tertiary-inverse:focus, .btn--tertiary-inverse:hover, .btn--tertiary-inverse:active, .btn--tertiary-inverse:focus, .btn--icon-secondary-inverse:hover, .btn--icon-secondary-inverse:active, .btn--icon-secondary-inverse:focus, .btn--secondary-inverse:hover, .btn--secondary-inverse:active, .btn--secondary-inverse:focus {
  color: #ffffff;
}

.btn--icon-emphasised-inverse:disabled .btn__inner, .btn--icon-primary-inverse:disabled .btn__inner, .btn--icon-secondary-inverse:disabled .btn__inner, .btn--emphasised-inverse:disabled .btn__inner, .btn--primary-inverse:disabled .btn__inner, .btn--secondary-inverse:disabled .btn__inner {
  background: rgba(255, 255, 255, 0.15);
}

.btn--icon-secondary:disabled .btn__inner, .btn--secondary:disabled .btn__inner, .btn--secondary-inverse:disabled .btn__inner, .btn--icon-secondary-inverse:disabled .btn__inner {
  border-color: transparent;
}

.btn--icon-emphasised:disabled, .btn--emphasised:disabled, .btn--icon-primary:disabled, .btn--primary:disabled, .btn--icon-danger:disabled, .btn--danger:disabled, .btn--secondary:disabled, .btn--icon-secondary:disabled {
  color: #929292;
}

.btn--icon-emphasised:disabled .btn__inner, .btn--emphasised:disabled .btn__inner, .btn--icon-primary:disabled .btn__inner, .btn--primary:disabled .btn__inner, .btn--icon-danger:disabled .btn__inner, .btn--danger:disabled .btn__inner, .btn--secondary:disabled .btn__inner, .btn--icon-secondary:disabled .btn__inner {
  background: #dfdfdf;
}

.btn--tertiary:disabled .btn__inner, .btn--icon-tertiary:disabled .btn__inner, .btn--tertiary-inverse:disabled .btn__inner, .btn--icon-tertiary-inverse:disabled .btn__inner {
  background: transparent;
}

.btn--tertiary:disabled, .btn--icon-tertiary:disabled {
  color: #dfdfdf;
}

.btn--tertiary-inverse:disabled, .btn--icon-tertiary-inverse:disabled, .btn--icon-secondary-inverse:disabled, .btn--secondary-inverse:disabled, .btn--icon-emphasised-inverse:disabled, .btn--emphasised-inverse:disabled, .btn--icon-primary-inverse:disabled, .btn--primary-inverse:disabled, .btn--icon-secondary-inverse:disabled {
  color: rgba(255, 255, 255, 0.15);
}

.btn .btn__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -160%);
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  background: currentColor;
  border-radius: 64px;
  animation: btn-loader 0.7s infinite;
  opacity: 0;
  visibility: hidden;
  text-indent: -9999px;
  overflow: hidden;
  transition-property: opacity, transform;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}

@keyframes btn-loader {
  0%,
  100% {
    transform: translate(-50%, -160%);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  }
  40% {
    transform: translate(-50%, 20%);
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
}

.btn--loading {
  pointer-events: none;
}

.btn--loading .btn__loader {
  opacity: 1;
  visibility: visible;
}

.btn--loading .svg-icon,
.btn--loading .btn__label {
  transform: translateY(50%);
  opacity: 0;
  visibility: hidden;
}

.btn--small {
  font-size: 0.75rem;
  line-height: 1.33333;
}

.btn--small .btn__inner {
  height: 2.5rem;
  padding: 0 1.5rem;
}

.btn--small.leading-icon .btn__inner {
  padding-left: 1rem;
}

.btn--small.trailing-icon .btn__inner {
  padding-right: 1rem;
}

.btn--expanding.leading-icon .btn__inner,
.btn--expanding.trailing-icon .btn__inner,
.btn--expanding .btn__inner {
  padding: 0 1rem;
}

.btn--expanding.btn--small .btn__inner {
  padding: 0 0.5rem;
}

.btn--expanding.btn--small .btn__inner::after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: -0.125rem;
  right: -0.125rem;
  bottom: -0.125rem;
  display: block;
}

.btn--expanding.btn--xsmall .btn__inner {
  padding: 0;
  height: 1.5rem;
}

.btn--expanding.btn--xsmall .btn__inner::after {
  content: "";
  position: absolute;
  top: -0.625rem;
  left: -0.625rem;
  right: -0.625rem;
  bottom: -0.625rem;
  display: block;
}

.btn--expanding .btn__icon {
  transition: margin-right 250ms ease-in-out;
  margin: 0;
}

.btn--expanding .btn__inner .btn__label {
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: max-width 250ms ease-in-out;
  transform-origin: left;
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  clip: initial;
}

@media (hover: hover) {
  .btn--expanding:hover:not(:disabled):not(.btn--loading) .btn__inner .btn__label {
    max-width: 12.5rem;
  }
  .btn--expanding:hover:not(:disabled):not(.btn--loading).leading-icon .btn__inner {
    padding-right: 1.5rem;
  }
  .btn--expanding:hover:not(:disabled):not(.btn--loading).trailing-icon .btn__inner {
    flex-direction: row-reverse;
    padding-left: 1.5rem;
  }
  .btn--expanding:hover:not(:disabled):not(.btn--loading).leading-icon .btn__icon {
    margin-right: 0.5rem;
  }
  .btn--expanding:hover:not(:disabled):not(.btn--loading).trailing-icon .btn__icon {
    margin-left: 0.5rem;
  }
  .btn--expanding:hover:not(:disabled):not(.btn--loading).leading-icon.btn--small .btn__inner {
    padding-left: 1rem;
  }
  .btn--expanding:hover:not(:disabled):not(.btn--loading).trailing-icon.btn--small .btn__inner {
    padding-right: 1rem;
  }
}

@media (hover: none) {
  .btn--expanding.btn--touch-device-expanded .btn__inner .btn__label {
    max-width: 12.5rem;
  }
  .btn--expanding.btn--touch-device-expanded.leading-icon .btn__inner {
    padding-right: 1.5rem;
  }
  .btn--expanding.btn--touch-device-expanded.trailing-icon .btn__inner {
    flex-direction: row-reverse;
    padding-left: 1.5rem;
  }
  .btn--expanding.btn--touch-device-expanded.leading-icon .btn__icon {
    margin-right: 0.5rem;
  }
  .btn--expanding.btn--touch-device-expanded.trailing-icon .btn__icon {
    margin-left: 0.5rem;
  }
  .btn--expanding.btn--touch-device-expanded.leading-icon.btn--small .btn__inner {
    padding-left: 1rem;
  }
  .btn--expanding.btn--touch-device-expanded.trailing-icon.btn--small .btn__inner {
    padding-right: 1rem;
  }
}

.btn--icon-secondary-inverse .btn__inner,
.btn--icon-secondary .btn__inner,
.btn--secondary.btn--expanding .btn__inner {
  padding: 0 0.9375rem;
}

.btn--icon-secondary-inverse.btn--small .btn__inner,
.btn--icon-secondary.btn--small .btn__inner,
.btn--secondary.btn--expanding.btn--small .btn__inner {
  padding: 0 0.4375rem;
}

.btn--icon-secondary-inverse.btn--xsmall .btn__inner,
.btn--icon-secondary.btn--xsmall .btn__inner,
.btn--secondary.btn--expanding.btn--xsmall .btn__inner {
  padding: 0;
  width: 1.5rem;
}

.btn--fluid,
.btn--fluid .btn__inner {
  width: 100%;
}

.btn--plain.btn--small .btn__inner::after,
.btn--plain .btn__inner::after {
  content: "";
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  display: block;
}

.btn--plain.btn--small .btn__inner,
.btn--plain .btn__inner,
.btn--plain.leading-icon .btn__inner,
.btn--plain.trailing-icon .btn__inner {
  padding: 0;
}

.btn .svg-icon, .btn__label {
  transition-property: opacity, margin-right, margin-left, transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}

.scroll-indicator {
  height: 1.5rem;
  position: relative;
  width: 100%;
  outline: none;
  border: 0;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.scroll-indicator--dragging .scroll-indicator__bar-wrapper,
.scroll-indicator--dragging .scroll-indicator__bar,
.scroll-indicator:hover .scroll-indicator__bar-wrapper,
.scroll-indicator:hover .scroll-indicator__bar {
  height: 0.25rem;
}

.scroll-indicator--dragging .scroll-indicator__bar,
.scroll-indicator--dragging .scroll-indicator__bar:hover {
  height: 0.5rem;
  top: -0.125rem;
}

.scroll-indicator:focus.focus-visible .scroll-indicator__bar {
  height: 0.5rem;
  top: -0.125rem;
}

.scroll-indicator:focus.focus-visible .scroll-indicator__bar-wrapper {
  height: 0.25rem;
}

.scroll-indicator__bar-wrapper {
  width: 100%;
  background: #dfdfdf;
  transform: translateX(0);
  height: 0.125rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: block;
  border-radius: 4px;
}

.scroll-indicator__bar-wrapper::-webkit-scrollbar {
  display: none;
}

.scroll-indicator__bar {
  will-change: transform;
  background: #111111;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 0.125rem;
  transform-origin: 0 0;
  display: block;
  border-radius: 4px;
  cursor: -webkit-grab;
  cursor: grab;
}

.scroll-indicator__bar::after {
  content: " ";
  position: absolute;
  top: -0.625rem;
  bottom: -0.625rem;
  left: 0;
  right: 0;
  display: block;
}

.scroll-indicator__bar-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.carousel {
  position: relative;
}

.carousel__skip-button {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
}

.carousel__skip-button:active, .carousel__skip-button.focus-visible:focus {
  width: auto;
  height: auto;
  left: 1.5rem;
  top: 1.5rem;
  overflow: visible;
  clip: auto;
  white-space: normal;
  z-index: 1;
}

.carousel__wrapper {
  position: relative;
}

.carousel__content {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding-top: 0.25rem;
  padding-bottom: 1.5rem;
}

.carousel__content::-webkit-scrollbar {
  display: none;
}

.carousel__content--single-slide {
  overflow: hidden;
}

.carousel--dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.carousel--dragging .carousel__body {
  pointer-events: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.carousel__body {
  display: flex;
  flex-wrap: nowrap;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.carousel__button {
  position: absolute;
  top: 50%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 200ms, visibility 0 200ms;
  cursor: pointer;
  z-index: 1;
  left: -1.25rem;
  transform: translateY(-50%);
}

.carousel:hover .carousel__button {
  opacity: 1;
  visibility: visible;
  display: block;
  transition: opacity 200ms, visibility 0 0;
}

.carousel:hover .carousel__button--hidden {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms, visibility 0 200ms;
}

.carousel__button--right {
  left: auto;
  right: -1.25rem;
}

.carousel-slide {
  max-width: 100%;
  position: relative;
  flex-shrink: 0;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.carousel__scroll-indicator {
  display: none;
}

.carousel__slide-show .carousel__body--slide-show {
  margin-right: 0;
  margin-left: 0;
  align-items: center;
}

.carousel__slide-show .carousel__button {
  left: 2rem;
  display: none;
}

.carousel__slide-show .carousel__button--right {
  right: 2rem;
  left: auto;
}

.carousel__slide-show .carousel__content--snap-slide {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.carousel__slide-show .carousel__content--drag-slide {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}

.carousel__slide-show .carousel-slide {
  position: relative;
  margin-right: 0;
  margin-left: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  width: 100%;
  display: block;
  text-align: center;
}

.carousel__slide-show .carousel-slide .video-player {
  display: flex;
  justify-content: center;
}

.carousel__slide-show .carousel-slide > :first-child {
  max-height: 75vh;
  max-width: 100%;
  display: inline-block;
}

.carousel__slide-show .carousel-slide > :first-child img,
.carousel__slide-show .carousel-slide > :first-child video {
  max-height: 75vh;
  max-width: 100%;
  width: auto;
}

@media not all and (min-resolution: 0.001dpcm) {
  .carousel__content {
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
  }
}

@media (hover: none) {
  .carousel:hover .carousel__button {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}

@media (min-width: 56.25em) {
  .carousel__content {
    top: 0;
    padding-left: 0;
  }
  .carousel__wrapper {
    bottom: auto;
    width: 100%;
  }
  .carousel__button, .carousel__scroll-indicator {
    display: block;
  }
  .carousel__slide-show .carousel-slide,
  .carousel__slide-show .scroll-indicator {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .carousel__slide-show .carousel__button {
    display: block;
  }
}

@media (orientation: landscape) and (max-width: 56.25em) {
  .carousel__slide-show .carousel-slide > :first-child {
    max-height: 60vh;
  }
  .carousel__slide-show .carousel-slide > :first-child img,
  .carousel__slide-show .carousel-slide > :first-child video {
    max-height: 60vh;
    width: auto;
  }
}

.overflow-carousel {
  position: relative;
}

.overflow-carousel__content {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0.25rem 0;
}

.overflow-carousel__content::-webkit-scrollbar {
  display: none;
}

.overflow-carousel__content > * {
  flex-shrink: 0;
}

.overflow-carousel__button {
  position: absolute;
  top: 50%;
  transition: opacity 200ms, visibility 0 200ms;
  cursor: pointer;
  z-index: 1;
  left: 0.75rem;
  transform: translateY(-50%);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}

.overflow-carousel__button--hidden {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms, visibility 0 200ms;
}

.overflow-carousel__button--right {
  left: auto;
  right: 0.75rem;
}

/* Default icon size */
.leading-icon .svg-icon {
  margin-right: 0.5rem;
  vertical-align: top;
}

.leading-icon .svg-icon--100 {
  margin-right: 0.25rem;
}

.trailing-icon .svg-icon {
  margin-left: 0.5rem;
  vertical-align: top;
}

.trailing-icon .svg-icon--100 {
  margin-left: 0.25rem;
}

.svg-icon {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  vertical-align: middle;
  fill: currentColor;
  transition-property: transform, fill;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}

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

.svg-icon--150 {
  width: 1.5rem;
  height: 1.5rem;
}

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

.svg-icon--250 {
  width: 2.5rem;
  height: 2.5rem;
}

.svg-icon--300 {
  width: 3rem;
  height: 3rem;
}

@keyframes icon-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.svg-icon--rotate {
  animation: icon-rotate 1.5s linear infinite;
}

.svg-icon--rotate-45 {
  transform: rotate(45deg);
}

.svg-icon--rotate-minus-45 {
  transform: rotate(-45deg);
}

.svg-icon--rotate-135 {
  transform: rotate(135deg);
}

.svg-icon--rotate-minus-135 {
  transform: rotate(-135deg);
}

.svg-icon--rotate-180 {
  transform: rotate(180deg);
}

.svg-icon--rotate-minus-180 {
  transform: rotate(-180deg);
}

.svg-icon--white {
  fill: #ffffff;
}

.svg-icon--black {
  fill: #111111;
}

.svg-icon--grey {
  fill: #484848;
}

.svg-icon [class*="white"],
.svg-icon g[class*="white"],
.svg-icon path[class*="white"] {
  fill: #ffffff;
}

a:hover .svg-icon--black,
a:hover .svg-icon--grey, a:active .svg-icon--black,
a:active .svg-icon--grey, a:focus .svg-icon--black,
a:focus .svg-icon--grey {
  fill: #333333;
}

a:hover .svg-icon--white, a:active .svg-icon--white, a:focus .svg-icon--white {
  fill: #ffffff;
}

@keyframes modal-delayed-fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes modalSlideToLeft {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes modalSlideToRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes modalSlideFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes modalSlideFromRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes modalSlideDown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}

@keyframes modalSlideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes modalEnter {
  from {
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
  }
  to {
    -webkit-clip-path: inset(0%);
            clip-path: inset(0%);
  }
}

@keyframes modalClose {
  from {
    -webkit-clip-path: inset(0%);
            clip-path: inset(0%);
  }
  to {
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
  }
}

@keyframes modalContentEnter {
  from {
    transform: scale(0.8);
    opacity: 0;
    transform-origin: center center;
  }
  to {
    transform: scale(1);
    opacity: 1;
    transform-origin: center center;
  }
}

@keyframes modalContentClose {
  from {
    transform: scale(1);
    opacity: 1;
    transform-origin: center center;
  }
  to {
    transform: scale(0.8);
    opacity: 0;
    transform-origin: center center;
  }
}

@keyframes modalBackdropEnter {
  0% {
    visibility: hidden;
  }
  1% {
    visibility: visible;
  }
}

@keyframes modalBackdropClose {
  0%,
  99% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}

.prevent-scroll-y {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.modal-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 400;
  pointer-events: none;
  transition: visibility cubic-bezier(0, 0, 1, 1) 200ms;
}

.modal-wrapper__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity cubic-bezier(0, 0, 1, 1) 200ms;
  pointer-events: none;
  visibility: hidden;
}

.modal-wrapper__backdrop--dark {
  background: rgba(0, 0, 0, 0.15);
}

.modal-wrapper--open {
  transition: visibility cubic-bezier(0, 0, 1, 1) 0;
  visibility: visible;
  pointer-events: all;
}

.modal-wrapper--open .modal-wrapper__backdrop {
  opacity: 1;
  animation: modalBackdropEnter 200ms;
  visibility: visible;
}

.modal-wrapper--close .modal-wrapper__backdrop {
  animation: modalBackdropClose 200ms;
}

.modal-footer {
  padding: 1.5rem;
  border-top: 1px solid #dfdfdf;
  flex-grow: 1;
  flex-shrink: 0;
}

.modal-footer .btn {
  flex-grow: 1;
  width: 100%;
  flex-basis: auto;
}

.modal-footer .btn:not(:last-child) {
  margin-bottom: 1rem;
  margin-left: 0;
}

.modal-footer--borderless {
  border-top: none;
}

.modal-footer--compact {
  display: flex;
  flex-direction: row-reverse;
}

.modal-footer--compact .btn {
  flex-grow: 1;
}

.modal-footer--compact .btn:not(:last-child) {
  margin-bottom: 0;
  margin-left: 1rem;
}

.sheets--enter {
  animation: modalSlideUp cubic-bezier(0, 0, 0.1, 1) 200ms;
  display: block;
  display: flex;
  flex-direction: column;
}

.sheets--preserve-alignment {
  animation: modalSlideToLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
}

.sheets--preserve-alignment.sheets--mirrored {
  animation: modalSlideFromLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
}

.sheets--close {
  animation: modalSlideDown cubic-bezier(0.9, 0, 1, 1) 100ms;
  pointer-events: none;
  transition: visibility cubic-bezier(0, 0, 1, 1) 100ms;
  visibility: hidden;
  animation-fill-mode: forwards;
}

.sheets--close.sheets--preserve-alignment {
  animation: modalSlideToRight cubic-bezier(0.9, 0, 1, 1) 100ms;
  animation-fill-mode: forwards;
}

.sheets--close.sheets--preserve-alignment.sheets--mirrored {
  animation: modalSlideFromRight cubic-bezier(0.9, 0, 1, 1) 100ms;
  animation-fill-mode: forwards;
}

.sheets {
  position: absolute;
  top: 1.5rem;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  z-index: 100;
  overflow: hidden;
  border-radius: 8px 8px 0px 0px;
}

.sheets__content-wrapper {
  overflow: auto;
  height: 100%;
}

.sheets__content-wrapper:focus.focus-visible {
  box-shadow: inset 0 0 0 2px #111111;
}

.sheets__video {
  z-index: 100;
  background: rgba(0, 0, 0, 0.8);
}

.sheets__video iframe {
  max-width: 100%;
}

.sheets--preserve-alignment {
  width: 85%;
  top: 0;
  border-radius: 8px 0px 0px 8px;
}

.sheets--preserve-alignment.sheets--mirrored {
  right: auto;
  left: 0;
  border-radius: 0px 8px 8px 0px;
}

.modal-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 0 1.5rem;
  align-items: center;
  height: 3.75rem;
  min-height: 3.75rem;
  background-color: #ffffff;
  z-index: 100;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .modal-header {
    position: relative;
    width: 100%;
  }
  .modal-header--floating-header {
    position: absolute;
    margin-bottom: 0;
    width: 100%;
  }
}

.modal-header--floating-header {
  position: -webkit-sticky;
  position: sticky;
  background-color: transparent;
  margin-bottom: -3.75rem;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .modal-header--floating-header {
    position: absolute;
    margin-bottom: 0;
    width: 100%;
  }
}

.modal-header__title-wrapper {
  width: 100%;
  text-align: center;
}

.modal-header__title-wrapper--padded {
  margin-left: calc(2.5rem - 12px);
}

.modal-header__back-button {
  margin-left: -0.75rem;
}

.modal-header__close {
  margin-right: -0.75rem;
}

.modal-header__title {
  font-weight: 700;
  color: #111111;
}

.modal-body {
  padding: 1.5rem;
}

.theatre--enter {
  animation: modalEnter cubic-bezier(0, 0, 0.1, 1) 200ms;
}

.theatre--enter .theatre__content-wrapper {
  animation: modalContentEnter cubic-bezier(0, 0, 0.1, 1) 200ms;
}

.theatre--close {
  animation: modalClose cubic-bezier(0.9, 0, 1, 1) 200ms;
  animation-fill-mode: forwards;
}

.theatre--close .theatre__content-wrapper {
  animation: modalContentClose cubic-bezier(0.9, 0, 1, 1) 200ms;
  animation-fill-mode: forwards;
}

.theatre {
  position: absolute;
  left: 0px;
  width: 100%;
  top: 2rem;
  height: calc(100% - 2rem);
  border-radius: 8px 8px 0px 0px;
  background: #ffffff;
  z-index: 100;
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  text-align: left;
}

.theatre__content-wrapper {
  overflow: auto;
  height: 100%;
}

.theatre__video {
  z-index: 100;
  background: rgba(0, 0, 0, 0.8);
}

.theatre__video iframe {
  max-width: 100%;
}

.prompt--enter {
  animation: modalSlideUp cubic-bezier(0, 0, 0.1, 1) 200ms;
}

.prompt--close {
  animation: modalSlideDown cubic-bezier(0.9, 0, 1, 1) 100ms;
  transition: visibility cubic-bezier(0, 0, 1, 1) 100ms;
  visibility: hidden;
  animation-fill-mode: forwards;
}

.prompt {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-end;
}

.prompt__content-wrapper {
  background: #ffffff;
  max-height: calc(100vh - 1.5rem);
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 8px 8px 0px 0px;
}

.prompt__heading {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.44;
  font-weight: 700;
  letter-spacing: -.0042em;
}

.prompt__content {
  padding: 1.5rem 1.5rem 0 1.5rem;
  font-size: 0.875rem;
  overflow: auto;
  height: 100%;
}

@media (min-width: 37.5em) {
  .sheets {
    top: 0;
    border-radius: 8px 0px 0px 8px;
    width: calc(100% - 3rem);
  }
  .sheets--mirrored {
    right: auto;
    left: 0;
    border-radius: 0px 8px 8px 0px;
  }
  .sheets--small {
    max-width: 30rem;
  }
  .sheets--medium {
    max-width: 45rem;
  }
  .sheets--large {
    max-width: 67.5rem;
  }
  .sheets--medium .modal-footer, .sheets--large .modal-footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .sheets--medium .modal-footer .btn:not(:last-child), .sheets--large .modal-footer .btn:not(:last-child) {
    margin: 0 0 0 1rem;
  }
  .sheets.sheets--enter {
    animation: modalSlideToLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
  }
  .sheets.sheets--close {
    animation: modalSlideToRight cubic-bezier(0.9, 0, 1, 1) 100ms;
    animation-fill-mode: forwards;
  }
  .sheets--mirrored.sheets--enter {
    animation: modalSlideFromLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
  }
  .sheets--mirrored.sheets--close {
    animation: modalSlideFromRight cubic-bezier(0.9, 0, 1, 1) 100ms;
    animation-fill-mode: forwards;
  }
  .modal-header {
    height: 5.5rem;
    min-height: 5.5rem;
  }
  .modal-header--floating-header {
    margin-bottom: -5.5rem;
  }
}

@media screen and (min-width: 37.5em) and (-ms-high-contrast: active), screen and (min-width: 37.5em) and (-ms-high-contrast: none) {
  .modal-header {
    margin-bottom: 0;
  }
}

@media (min-width: 37.5em) {
  .prompt {
    position: relative;
    left: unset;
    top: unset;
    justify-content: center;
  }
  .prompt .prompt__content-wrapper {
    max-height: 75vh;
    height: auto;
    max-width: 31.5rem;
    border-radius: 8px;
  }
  .prompt .prompt__content-wrapper .modal-footer {
    padding: 2.5rem 2rem;
  }
  .prompt__content {
    padding: 2.5rem 2rem 0 2rem;
  }
  .prompt__heading {
    font-size: 1.5625rem;
    line-height: 1.36;
  }
  .prompt--enter {
    animation: modalEnter cubic-bezier(0.8, 0, 0, 1) 200ms;
  }
  .prompt--enter .prompt__content-wrapper {
    animation: modalContentEnter cubic-bezier(0.8, 0, 0, 1) 200ms;
  }
  .prompt--close {
    animation: modalClose cubic-bezier(0.9, 0, 1, 1) 100ms;
    animation-fill-mode: forwards;
  }
  .prompt--close .prompt__content-wrapper {
    animation: modalContentClose cubic-bezier(0.9, 0, 1, 1) 100ms;
  }
}

@media (min-width: 56.25em) {
  .modal-footer--compact {
    justify-content: flex-end;
  }
  .sheets .btn {
    max-width: 22.5rem;
  }
  .sheets .modal-footer {
    padding: 1.5rem 3rem;
  }
  .sheets--small .btn {
    max-width: none;
  }
  .modal-body {
    padding: 2rem 3rem;
  }
  .modal-header {
    padding: 0 3rem;
    align-items: center;
  }
  .theatre {
    border-radius: 8px;
    left: 2rem;
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
  }
}

@media (prefers-reduced-motion) {
  .modal-wrapper {
    transition: none;
  }
  .modal-wrapper__backdrop {
    animation-duration: 0s;
    transition-duration: 0s;
    transition: none;
  }
  .modal-wrapper .sheets.sheets--enter,
  .modal-wrapper .sheets.sheets--close,
  .modal-wrapper .sheets.sheets--preserve-alignment,
  .modal-wrapper .sheets.sheets--mirrored {
    animation-duration: 0s;
    transition-duration: 0s;
  }
  .modal-wrapper .theatre.theatre--enter,
  .modal-wrapper .theatre.theatre--close {
    animation-duration: 0s;
    transition-duration: 0s;
  }
  .modal-wrapper .theatre.theatre--enter .theatre__content-wrapper,
  .modal-wrapper .theatre.theatre--close .theatre__content-wrapper {
    animation-duration: 0s;
    transition-duration: 0s;
  }
  .modal-wrapper .prompt--close {
    transition: none;
  }
  .modal-wrapper .prompt,
  .modal-wrapper .prompt--enter,
  .modal-wrapper .prompt--close {
    animation-duration: 0s;
    transition-duration: 0s;
  }
  .modal-wrapper .prompt .prompt__content-wrapper,
  .modal-wrapper .prompt--enter .prompt__content-wrapper,
  .modal-wrapper .prompt--close .prompt__content-wrapper {
    animation-duration: 0s;
    transition-duration: 0s;
  }
}

@keyframes slideDown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideToLeft {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes slideToRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes slideFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes slideFromRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes fade-out-in {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.lightbox {
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.4, 1), visibility 0 250ms;
  pointer-events: none;
}

.prevent-scroll-y {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.lightbox--open {
  opacity: 1;
  visibility: visible;
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.4, 1), visibility 0;
  pointer-events: all;
}

.lightbox--dark {
  background: rgba(0, 0, 0, 0.15);
}

.lightbox--light {
  background: rgba(255, 255, 255, 0.8);
}

.lightbox .slide-enter {
  animation: slideUp 250ms cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  display: block;
  display: flex;
  flex-direction: column;
}

.lightbox .slide-close {
  animation: slideDown 250ms cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  pointer-events: none;
}

.lightbox .slide-fullscreen {
  width: 100%;
  max-width: none;
  animation: slideUp 250ms cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}

@media (min-width: 37.5em) {
  .lightbox .slide-enter {
    animation: slideToLeft 250ms cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  }
  .lightbox .slide-close {
    animation: slideToRight 250ms cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  }
  .lightbox__mirrored .slide-enter {
    animation: slideFromLeft 250ms cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  }
  .lightbox__mirrored .slide-close {
    animation: slideFromRight 250ms cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  }
}

.chunky-header{display:flex;background:none;overflow:hidden;border:0;cursor:pointer;flex-direction:row;padding:1.25rem 0;width:100%;justify-content:space-between;align-items:center;min-height:5.625rem;color:#484848;text-decoration:none}.chunky-header:active,.chunky-header.focus-visible:focus,.chunky-header:hover{color:#111}.chunky-header:active .chunky-header__title,.chunky-header.focus-visible:focus .chunky-header__title,.chunky-header:hover .chunky-header__title{text-decoration:underline}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.chunky-header::after{content:"";min-height:calc(5.625rem - 2.5rem)}}.chunky-header__icon{flex-shrink:0}.chunky-header--small{padding:.25rem 0;min-height:3.75rem}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.chunky-header--small::after{content:"";min-height:calc(3.75rem - .5rem)}}.chunky-header__title-wrapper{text-align:left;flex-grow:1}.chunky-header__title-wrapper .chunky-header__title{width:auto}.chunky-header__title{color:#111;font-size:.875rem;line-height:1.57143;font-weight:700;display:block}.chunky-header__subtitle{color:#484848;font-size:.875rem;line-height:1.5;margin-bottom:0}.chunky-header:disabled{cursor:default}.chunky-header:disabled .chunky-header__title{text-decoration:none}.chunky-header:disabled .chunky-header__title,.chunky-header:disabled .chunky-header__subtitle{color:#dfdfdf}.chunky-header:disabled .chunky-header__icon{color:#dfdfdf}

.accordion-item-header{display:flex;background:none;overflow:hidden;border:0;cursor:pointer;flex-direction:row;padding:1.5rem 0;width:100%;justify-content:space-between;align-items:center;min-height:5.5rem;color:#484848;text-decoration:none}.accordion-item-header:active,.accordion-item-header:focus,.accordion-item-header:hover{color:#111}.accordion-item-header:active .accordion-item-header__title,.accordion-item-header:focus .accordion-item-header__title,.accordion-item-header:hover .accordion-item-header__title{text-decoration:underline}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.accordion-item-header::after{content:"";min-height:calc(5.5rem - 2.5rem)}}.accordion-item-header__icon{flex-shrink:0}.accordion-item-header--small{padding:.25rem 0;min-height:3.75rem}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.accordion-item-header--small::after{content:"";min-height:calc(3.75rem - .5rem)}}.accordion-item-header__title-wrapper{text-align:left;flex-grow:1;line-height:0}.accordion-item-header__title-wrapper .accordion-item-header__title{width:auto}.accordion-item-header__title{font-size:.875rem;line-height:1.5;font-weight:700;display:block}.accordion-item-header__subtitle{color:#484848;font-size:.875rem;line-height:1.5}.accordion-item-header:disabled{cursor:default}.accordion-item-header:disabled .accordion-item-header__title{text-decoration:none}.accordion-item-header:disabled .accordion-item-header__title,.accordion-item-header:disabled .accordion-item-header__subtitle{color:#dfdfdf}.accordion-item-header:disabled .accordion-item-header__icon{color:#dfdfdf}.accordion--padded .accordion-item-header{padding-left:1.5rem;padding-right:1.5rem}.accordion{list-style:none;width:100%;margin:0;padding:0;background:transparent}.accordion__item{transition:all 200ms cubic-bezier(0.4, 0, 0.4, 1);margin:0;outline:0;padding:0}.accordion__item--active{overflow:visible}.accordion .accordion-item-header{border-top:1px solid #dfdfdf}.accordion__item--active>.accordion__content{padding-top:1.5rem;padding-bottom:4rem;height:auto;visibility:visible;opacity:1;transition:all 200ms cubic-bezier(0.4, 0, 0.4, 1)}.accordion__content{transition:all 200ms cubic-bezier(0.4, 0, 0.4, 1);height:0;visibility:hidden;opacity:0;overflow:hidden}.accordion--padded .accordion__content{padding-left:1.5rem;padding-right:1.5rem}

.product-identifier{display:inline-block;font-size:.75rem}.product-identifier__label{display:block;margin-bottom:.5rem;color:#484848;line-height:1.5}.product-identifier__value{display:inline-block;background-color:#111;padding:.25rem .75rem;font-weight:700;color:#fff;line-height:1.25}.product-identifier--subtle .product-identifier__value{color:#111;background-color:#f5f5f5}

.loyalty-modal-content__documents-tile{padding:1rem;box-shadow:0px 0px 20px 3px #f5f5f5;margin:0.5em;width:12em;height:10em}.loyalty-modal-content__documents-tile__linkText{position:absolute;bottom:1em}.loyalty-modal-content__documents-tile__linkText a{cursor:pointer;position:absolute;width:10em}.loyalty-modal-content__documents-tile__document{border-top:'1px solid #dfdfdf'}.loyalty-modal-content__documents-tile__document a{color:grey}.loyalty-modal-content__documents-tile__document div{float:right}.loyalty-modal-content__documents-tile__materials{color:#666666}.loyalty-modal-content__documents-tile__materials p{margin-top:-1em}

.loyalty-modal-content__link-page.is-business .loyalty-modal-content__page__header-content{background-color:transparent}.loyalty-modal-content__link-page.is-business .loyalty-modal-content__link-page__header-title,.loyalty-modal-content__link-page.is-business .loyalty-modal-content__page__header-content,.loyalty-modal-content__link-page.is-business .loyalty-modal-content__link-page__header-bottom a{color:#111}.loyalty-modal-content__link-page.is-business .loyalty-modal-content__link-page__header-bottom{border-top:1px solid #111}.loyalty-modal-content__link-page.is-business .btn--icon-secondary{border-color:#111;background:#111}.loyalty-modal-content__link-page.is-business .btn--icon-secondary span{color:#fff}

.link {
  text-decoration: underline;
  font-weight: 400;
  color: #484848;
}

.link:focus, .link:hover {
  color: #111111;
}

.link:active {
  color: #111111;
}

.link--disabled {
  cursor: default;
  pointer-events: none;
  opacity: .4;
}

.link--disabled:focus::before {
  border: 0;
}

.link--black {
  color: #111111;
}

.link--black:hover, .link--black:focus, .link--black:active {
  color: #333333;
}

.link--black.link--disabled {
  cursor: default;
  pointer-events: none;
  opacity: .4;
  color: #111111;
}

.link--black.link--disabled:focus::before {
  border: 0;
}

.link--black.link--disabled:hover {
  color: #111111;
}

.link--black.link--disabled:focus, .link--black.link--disabled:active {
  color: #111111;
}

.link--grey {
  color: #484848;
}

.link--grey:hover, .link--grey:focus, .link--grey:active {
  color: #111111;
}

.link--grey.link--disabled {
  cursor: default;
  pointer-events: none;
  opacity: .4;
  color: #484848;
}

.link--grey.link--disabled:focus::before {
  border: 0;
}

.link--grey.link--disabled:hover {
  color: #484848;
}

.link--grey.link--disabled:focus, .link--grey.link--disabled:active {
  color: #484848;
}

.link--white {
  color: #ffffff;
}

.link--white:hover, .link--white:focus, .link--white:active {
  color: #ffffff;
}

.link--white.link--disabled {
  cursor: default;
  pointer-events: none;
  opacity: .4;
  color: #ffffff;
}

.link--white.link--disabled:focus::before {
  border: 0;
}

.link--white.link--disabled:hover {
  color: #ffffff;
}

.link--white.link--disabled:focus, .link--white.link--disabled:active {
  color: #ffffff;
}

.link--small {
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 400;
}

.link--small .svg-icon--100 {
  vertical-align: text-top;
}

.link--xsmall {
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 400;
}

.link--xsmall .svg-icon--100 {
  vertical-align: text-top;
}

h1 .link,
h2 .link,
h3 .link,
h4 .link,
h5 .link,
h6 .link,
p .link {
  margin-bottom: 0;
  text-decoration: underline;
}

h1 .link .svg-icon,
h2 .link .svg-icon,
h3 .link .svg-icon,
h4 .link .svg-icon,
h5 .link .svg-icon,
h6 .link .svg-icon,
p .link .svg-icon {
  vertical-align: middle;
}

h1 .link:hover, h1 .link:focus, h1 .link:active,
h2 .link:hover,
h2 .link:focus,
h2 .link:active,
h3 .link:hover,
h3 .link:focus,
h3 .link:active,
h4 .link:hover,
h4 .link:focus,
h4 .link:active,
h5 .link:hover,
h5 .link:focus,
h5 .link:active,
h6 .link:hover,
h6 .link:focus,
h6 .link:active,
p .link:hover,
p .link:focus,
p .link:active {
  text-decoration: underline;
}

.loyalty-modal-content{font-family:"Noto IKEA","Noto Sans","Roboto","Open Sans",-apple-system,sans-serif;font-size:.875rem;line-height:1.71429;color:#111}