/** Shopify CDN: Minification failed

Line 2026:0 Unexpected ".2022"
Line 2030:0 Unexpected ".2022"
Line 2034:0 Unexpected ".2022"
Line 2038:0 Unexpected ".2022"
Line 2042:0 Unexpected ".2019"
Line 4602:0 Unexpected "1"
Line 4608:34 Unexpected "1"
Line 4611:45 Unexpected "1"
Line 4617:32 Unexpected "1"

**/
@font-face {
  font-family: 'Druk';

  src: url('DrukText-Medium-Web.woff2') format('woff2'),
         url('DrukText-Medium-Web.woff') format('woff');

  font-weight:  500;

  font-style:   normal;

  font-stretch: normal;
}

html body {
  font-family: IBM Plex Sans, sans-serif;
}

.eyebrow {
  font-family: Mulish, sans-serif;
  font-size: .88rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25;
  letter-spacing: 0.025em;
}

.productname {
  margin-bottom: 0px;
  margin-top: 0.25rem;
  font-family: Mulish, sans-serif;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.025em;
}

@media (min-width: 768px) {
  .productname {
    margin-bottom: 0.5rem;
    font-size: .9rem;
  }
}

.style-1 {
  font-family: Mulish, sans-serif;
  font-size: 1.62rem;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .style-1 {
    font-size: 1.75rem;
  }
}

.style-2 {
  font-family: Druk, sans-serif;
  font-size: 2.25rem;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .style-2 {
    font-size: 2.62rem;
  }
}

.style-3 {
  font-family: Druk, sans-serif;
  font-size: 1.88rem;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .style-3 {
    font-size: 2.25rem;
  }
}

.style-3-sm {
  font-family: Druk, sans-serif;
  font-size: 1.62rem;
  line-height: 1;
}

.style-4 {
  font-family: Mulish, sans-serif;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .style-4 {
    font-size: 1.25rem;
  }
}

.style-5 {
  font-family: Mulish, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .style-5 {
    font-size: 1.38rem;
  }
}

.style-6 {
  font-family: Druk, sans-serif;
  font-size: 2.75rem;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .style-6 {
    font-size: 4.25rem;
  }
}

.text-block p, .text-block li {
  color: hsla(240, 0.8%, 25.3%, 1);
}

.text-block p {
  margin-bottom: 1rem;
}

.text-block li {
  margin-bottom: 0px;
  list-style-position: inside;
  list-style-type: disc;
}

body {
  position: relative;
  overflow-x: hidden;
}

body:after {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 60;
  display: block;
  height: 100%;
  width: 100%;
  background-color: hsla(300, 2.6%, 7.6%, 1);
  opacity: 0;
  transition-duration: 300ms;
  content: '';
  pointer-events: none;
}

body.modal-open:after, body.offcanvas-open:after {
  opacity: 0.4;
}

html.offcanvas-open body:after {
  opacity: 0.4;
}

@media (min-width: 768px) {
  html.offcanvas-open body:after {
    opacity: 0;
  }
}

::-moz-selection {
  background-color: hsla(272, 48.6%, 34.3%, 1);
  color: hsla(0, 0%, 100%, 1);
}

::selection {
  background-color: hsla(272, 48.6%, 34.3%, 1);
  color: hsla(0, 0%, 100%, 1);
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1440px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.wrapper.medium {
  max-width: 960px;
}

.wrapper.small {
  max-width: 700px;
}

.wrapper.xsmall {
  max-width: 420px;
}

.wrapper.horizontal-scroll-parent {
  padding-left: 0px;
  padding-right: 0px;
}

.wrapper.no-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.wrapper.full-width {
  max-width: none;
}

.wrapper.mobile-horizontal-scroll {
  display: flex;
  width: 100%;
  max-width: 100vw;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 768px) {
  .wrapper.mobile-horizontal-scroll {
    display: grid;
    max-width: 1440px;
    overflow: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.wrapper.mobile-horizontal-scroll {
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
}

/* IE and Edge */

@media (min-width: 768px) {
  .wrapper.mobile-horizontal-scroll.product-carousel {
    display: flex;
    max-width: 100vw;
    overflow-x: scroll;
  }
}

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

.wrapper.mobile-horizontal-scroll .scroll-block {
  margin-left: 1.25rem;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .wrapper.mobile-horizontal-scroll .scroll-block {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.wrapper.mobile-horizontal-scroll .scroll-block {
  scroll-snap-align: start;
  scroll-margin: 0 0 0 1.25rem;
}

.wrapper.mobile-horizontal-scroll .scroll-block:last-child {
  margin-right: 1.25rem;
}

@media (min-width: 768px) {
  .wrapper.mobile-horizontal-scroll .scroll-block:last-child {
    margin-right: 0px;
  }
}

.horizontal-scroll {
  display: flex;
  width: 100%;
  max-width: 100vw;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding-left: 0px;
  padding-right: 0px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
}

/* IE and Edge */

.horizontal-scroll::-webkit-scrollbar {
  display: none;
}

.horizontal-scroll .scroll-block {
  margin-left: 1.25rem;
  flex-shrink: 0;
  scroll-snap-align: start;
  scroll-margin: 0 0 0 1.25rem;
}

.horizontal-scroll .scroll-block:last-child {
  margin-right: 1.25rem;
}

.loading-overlay__spinner {
  display: none !important;
}

.fade {
  opacity: 0;
  transition: opacity 0.3s;
}

.fade.in {
  opacity: 1;
}

.slash {
  -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
  animation: slashback 1050ms ease-in-out forwards;
  will-change: padding-top;
}

.lazy-media-fade img:first-child {
  opacity: 0;
  transition: opacity ease-out 0.3s;
}

.slash-parent:hover .slash {
  animation: slashin 1050ms ease-in-out forwards;
  will-change: padding-top;
}

@keyframes slashback {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%);
    padding-top: 1.75rem;
  }

  25% {
    -webkit-clip-path: polygon(0 0, 100% 17%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 17%, 100% 100%, 0% 100%);
    padding-top: 0.625rem;
  }

  50% {
    -webkit-clip-path: polygon(0 0, 100% 22%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 22%, 100% 100%, 0% 100%);
    padding-top: 1.2rem;
  }

  80% {
    -webkit-clip-path: polygon(0 0, 100% 19%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 19%, 100% 100%, 0% 100%);
    padding-top: .9rem;
  }

  100% {
    -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
    padding-top: 1rem;
  }
}

@keyframes slashin {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
    padding-top: 1rem;
  }

  25% {
    -webkit-clip-path: polygon(0 0, 100% 27%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 27%, 100% 100%, 0% 100%);
    padding-top: 1.95rem;
  }

  50% {
    -webkit-clip-path: polygon(0 0, 100% 23%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 23%, 100% 100%, 0% 100%);
    padding-top: 1.5rem;
  }

  80% {
    -webkit-clip-path: polygon(0 0, 100% 26%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 26%, 100% 100%, 0% 100%);
    padding-top: 1.8rem;
  }

  100% {
    -webkit-clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%);
    padding-top: 1.75rem;
  }
}

.slash2 {
  -webkit-clip-path: polygon(100% 0, 0% 20%, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 20%, 0% 100%, 100% 100%);
  animation: slash2back 1050ms ease-in-out forwards;
  will-change: padding-top;
}

.slash2-parent:hover .slash2 {
  animation: slash2in 1050ms ease-in-out forwards;
  will-change: padding-top;
}

@keyframes slash2back {
  0% {
    -webkit-clip-path: polygon(100% 0, 0% 25%, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 25%, 0% 100%, 100% 100%);
    padding-top: 1.75rem;
  }

  25% {
    -webkit-clip-path: polygon(100% 0, 0% 17%, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 17%, 0% 100%, 100% 100%);
    padding-top: 0.625rem;
  }

  50% {
    -webkit-clip-path: polygon(100% 0, 0% 22%, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 22%, 0% 100%, 100% 100%);
    padding-top: 1.2rem;
  }

  80% {
    -webkit-clip-path: polygon(100% 0, 0% 19%, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 19%, 0% 100%, 100% 100%);
    padding-top: .9rem;
  }

  100% {
    -webkit-clip-path: polygon(100% 0, 0% 20%, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 20%, 0% 100%, 100% 100%);
    padding-top: 1rem;
  }
}

@keyframes slash2in {
  0% {
    -webkit-clip-path: polygon(100% 0, 0% 20%, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 20%, 0% 100%, 100% 100%);
    padding-top: 1rem;
  }

  25% {
    -webkit-clip-path: polygon(100% 0, 0% 27%, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 27%, 0% 100%, 100% 100%);
    padding-top: 1.95rem;
  }

  50% {
    -webkit-clip-path: polygon(100% 0, 0% 23%, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 23%, 0% 100%, 100% 100%);
    padding-top: 1.5rem;
  }

  80% {
    -webkit-clip-path: polygon(100% 0, 0% 26%, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 26%, 0% 100%, 100% 100%);
    padding-top: 1.8rem;
  }

  100% {
    -webkit-clip-path: polygon(100% 0, 0% 25%, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 25%, 0% 100%, 100% 100%);
    padding-top: 1.75rem;
  }
}

/*Product Grid */

ul.product-grid {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  ul.product-grid {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

ul.product-grid > li {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (min-width: 768px) {
  ul.product-grid > li {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Quantity */

.quantity {
  display: flex;
  width: 100%;
  max-width: 6.5rem;
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.quantity:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.quantity:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.quantity__input {
  font-size: 0.88rem;
  color: hsla(300, 2.6%, 7.6%, 1);
  text-align: center;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.quantity__button {
  width: calc(4.5rem / var(--font-body-scale));
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
}

.quantity__button:first-child {
  margin-left: calc(var(--inputs-border-width));
}

.quantity__button:last-child {
  margin-right: calc(var(--inputs-border-width));
}

.quantity__button svg {
  width: 1rem;
  pointer-events: none;
}

.quantity__button:focus-visible,
  .quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:focus,
  .quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
  .quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

.quantity__input:-webkit-autofill,
  .quantity__input:-webkit-autofill:hover,
  .quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

.quantity__input::-webkit-outer-spin-button,
  .quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__input[type='number'] {
  -moz-appearance: textfield;
}

.quantity__rules {
  margin-top: 1.2rem;
  position: relative;
  font-size: 1.2rem;
}

.quantity__rules .caption {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.quantity__rules .divider + .divider::before {
  content: '\2022';
  margin: 0 0.5rem;
}

.quantity__rules-cart {
  position: relative;
}

product-info .loading-overlay:not(.hidden) ~ *,
  .quantity__rules-cart .loading-overlay:not(.hidden) ~ * {
  visibility: hidden;
}

/* Button */

/* component-button */

/* Button - default */

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4.5rem + var(--buttons-border-width) * 2);
}

.shopify-payment-button__button--branded {
  z-index: auto;
}

.cart__dynamic-checkout-buttons iframe {
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-base-text), var(--shadow-opacity));
}

.button:before,
.shopify-challenge__button:before,
.customer button:before,
.shopify-payment-button__button--unbranded:before,
.shopify-payment-button [role="button"]:before,
.cart__dynamic-checkout-buttons [role='button']:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));
}

.button:after,
.shopify-challenge__button:after,
.customer button:after,
.shopify-payment-button__button--unbranded:after {
  content: '';
  position: absolute;
  top: var(--buttons-border-width);
  right: var(--buttons-border-width);
  bottom: var(--buttons-border-width);
  left: var(--buttons-border-width);
  z-index: 1;
  border-radius: var(--buttons-radius);
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  transition: box-shadow var(--duration-short) ease;
}

.button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after,
.customer button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  --border-offset: 1.3px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));
}

.button--secondary:after {
  --border-opacity: var(--buttons-border-opacity);
}

.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button [role="button"]:focus-visible,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button [role="button"]:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.5),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.button:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused),
.shopify-payment-button [role="button"]:focus:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
}

.button::-moz-selection, .shopify-challenge__button::-moz-selection, .customer button::-moz-selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.button::selection,
.shopify-challenge__button::selection,
.customer button::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.button--tertiary {
  font-size: 1.2rem;
  padding: 1rem 1.5rem;
  min-width: calc(9rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}

.button--small {
  padding: 1.2rem 2.6rem;
}

/* Button - other */

.button:disabled,
.button[aria-disabled='true'],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled='true'],
.customer button.disabled,
.quantity__button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.button--full-width {
  display: flex;
  width: 100%;
}

.button.loading {
  color: transparent;
  position: relative;
}

@media screen and (forced-colors: active) {
  .button.loading {
    color: rgb(var(--color-foreground));
  }
}

.button.loading > .loading-overlay__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

.button.loading > .loading-overlay__spinner .spinner {
  width: -moz-fit-content;
  width: fit-content;
}

.button.loading > .loading-overlay__spinner .path {
  stroke: rgb(var(--color-button-text));
}

/* Form global */

.form__label {
  margin-bottom: 0.25rem;
  display: block;
}

.form__message {
  align-items: center;
  display: flex;
  font-size: 1rem;
  line-height: 1;
  margin-top: 1rem;
}

.form__message--large {
  font-size: 1.2rem;
}

.customer .field .form__message {
  font-size: 1em;
  text-align: left;
}

.form__message .icon,
  .customer .form__message svg {
  flex-shrink: 0;
  height: 1rem;
  margin-right: 0.5rem;
  width: 1rem;
}

.form__message--large .icon,
  .customer .form__message svg {
  height: .75rem;
  width: .75rem;
  margin-right: 1rem;
}

.customer .field .form__message svg {
  align-self: start;
}

.form-status {
  margin: 0;
  font-size: 1.6rem;
}

.form-status-list {
  padding: 0;
  margin: 2rem 0 4rem;
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .gg-first-promo .first-image {
    margin-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .gg-first-promo .first-image {
    margin-right: 6rem;
  }
}

.gg-first-promo p a {
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.gg-first-promo p a:hover {
  color: hsla(268, 99.1%, 56.3%, 1);
}

@media (min-width: 768px) {
  .gg-second-promo .first-image {
    order: 2;
    margin-left: 3rem;
  }
}

@media (min-width: 1024px) {
  .gg-second-promo .first-image {
    margin-left: 6rem;
  }
}

@media (min-width: 768px) {
  .gg-second-promo .first-image p {
    text-align: right;
  }
}

.gg-second-promo p a {
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.gg-second-promo p a:hover {
  color: hsla(268, 99.1%, 56.3%, 1);
}

/* Initial state for all animated elements */

[data-animate-in="true"] [data-animate-child="true"] {
  opacity: 0;
}

/* Specific initial state for images */

[data-animate-in="true"] [data-animate-child="true"][data-animate-image="true"] {
  filter: brightness(1.3);
  transform: none;
  /* Resets any transform inherited from general styles */
}

/* Animation for non-image elements */

[data-animate-start="true"][data-animate-type="fade-in-up"] [data-animate-child="true"]:not([data-animate-image="true"]) {
  animation: fadeInUpAnimation 400ms ease-out forwards;
}

/* Animation for non-image 'fade in' elements */

[data-animate-start="true"][data-animate-type="fade-in"] [data-animate-child="true"]:not([data-animate-image="true"]) {
  animation: fadeInAnimation 400ms ease-out forwards;
}

/* Animation specifically for image elements */

[data-animate-start="true"][data-animate-type="fade-in-up"] [data-animate-child="true"][data-animate-image="true"],
[data-animate-start="true"][data-animate-type="fade-in"] [data-animate-child="true"][data-animate-image="true"] {
  animation: fadeInImage 700ms ease-out forwards;
}

[data-animate-order="1"] {
  animation-delay: 0.1s !important;
}

[data-animate-order="2"] {
  animation-delay: 0.3s !important;
}

[data-animate-order="3"] {
  animation-delay: 0.5s !important;
}

[data-animate-order="4"] {
  animation-delay: 0.8s !important;
}

[data-animate-transform="right"] {
  transform-origin: left;
  opacity: 0;
}

/* Increase specificity for the right transform animation */

[data-animate-start="true"][data-animate-type="fade-in"] [data-animate-child="true"][data-animate-transform="right"] {
  animation: growRight 600ms ease-out forwards;
}

@keyframes fadeInUpAnimation {
  from {
    transform: translateY(.75rem);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInAnimation {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeInImage {
  from {
    filter: brightness(1.3);
    opacity: 0;
  }

  to {
    filter: brightness(1);
    opacity: 1;
  }
}

@keyframes growRight {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}

.cta {
  font-family: Mulish, sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.cta.primary {
  border-width: 1px;
  border-color: hsla(300, 2.6%, 7.6%, 1);
  background-color: hsla(300, 2.6%, 7.6%, 1);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: hsla(0, 0%, 100%, 1);
}

.cta.primary:hover {
  background-color: hsla(270, 2.3%, 16.9%, 1);
}

.cta.primary.white {
  border-color: hsla(0, 0%, 100%, 1);
  background-color: hsla(0, 0%, 100%, 1);
  color: hsla(268, 99.1%, 56.3%, 1);
}

.cta.primary.white:hover {
  background-color: hsla(36, 33.3%, 97.1%, 1);
}

.cta.primary.outlined {
  border-width: 1px;
  border-style: solid;
  border-color: hsla(300, 2.6%, 7.6%, 1);
  background-color: hsla(0, 0%, 100%, 1);
  color: hsla(300, 2.6%, 7.6%, 1);
}

.cta.primary.outlined:hover {
  background-color: hsla(36, 33.3%, 97.1%, 1);
}

.cta.secondary {
  color: hsla(268, 99.1%, 56.3%, 1);
}

.cta.secondary:hover {
  color: hsla(272, 48.6%, 34.3%, 1);
}

.cta.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.cta.text {
  color: hsla(268, 99.1%, 56.3%, 1);
}

.cta.text:hover {
  color: hsla(272, 48.6%, 34.3%, 1);
}

.page-header {
  top: 0px;
  left: 0px;
  z-index: 50;
  width: 100%;
  background-color: hsla(0, 0%, 100%, 1);
}

.header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-bottom-color: hsla(0, 0%, 96.5%, 1);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px) {
  .header-bar {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.brand {
  font-weight: 700;
}

.social {
  display: flex;
}

.page-header svg {
  fill: white;
}

.menu-wrapper {
  position: absolute;
  left: 0px;
  top: -100dvh;
  z-index: -1;
  height: 100dvh;
  width: 100vw;
  overflow: hidden;
  background-color: hsla(36, 33.3%, 97.1%, 1);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
  .menu-wrapper {
    position: relative;
    top: auto;
    z-index: auto;
    display: flex;
    height: auto;
    width: 66.666667%;
    justify-content: space-between;
    overflow: visible;
    background-color: hsla(0, 0%, 100%, 1);
  }
}

.toggle-menu path {
  transform-origin: center;
  fill: hsla(300, 2.6%, 7.6%, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.toggle-menu.is-visible .cross-1 {
  --tw-translate-y: .325rem;
  --tw-translate-x: -0.25rem;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.toggle-menu.is-visible .cross-2 {
  --tw-translate-x: -1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.toggle-menu.is-visible .cross-3 {
  --tw-translate-y: -.325rem;
  --tw-translate-x: -0.25rem;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px) {
  .level-1 > li > a {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}

@media (min-width: 1280px) {
  .level-1 > li > a {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .level-2 {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    display: flex;
    width: 100%;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-wrap: nowrap;
    background-color: hsla(36, 33.3%, 97.1%, 1);
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

.level-2 .promos {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  border-top-width: 1px;
  border-top-color: hsla(0, 0%, 78.4%, 1);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px) {
  .level-2 .promos {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 25%;
    background-color: hsla(0, 0%, 100%, 1);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.level-2 .promos a {
  width: 100%;
}

@media (min-width: 1024px) {
  .level-2 .promos a {
    display: block;
    width: 100%;
    padding-bottom: 1.5rem;
  }
}

.level-2 .promos .image {
  position: relative;
  display: flex;
  aspect-ratio: 3/2;
  width: 100%;
}

.level-2 .promos img {
  margin-bottom: 0.5rem;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.level-2 .links {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.88rem;
  color: hsla(240, 0.8%, 25.3%, 1);
}

@media (min-width: 1024px) {
  .level-2 .links {
    width: 50%;
    flex-wrap: nowrap;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.level-2 .links > ul {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

.product.level-2 .links > ul {
  gap: 0;
}

@media (min-width: 1024px) {
  .level-2 .links > ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .level-2 .links > ul.full-ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .level-2 .links.full {
    width: 75%;
  }
}

.level-2 .links.full > ul {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
}

.product.level-2 .links.full > ul {
  gap: 0;
}

@media (min-width: 1024px) {
  .level-2 .links.full > ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.level-2 .links.full > li {
  width: 100%;
}

.level-2 .links.full > li > a:after,
            .level-2 .links.full > li > a:before {
  display: none;
}

product-info .loading-overlay:not(.level-2 .links.full > li > a) ~ *:after,
  .quantity__rules-cart .loading-overlay:not(.level-2 .links.full > li > a) ~ *:after,product-info .loading-overlay:not(
            .level-2 .links.full > li > a) ~ *:before,
  .quantity__rules-cart .loading-overlay:not(
            .level-2 .links.full > li > a) ~ *:before {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.level-2 .links.full > li > a) ~ *:after,.cart-item .loading-overlay:not(
            .level-2 .links.full > li > a) ~ *:before {
  visibility: hidden;
}

.level-2 .links .nested {
  position: relative;
  width: 100%;
  padding-bottom: 0.5rem;
  font-family: Mulish, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  color: hsla(300, 2.6%, 7.6%, 1);
  text-decoration-line: none;
}

@media (min-width: 1024px) {
  .level-2 .links .nested {
    width: auto;
  }
}

.level-2 .links .nested:after,
      .level-2 .links .nested:before {
  position: absolute;
  right: 0px;
  top: 50%;
  height: 1.5rem;
  width: 1.5rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
  .level-2 .links .nested:after,
      .level-2 .links .nested:before {
    display: none;
  }
}

.level-2 .links .nested:after,
      .level-2 .links .nested:before {
  content: "";
}

.level-2 .links .nested:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12L19 12M12 19L12 5' stroke='%23141314' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.level-2 .links .nested:before {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12L19 12' stroke='%23141314' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.level-2 .links .nested.is-active:after {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.level-2 .links .nested.is-active:before {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.level-2 .links > li {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px) {
  .level-2 .links > li {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.level-2 .links > li li {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.level-2 .cat-image {
  position: relative;
  display: none;
  width: 25%;
}

product-info .loading-overlay:not(.level-2 .cat-image) ~ *,
  .quantity__rules-cart .loading-overlay:not(.level-2 .cat-image) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.level-2 .cat-image) ~ * {
  visibility: hidden;
}

@media (min-width: 1024px) {
  .level-2 .cat-image {
    display: flex;
    max-height: 80vh;
  }

  .level-2 .cat-image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.level-2 .cat-image p {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  line-height: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, 1);
  font-family: Druk, sans-serif;
  font-size: 1.88rem;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .level-2 .cat-image p {
    font-size: 2.25rem;
  }
}

.headwear-icon img, .headwear-icon p {
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.headwear-icon:hover p {
  color: hsla(268, 99.1%, 56.3%, 1);
}

.headwear-icon:hover img {
  --tw-brightness: brightness(.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.level-1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 1024px) {
  .level-1 {
    margin-left: 0.25rem;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 1280px) {
  .level-1 {
    margin-left: 1rem;
  }
}

@media (min-width: 1024px) {
  .level-1 > li {
    margin-right: 1rem;
  }
}

.level-1 > li > a {
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  transition-duration: 300ms;
}

@media (min-width: 1024px) {
  .level-1 > li > a {
    width: auto;
    white-space: nowrap;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 0.88rem;
    font-weight: 400;
  }

  .level-1 > li > a:hover {
    background-color: hsla(36, 33.3%, 97.1%, 1);
    color: hsla(268, 99.1%, 56.3%, 1);
  }
}

@media (min-width: 1280px) {
  .level-1 > li > a {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.level-1 > li > a:after {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  height: 1.5rem;
  width: 1.5rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px) {
  .level-1 > li > a:after {
    display: none;
  }
}

.level-1 > li > a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23141314' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
}

.level-1 a {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Mulish, sans-serif;
  color: hsla(300, 2.6%, 7.6%, 1);
  text-decoration-line: none;
  transition-duration: 300ms;
}

.level-1:hover > a {
  color: hsla(272, 48.6%, 34.3%, 1);
}

.level-3 {
  display: grid;
  max-height: 0px;
  transform-origin: top;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.product.level-3 {
  gap: 0;
}

@media (min-width: 1024px) {
  .level-3 {
    max-height: none;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    overflow: auto;
  }
}

.level-3.is-open {
  max-height: 200vh;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.level-3 .shop-now a, .level-3 [class^="shop-all"] a {
  font-family: Mulish, sans-serif;
  font-weight: 800;
  color: hsla(268, 99.1%, 56.3%, 1);
  transition-duration: 300ms;
}

.level-3 .shop-now a:hover, .level-3 [class^="shop-all"] a:hover {
  color: hsla(272, 48.6%, 27.5%, 1);
}

.level-3 a {
  transition-duration: 300ms;
}

@media (min-width: 1024px) {
  .level-3 a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.level-3 a:hover {
  color: hsla(272, 48.6%, 34.3%, 1);
}

.links .jersey-nav-block .title, .links .jersey-nav-block img, .links .jersey-nav-block .support-text, .links .jersey-nav-block .link-text {
  transition-duration: 300ms;
}

.links .jersey-nav-block .title {
  margin-bottom: 0.25rem;
  font-family: Mulish, sans-serif;
  font-weight: 700;
}

.links .jersey-nav-block .support-text {
  margin-bottom: 0.5rem;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 0.88rem;
  font-weight: 400;
}

.links .jersey-nav-block .link-text {
  font-family: Mulish, sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  color: hsla(268, 99.1%, 56.3%, 1);
}

.links .jersey-nav-block:hover img {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.links .jersey-nav-block:hover .title, .links .jersey-nav-block:hover .link-text {
  color: hsla(272, 48.6%, 27.5%, 1);
}

.menu-wrapper.is-visible {
  top: 0px;
}

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

@media (min-width: 1024px) {
  .list-wrapper {
    width: 100%;
    overflow: visible;
  }
}

.list-wrapper:nth-child(2),
.list-wrapper:nth-child(3) {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.list-wrapper:nth-child(2).is-visible,
.list-wrapper:nth-child(3).is-visible {
  transform: none;
}

.list-wrapper:nth-child(1) > ul > li > .sub-menu {
  display: none;
}

product-info .loading-overlay:not(.list-wrapper:nth-child(1) > ul > li > .sub-menu) ~ *,
  .quantity__rules-cart .loading-overlay:not(.list-wrapper:nth-child(1) > ul > li > .sub-menu) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.list-wrapper:nth-child(1) > ul > li > .sub-menu) ~ * {
  visibility: hidden;
}

@media (min-width: 1024px) {
  .list-wrapper:nth-child(1) > ul > li > .sub-menu {
    display: flex;
  }
}

.sub-menu.level-2 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px) {
  .sub-menu.level-2 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.sub-menu-wrapper .level-3 li a {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.sub-menu-wrapper .level-2 a.nested {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.menu-wrapper a {
  position: relative;
  display: inline-block;
}

.menu-wrapper a.is-active {
}

.back-one-level {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-bottom-width: 1px;
  border-bottom-color: hsla(0, 2.2%, 91.2%, 1);
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
}

.back-one-level span {
  font-family: Druk, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  text-transform: uppercase;
  color: hsla(272, 48.6%, 34.3%, 1);
}

.back-one-level svg {
  position: absolute;
  left: 1rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.utility {
  display: flex;
  width: calc(66.6666% - 2rem);
  justify-content: flex-end;
}

@media (min-width: 1024px) {
  .utility {
    width: 14%;
  }
}

.utility .icon {
  display: flex;
  height: 1.5rem;
  width: 3.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.utility .icon.last {
  width: 2.5rem;
  padding-right: 0px;
}

.list-wrapper {
  position: relative;
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.active-wrapper {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Cart items */

.footer-group {
  color: hsla(36, 33.3%, 97.1%, 1);
}

.footer-group .logo svg {
  width: 100%;
  max-width: 9rem;
}

@media (min-width: 768px) {
  .footer-group .logo svg {
    max-width: 100%;
  }
}

.footer-group li a {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.88rem;
  transition-duration: 300ms;
}

.footer-group li a:hover {
  color: hsla(272, 30.8%, 45.9%, 1);
}

.footer-group .icon path {
  fill: hsla(36, 33.3%, 97.1%, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.footer-group .icon:hover path {
  fill: hsla(272, 30.8%, 45.9%, 1);
}

.footer-group .social a {
  margin-right: 2rem;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
}

.footer-promo-block .icon {
  margin-bottom: 0.5rem;
}

.footer-promo-block .icon svg {
  height: 2.5rem;
  width: 2.5rem;
}

.newsletter-form .icon path {
  fill: hsla(36, 33.3%, 97.1%, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.newsletter-form .icon:hover path {
  fill: hsla(272, 30.8%, 45.9%, 1);
}

/* Filter Swatches */

button[data-fvalue=Purple] .gf-Checkbox, a[title='Purple'] .gf-Checkbox {
  background-color: var(--swatch-purple-group);
}

button[data-fvalue=Black] .gf-Checkbox, a[title='Black'] .gf-Checkbox {
  background-color: var(--swatch-black-group);
}

button[data-fvalue=Grey] .gf-Checkbox, a[title='Grey'] .gf-Checkbox {
  background-color: var(--swatch-grey-group);
}

button[data-fvalue=Blue] .gf-Checkbox, a[title='Blue'] .gf-Checkbox {
  background-color: var(--swatch-blue-group);
}

button[data-fvalue=Green] .gf-Checkbox, a[title='Green'] .gf-Checkbox {
  background-color: var(--swatch-green-group);
}

button[data-fvalue=Red] .gf-Checkbox, a[title='Red'] .gf-Checkbox {
  background-color: var(--swatch-red-group);
}

button[data-fvalue=Orange] .gf-Checkbox, a[title='Orange'] .gf-Checkbox {
  background-color: var(--swatch-orange-group);
}

button[data-fvalue=Pink] .gf-Checkbox, a[title='Pink'] .gf-Checkbox {
  background-color: var(--swatch-pink-group);
}

button[data-fvalue=Brown] .gf-Checkbox, a[title='Brown'] .gf-Checkbox {
  background-color: var(--swatch-brown-group);
}

button[data-fvalue=Yellow] .gf-Checkbox, a[title='Yellow'] .gf-Checkbox {
  background-color: var(--swatch-yellow-group);
}

.Association, button[data-fvalue=Association] .gf-Checkbox, a[title='Association'] .gf-Checkbox {
  background-image:var(--association)!important;
}

.Icon, button[data-fvalue=Icon] .gf-Checkbox, a[title='Icon'] .gf-Checkbox {
  background-image:var(--icon)!important;
}

.Statement, button[data-fvalue=Statement] .gf-Checkbox, a[title='Statement'] .gf-Checkbox {
  background-image:var(--statement)!important;
}

.City, button[data-fvalue=City] .gf-Checkbox, a[title='City'] .gf-Checkbox {
  background-image:var(--23-24-city-classic)!important;
}

.City.\32\36, [class~="25-26"][class~="City"], button[data-fvalue="City 26"] .gf-Checkbox, a[title='City 26'] .gf-Checkbox, [data-swatch="City 26"], button[data-fvalue="25-26 City"] .gf-Checkbox, a[title='25-26 City'] .gf-Checkbox, [data-swatch="25-26 City"] {
  background-image:var(--25-26-city)!important;
}

.City.Classic[data-name="City 2023-24"], button[data-fvalue='23-24 City/Classic'] .gf-Checkbox, a[title='23-24 City/Classic'] .gf-Checkbox {
  background-image:var(--23-24-city-classic)!important;
}

.City[data-name="City 2018-19"], button[data-fvalue='18-19 City'] .gf-Checkbox, a[title='18-19 City'] .gf-Checkbox {
  background-image:var(--18-19-city)!important;
}

.City[data-name="Authentic 2019-20"], button[data-fvalue='19-20 City'] .gf-Checkbox, a[title='19-20 City'] .gf-Checkbox {
  background-image:var(--19-20-city)!important;
}

.City[data-name="Authentic 2020-21"], button[data-fvalue='20-21 City'] .gf-Checkbox, a[title='20-21 City'] .gf-Checkbox {
  background-image:var(--20-21-city)!important;
}

.City[data-name="Authentic 2021-22"], button[data-fvalue='21-22 City'] .gf-Checkbox, a[title='21-22 City'] .gf-Checkbox {
  background-image:var(--21-22-city)!important;
}

.City[data-jersey-swatch*="2016-17 Authentic Jersey"], .City button[data-fvalue='16-17 Authentic Jersey'] .gf-Checkbox, .City a[title='16-17 Authentic Jersey'] .gf-Checkbox {
  background-image:var(--16-17-authentic-city-jersey)!important;
}

.City[data-jersey-swatch*="2017-18 Authentic Jersey"], .City button[data-fvalue='17-18 Authentic Jersey'] .gf-Checkbox, .City a[title='17-18 Authentic Jersey'] .gf-Checkbox {
  background-image:var(--17-18-authentic-city-jersey)!important;
}

.City[data-jersey-swatch*="2018-19 Authentic Jersey"], .City button[data-fvalue='18-19 Authentic Jersey'] .gf-Checkbox, .City a[title='18-19 Authentic Jersey'] .gf-Checkbox {
  background-image:var(--18-19-authentic-city-jersey)!important;
}

.City[data-jersey-swatch*="2019-20 Authentic Jersey"], .City button[data-fvalue='19-20 Authentic Jersey'] .gf-Checkbox, .City a[title='19-20 Authentic Jersey'] .gf-Checkbox {
  background-image:var(--19-20-authentic-city-jersey)!important;
}

.2022-23.Association, button[data-fvalue='22-23 Association'] .gf-Checkbox, a[title='22-23 Association'] .gf-Checkbox {
  background-image:var(--22-23-association)!important;
}

.2022-23.Icon, button[data-fvalue='22-23 Icon'] .gf-Checkbox, a[title='22-23 Icon'] .gf-Checkbox {
  background-image:var(--22-23-icon)!important;
}

.2022-23.Statement, button[data-fvalue='22-23 Statement'] .gf-Checkbox, a[title='22-23 Statement'] .gf-Checkbox {
  background-image:var(--22-23-statement)!important;
}

.2022-23.City, button[data-fvalue='22-23 City'] .gf-Checkbox, a[title='22-23 City'] .gf-Checkbox {
  background-image:var(--22-23-city)!important;
}

.2019-20.City.Classic, button[data-fvalue='19-20 City/Classic'] .gf-Checkbox, a[title='19-20 City/Classic'] .gf-Checkbox {
  background-image:var(--19-20-city-classic)!important;
}

.Black.White, button[data-fvalue='Black White'] .gf-Checkbox, a[title='Black White'] .gf-Checkbox {
  background-image:var(--black-white)!important;
}

.Black.Purple, button[data-fvalue='Black Purple'] .gf-Checkbox, a[title='Black Purple'] .gf-Checkbox  {
  background-image:var(--black-purple)!important;
}

.Black.Silver, button[data-fvalue='Black Silver'] .gf-Checkbox, a[title='Black Silver'] .gf-Checkbox {
  background-image:var(--black-silver)!important;
}

.Black.Grey, button[data-fvalue='Black Grey'] .gf-Checkbox, a[title='Black Grey'] .gf-Checkbox {
  background-image:var(--black-grey)!important;
}

.Blue.White, button[data-fvalue='Blue White'] .gf-Checkbox, a[title='Blue White'] .gf-Checkbox {
  background-image:var(--blue-white)!important;
}

.Purple.White, button[data-fvalue='Purple White'] .gf-Checkbox, a[title='Purple White'] .gf-Checkbox {
  background-image:var(--purple-white)!important;
}

.Grey.White, button[data-fvalue='Grey White'] .gf-Checkbox, a[title='Grey White'] .gf-Checkbox {
  background-image:var(--grey-white)!important;
}

.Multi.Kings, button[data-fvalue='Multi Kings'] .gf-Checkbox, a[title='Multi Kings'] .gf-Checkbox {
  background-image:var(--multi-kings)!important;
}

.Multi.Retro, button[data-fvalue='Multi Retro'] .gf-Checkbox, a[title='Multi Retro'] .gf-Checkbox {
  background-image:var(--multi-retro)!important;
}

.Multi, button[data-fvalue='Multi'] .gf-Checkbox, a[title='Multi'] .gf-Checkbox {
  background-image:var(--multi)!important;
}

.Heather.Black, button[data-fvalue='Heather Black'] .gf-Checkbox, a[title='Heather Black'] .gf-Checkbox {
  background-image:var(--heather-black)!important;
}

.Heather.Grey, button[data-fvalue='Heather Grey'] .gf-Checkbox, a[title='Heather Grey'] .gf-Checkbox {
  background-image:var(--heather-grey)!important;
}

.Heather.Charcoal, button[data-fvalue='Heather Charcoal'] .gf-Checkbox, a[title='Heather Charcoal'] .gf-Checkbox {
  background-image:var(--heather-charcoal)!important;
}

.Heather.Sand, button[data-fvalue='Heather Sand'] .gf-Checkbox, a[title='Heather Sand'] .gf-Checkbox {
  background-image:var(--heather-sand)!important;
}

.Light.Denim, button[data-fvalue='Light Denim'] .gf-Checkbox, a[title='Light Denim'] .gf-Checkbox {
  background-image:var(--light-denim)!important;
}

.Blue.Brown, button[data-fvalue='Blue Brown'] .gf-Checkbox, a[title='Blue Brown'] .gf-Checkbox {
  background-image: var(--blue-brown) !important;
}

.Brown.Burgundy, button[data-fvalue='Brown Burgundy'] .gf-Checkbox, a[title='Brown Burgundy'] .gf-Checkbox {
  background-image: var(--brown-burgundy) !important;
}

.Grey.Burgundy, button[data-fvalue='Grey Burgundy'] .gf-Checkbox, a[title='Grey Burgundy'] .gf-Checkbox {
  background-image: var(--grey-burgundy) !important;
}

.Sand.Silver, button[data-fvalue='Sand Silver'] .gf-Checkbox, a[title='Sand Silver'] .gf-Checkbox {
  background-image: var(--sand-silver) !important;
}

.Pastel.Blue.Pink, button[data-fvalue='Pastel Blue Pink'] .gf-Checkbox, a[title='Pastel Blue Pink'] .gf-Checkbox {
  background-image: var(--pastel-blue-pink) !important;
}

.Black.Plaid, button[data-fvalue='Black Plaid'] .gf-Checkbox, a[title='Black Plaid'] .gf-Checkbox {
  background-image: var(--black-plaid) !important;
}

.Purple.Plaid, button[data-fvalue='Purple Plaid'] .gf-Checkbox, a[title='Purple Plaid'] .gf-Checkbox {
  background-image: var(--purple-plaid) !important;
}

.Platinum.Silver, button[data-fvalue='Platinum Silver'] .gf-Checkbox, a[title='Platinum Silver'] .gf-Checkbox {
  background-image: var(--platinum-silver) !important;
}

.Red.Blue, button[data-fvalue='Red Blue'] .gf-Checkbox, a[title='Red Blue'] .gf-Checkbox {
  background-image: var(--red-blue) !important;
}

.Oatmeal.Purple, button[data-fvalue='Oatmeal Purple'] .gf-Checkbox, a[title='Oatmeal Purple'] .gf-Checkbox {
  background-image: var(--oatmeal-purple) !important;
}

.Camo, button[data-fvalue='Camo'] .gf-Checkbox, a[title='Camo'] .gf-Checkbox {
  background-image: var(--camo) !important;
}

.Classic[data-jersey-swatch*="2024-25"] {
  background-image: var(--24-25-classic) !important;
}

.City[data-jersey-swatch*="2024-25"] {
  background-image: var(--24-25-city) !important;
}

.Dark.Denim, button[data-fvalue='Dark Denim'] .gf-Checkbox, a[title='Dark Denim'] .gf-Checkbox {
  background-image:var(--dark-denim)!important;
}

.Bone, button[data-fvalue='Bone'] .gf-Checkbox, a[title='Bone'] .gf-Checkbox {
  background-color:var(--swatch-bone)!important;
}

.Oatmeal, button[data-fvalue='Oatmeal'] .gf-Checkbox, a[title='Oatmeal'] .gf-Checkbox {
  background-color:var(--swatch-oatmeal)!important;
}

.Royal.Blue, button[data-fvalue='Royal Blue'] .gf-Checkbox, a[title='Royal Blue'] .gf-Checkbox {
  background-color:var(--swatch-royal-blue)!important;
}

.Black {
  background-color: var(--swatch-black);
}

.Grape {
  background-color: var(--swatch-grape);
}

.Snow{
  background-color: var(--swatch-snow);
}

.Charcoal {
  background-color: var(--swatch-charcoal);
}

.Graphite{
  background-color: var(--swatch-graphite);
}

.Silver {
  background-color: var(--swatch-silver);
}

.Cherry {
  background-color: var(--swatch-cherry);
}

.Redwood{
  background-color: var(--swatch-redwood);
}

.Almond{
  background-color: var(--swatch-almond);
}

.Sand {
  background-color: var(--swatch-sand);
}

.Lake {
  background-color: var(--swatch-lake);
}

.Sky {
  background-color: var(--swatch-sky);
}

.Forest {
  background-color: var(--swatch-forest);
}

.Purple {
  background-color: var(--swatch-purple);
}

.Sage {
  background-color: var(--swatch-sage);
}

.Grey {
  background-color: var(--swatch-grey);
}

.Strawberry {
  background-color: var(--swatch-strawberry);
}

.Rust {
  background-color: var(--swatch-rust);
}

.Gold {
  background-color: var(--swatch-gold);
}

.Plum {
  background-color: var(--swatch-plum);
}

.Warm.Brown {
  background-color: var(--swatch-warm-brown);
}

.Pastel.Blue {
  background-color: var(--swatch-pastel-blue);
}

.Pastel.Pink {
  background-color: var(--swatch-pastel-pink);
}

.Lilac {
  background-color: var(--swatch-lilac);
}

.Warm.Pink {
  background-color: var(--swatch-warm-pink);
}

.Navy {
  background-color: var(--swatch-navy);
}

.Brown {
  background-color: var(--swatch-brown);
}

.Mustard {
  background-color: var(--swatch-mustard);
}

.Cream {
  background-color: var(--swatch-cream);
}

.Lavender {
  background-color: var(--swatch-lavender);
}

.Pale.Lavender {
  background-color: var(--swatch-pale-lavender);
}

@media (min-width: 768px) {
  #bag_page .bag-items {
    width: 66.666667%;
  }
}

@media (min-width: 1024px) {
  #bag_page .bag-items {
    width: 75%;
  }
}

.cart__contents {
  width: 100%;
}

cart-drawer {
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 100;
  height: 100%;
  height: 100dvh;
  width: 85vw;
  max-width: 36rem;
  --tw-translate-x: 85vw;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: hsla(0, 0%, 100%, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

cart-drawer.active {
  pointer-events: auto;
  visibility: visible;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cart-drawer {
  position: relative;
  height: 100%;
}

.drawer__footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: hsla(0, 2.2%, 91.2%, 1);
  padding: 1rem;
}

.cart-item {
  margin-bottom: 2.5rem;
  border-bottom-width: 1px;
  border-bottom-color: hsla(0, 0%, 78.4%, 1);
  padding-bottom: 2.5rem;
}

.cart-item__media {
  width: 70px;
}

@media (min-width: 640px) {
  .cart-item__media {
    width: 110px;
  }
}

@media (min-width: 768px) {
  .cart-item__media {
    width: 190px;
  }
}

.cart-item__details {
  width: calc(100% - 70px);
}

@media (min-width: 640px) {
  .cart-item__details {
    width: calc(80% - 110px);
  }
}

@media (min-width: 768px) {
  .cart-item__details {
    width: calc(80% - 190px);
  }
}

.cart-item__details.drawer-details {
  width: calc(100% - 70px);
}

@media (min-width: 640px) {
  .cart-item__details.drawer-details {
    width: calc(100% - 110px);
  }
}

@media (min-width: 768px) {
  .cart-item__details.drawer-details {
    width: calc(100% - 190px);
  }
}

.cart_price {
  width: 40%;
  text-align: right;
}

@media (min-width: 640px) {
  .cart_price {
    width: 20%;
  }
}

.cart {
  position: relative;
  display: block;
}

.cart__footer-wrapper {
  width: 100%;
}

@media (min-width: 768px) {
  .cart__footer-wrapper {
    width: 33.333333%;
  }
}

@media (min-width: 1024px) {
  .cart__footer-wrapper {
    width: 25%;
  }
}

.cart__empty-text,
.is-empty .cart__contents,
cart-items.is-empty .title-wrapper-with-link,
.is-empty .cart__footer {
  display: none;
}

.is-empty .cart__empty-text,
.is-empty .cart__warnings {
  display: block;
}

.cart__warnings {
  display: none;
  text-align: center;
  padding: 3rem 0 1rem;
}

.cart__empty-text {
  margin: 4.5rem 0 2rem;
}

.cart__contents > * + * {
  margin-top: 2.5rem;
}

.cart__login-title {
  margin: 5.5rem 0 0.5rem;
}

.cart__login-paragraph {
  margin-top: 0.8rem;
}

.cart__login-paragraph a {
  font-size: inherit;
}

@media screen and (min-width: 990px) {
  .cart__warnings {
    padding: 7rem 0 1rem;
  }

  .cart__empty-text {
    margin: 0 0 3rem;
  }
}

cart-items {
  display: block;
}

.cart__items {
  width: 100%;
}

.cart__items .row {
}

.total-row {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.total-row.final-total {
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-bottom-color: hsla(0, 0%, 78.4%, 1);
  border-top-color: hsla(0, 0%, 78.4%, 1);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.total-row.final-total .total-row_title, .total-row.final-total .total-row_value {
  font-size: 1rem;
  font-weight: 700;
}

.total-row.discount .total-row_title, .total-row.discount .total-row_value {
  font-style: italic;
  color: hsla(268, 99.1%, 56.3%, 1);
}

.total-row_title {
  font-size: 0.88rem;
  color: hsla(240, 0.8%, 25.3%, 1);
}

.total-row_value {
  text-align: right;
  font-size: 0.88rem;
  color: hsla(240, 0.8%, 25.3%, 1);
}

.cart__items--disabled {
  pointer-events: none;
}

.cart__note {
  height: -moz-fit-content;
  height: fit-content;
}

.cart__note label {
  display: flex;
  align-items: flex-end;
  position: absolute;
  line-height: 1;
  height: 1.8rem;
  top: -3rem;
  color: rgba(var(--color-foreground), 0.75);
}

.cart__note .field__input {
  height: 100%;
  position: relative;
  border-radius: var(--inputs-radius);
  padding: 1rem 2rem;
}

.cart__note .text-area {
  resize: vertical;
}

.cart__note:after,
.cart__note:hover.cart__note:after,
.cart__note:before,
.cart__note:hover.cart__note:before,
.cart__note .field__input:focus,
.cart__note .field__input {
  border-bottom-right-radius: 0;
}

@media screen and (min-width: 750px) {
  .cart__contents > * + * {
    margin-top: 0;
  }

  .cart__items + .cart__footer {
    grid-column: 2;
  }
}

.cart__ctas button {
  width: 100%;
}

.cart__ctas > *:not(noscript:first-child) + * {
  margin-top: 1rem;
}

.cart__update-button {
  margin-bottom: 1rem;
}

.cart__dynamic-checkout-buttons {
  max-width: 36rem;
  margin: 0 auto;
}

.cart__blocks > * + * {
  margin-top: 1rem;
}

.cart__dynamic-checkout-buttons div[role="button"] {
  border-radius: var(--buttons-radius-outset) !important;
}

.cart-note__label {
  display: inline-block;
  margin-bottom: 1rem;
  line-height: calc(1 + 1 / var(--font-body-scale));
}

.tax-note {
  margin: 2.2rem 0 1.6rem auto;
  text-align: center;
  display: block;
}

.cart__checkout-button {
  max-width: 36rem;
}

.cart__ctas {
  text-align: center;
}

@media screen and (min-width: 750px) {
  .cart-note {
    max-width: 35rem;
  }

  .cart__update-button {
    margin-bottom: 0;
    margin-right: 0.8rem;
  }

  .tax-note {
    margin-bottom: 2.2rem;
    text-align: right;
  }

  [data-shopify-buttoncontainer] {
    justify-content: flex-end;
  }

  .cart__ctas {
    display: flex;
    gap: 1rem;
  }
}

/* Cart Item */

.cart-item__quantity-wrapper {
  display: flex;
}

.cart-item__totals {
  position: relative;
}

.cart-items *.right {
  text-align: right;
}

.cart-item__name {
  display: block;
  color: hsla(300, 2.6%, 7.6%, 1);
  text-decoration-line: none;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.cart-item__name:hover {
  color: hsla(272, 48.6%, 34.3%, 1);
}

.cart-item__price-wrapper > * {
  display: block;
  margin: 0;
  padding: 0;
}

.cart-item__discounted-prices dd {
  margin: 0;
}

.cart-item__discounted-prices .cart-item__old-price {
  font-size: 1.4rem;
}

.cart-item__old-price {
  opacity: 0.7;
}

.cart-item__final-price {
  font-weight: 400;
}

.cart-item .loading-overlay {
  top: 0;
  left: auto;
  right: auto;
  bottom: 0;
  padding: 0;
}

@media screen and (min-width: 750px) {
  .cart-item .loading-overlay {
    right: 0;
    padding-top: 4.5rem;
    bottom: auto;
  }
}

.cart-item .loading-overlay:not(.hidden) ~ * {
  visibility: hidden;
}

.cart-item__error {
  display: flex;
  align-items: flex-start;
  margin-top: 1rem;
}

.cart-item__error-text {
  font-size: 1.2rem;
  order: 1;
}

.cart-item__error-text + svg {
  flex-shrink: 0;
  width: 1.2rem;
  margin-right: 0.7rem;
}

.cart-item__error-text:empty + svg {
  display: none;
}

.product-option {
  margin-right: 0.5rem;
}

.product-option dt {
  display: none;
}

product-info .loading-overlay:not(.product-option dt) ~ *,
  .quantity__rules-cart .loading-overlay:not(.product-option dt) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.product-option dt) ~ * {
  visibility: hidden;
}

.product-form__input
  input[type="radio"]:not(.disabled)
  + label
  > .product-option dt {
  display: none;
}

.product-option dd {
  font-size: 0.75rem;
  color: hsla(0, 0%, 32.9%, 1);
}

@media (min-width: 768px) {
  .product-option dd {
    font-weight: 600;
  }
}

.product-option + .product-option {
  border-left-width: 1px;
  border-left-color: hsla(0, 0%, 78.4%, 1);
  padding-left: 0.5rem;
}

@media (min-width: 768px) {
  .product-option + .product-option {
    border-left-width: 0px;
    padding-left: 0px;
  }

  .product-option.cart-drawer-option + .product-option.cart-drawer-option {
    border-left-width: 1px;
    border-left-color: hsla(0, 0%, 78.4%, 1);
    padding-left: 0.5rem;
  }
}

.product-option * {
  display: inline;
  margin: 0;
}

.cart-items thead th {
  text-transform: uppercase;
}

@media screen and (max-width: 749px) {
  .cart-item:last-child {
    margin-bottom: 0;
  }

  .cart-item__totals {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
}

.cart-item__error-text + svg {
  margin-top: 0.4rem;
}

.cart-items {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.cart-items .row {
  display: flex;
  width: 100%;
}

.cart-item {
  display: flex;
  width: 100%;
}

.cart-item__price-wrapper > *:only-child:not(.cart-item__discounted-prices) {
  margin-top: 1rem;
}

/* Quickshop Modal Styles */

/* Modal Structure */

.quickshop-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  transition: opacity 0.3s ease;
}

.quickshop-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}

.quickshop-modal__content {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background-color: white;
  max-height: 90vh;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* Important: prevents scrollbar on parent */
}

@media screen and (min-width: 750px) {
  .quickshop-modal__content {
    max-height: 85vh;
  }
}

/* Sticky Header */

.quickshop-modal__header {
  flex-shrink: 0;
  /* Don't shrink */
  position: relative;
  background-color: white;
  padding: 1.5rem;
  border-bottom: 1px solid #f0f0f0;
  z-index: 10;
}

/* Close Button */

.quickshop-modal__toggle {
  background-color: white;
  border-radius: 50%;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0.25rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: .5rem;
  right: .5rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 11;
}

.quickshop-modal__toggle:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.quickshop-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 1.5rem;
}

/* Scrollable Body */

.quickshop-modal__body {
  flex: 1;
  /* Take up remaining space */
  overflow-y: auto;
  /* Allow scrolling */
  overflow-x: hidden;
  padding: 1.5rem;
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on iOS */
}

.quickshop-modal__info {
  /* Content goes here */
}

/* Sticky Footer */

.quickshop-modal__footer {
  flex-shrink: 0;
  /* Don't shrink */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 1.5rem;
  background-color: hsla(36, 33.3%, 97.1%, 1);
  padding: .75rem;
  border-top: 1px solid #f0f0f0;
  z-index: 10;
}

/* When footer is empty, hide it */

.quickshop-modal__footer:empty {
  display: none;
}

/* Product Image */

.quickshop-product__media {
  flex: 0 0 auto;
  width: 100%;
}

@media screen and (min-width: 750px) {
  .quickshop-product__media {
    width: 40%;
    max-width: 350px;
  }
}

/* Product Info */

.quickshop-product__info {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.quickshop-product__submit .button:before {
  display: none !important;
}

.quickshop-product__submit .button:hover:not(:disabled) {
  background-color: #333;
}

.quickshop-product__submit .button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* View Details Link */

.quickshop-product__view-details a {
  display: block;
}

.quickshop-product__view-details a:hover {
  color: #000;
}

/* Mobile Adjustments */

@media screen and (max-width: 749px) {
  .quickshop-modal__header {
    padding: 1rem;
  }

  .quickshop-modal__body {
    padding: 1rem;
  }

  .quickshop-modal__footer {
    padding: 1rem;
  }

  .quickshop-button {
    opacity: 1;
    /* Always show on mobile */
  }
}

/* Ensure disabled variant options remain clickable */

.quickshop-product input[type="radio"].pill-radio.disabled,
.quickshop-product input[type="radio"].pill-swatch.disabled {
  pointer-events: auto !important;
  cursor: pointer;
}

.quickshop-product input[type="radio"].pill-radio.disabled + .pill,
.quickshop-product input[type="radio"].pill-swatch.disabled + .swatch {
  pointer-events: auto !important;
  cursor: pointer;
}

/* Make sure fieldsets and form elements are never disabled */

.quickshop-product fieldset {
  pointer-events: auto !important;
}

.quickshop-product form {
  pointer-events: auto !important;
}

.product {
  margin: 0;
}

.product.grid {
  gap: 0;
}

.product--no-media {
  max-width: 57rem;
  margin: 0 auto;
}

.product__media-wrapper {
  width: 100%;
}

@media (min-width: 768px) {
  .product__media-wrapper {
    width: 66.666667%;
    padding-right: 2rem;
  }
}

.product__column-sticky {
  z-index: 10;
  display: block;
}

@media (min-width: 768px) {
  .product__column-sticky {
    position: sticky;
    top: 3rem;
  }
}

/* .jersey-media-list {
  &.product__media-list .product__media-item:not(.variant-hidden) {
    @apply opacity-100;
  }
} */

.product__media-list {
  position: relative;
  margin-left: -1.25rem;
  display: grid;
  aspect-ratio: 4/6;
  width: calc(100% + 2.5rem);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  opacity: 1;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.product.product__media-list {
  gap: 0;
}

@media (min-width: 768px) {
  .product__media-list {
    margin-left: 0px;
    aspect-ratio: auto;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }
}

.product__media-list.transition {
  opacity: 0;
}

@media (min-width: 768px) {
  .product__media-list.one-media-item {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.product__media-list .product__media-item {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  .product__media-list .product__media-item {
    position: relative;
    height: auto;
    width: auto;
    opacity: 1;
  }
}

.product__media-list .product__media-item.active {
  opacity: 1;
}

.product__media-list .product__media-item.variant-hidden {
  display: none;
}

product-info .loading-overlay:not(.product__media-list .product__media-item.variant-hidden) ~ *,
  .quantity__rules-cart .loading-overlay:not(.product__media-list .product__media-item.variant-hidden) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.product__media-list .product__media-item.variant-hidden) ~ * {
  visibility: hidden;
}

.product__media-list .product__media-item img {
  position: relative;
}

.product__media-list .product__media {
  aspect-ratio: 4/6;
  height: auto;
  width: 100%;
}

.product-media-container {
  height: 100%;
}

#dots-container {
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
}

#dots-container > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

@media (min-width: 768px) {
  #dots-container {
    display: none;
  }
}

#dots-container .dot {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  background-color: hsla(0, 0%, 78.4%, 1);
}

#dots-container .dot.active {
  background-color: hsla(0, 0%, 41.6%, 1);
}

.product-form__input {
  margin-bottom: 1.5rem;
  width: 100%;
}

@media (min-width: 768px) {
  .product-form__input {
    margin-bottom: 2rem;
  }
}

.product-form__input .variant-option-wrapper {
  display: flex;
}

.product-form__input input[type="radio"].pill-radio:checked + .pill, .product-form__input input[type="radio"].pill-radio:checked + .style-selector {
  border-color: hsla(300, 2.6%, 7.6%, 1);
}

.product-form__input input[type="radio"].pill-radio:checked + .pill:before, .product-form__input input[type="radio"].pill-radio:checked + .style-selector:before {
  opacity: 1;
}

.product-form__input input[type="radio"].pill-radio.disabled + .pill, .product-form__input input[type="radio"].pill-radio:disabled + .style-selector {
  position: relative;
  border-color: hsla(0, 2.2%, 91.2%, 1);
  color: hsla(0, 0%, 78.4%, 1);
}

.product-form__input input[type="radio"].pill-radio.disabled + .pill:after, .product-form__input input[type="radio"].pill-radio:disabled + .style-selector:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  height: 100%;
  width: 1px;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-right-width: 1px;
  border-right-color: hsla(0, 0%, 78.4%, 1);
}

.product-form__input input[type="radio"].pill-radio.disabled + .pill:checked + .pill, .product-form__input input[type="radio"].pill-radio:disabled + .style-selector:checked + .pill {
  border-color: hsla(0, 2.2%, 91.2%, 1);
  color: hsla(0, 0%, 78.4%, 1);
}

.product-form__input input[type="radio"].pill-radio + .pill:before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-color: hsla(300, 2.6%, 7.6%, 1);
  opacity: 0;
  transition-duration: 300ms;
  content: "";
}

.product-form__input input[type="radio"].pill-radio + .pill {
  position: relative;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-right: 1rem;
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  transition-duration: 300ms;
}

.product-form__input input[type="radio"].pill-radio + .style-selector {
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  transition-duration: 300ms;
}

.product-form__input input[type="radio"].pill-radio + .style-selector .swatch-name {
  font-size: 0.88rem;
}

.product-form__input input[type="radio"].pill-radio + .style-selector:checked {
  border-color: hsla(300, 2.6%, 7.6%, 1);
}

.product-form__input input[type="radio"].pill-radio:checked + .style-selector {
  border-color: hsla(300, 2.6%, 7.6%, 1);
}

.product-form__input input[type="radio"].pill-swatch:checked + .swatch .swatch-field:before, .product-form__input input[type="radio"].pill-swatch:checked + .style-selector .swatch-field:before {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.product-form__input input[type="radio"].pill-swatch.disabled + .swatch, .product-form__input input[type="radio"].pill-swatch.disabled + .style-selector {
  position: relative;
  border-color: hsla(0, 2.2%, 91.2%, 1);
  color: hsla(0, 0%, 78.4%, 1);
}

.product-form__input input[type="radio"].pill-swatch.disabled + .swatch .swatch-field:after, .product-form__input input[type="radio"].pill-swatch.disabled + .style-selector .swatch-field:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  height: 100%;
  width: 1px;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-right-width: 1px;
  border-right-color: hsla(0, 0%, 78.4%, 1);
}

.product-form__input input[type="radio"].pill-swatch.disabled + .swatch:checked + .pill, .product-form__input input[type="radio"].pill-swatch.disabled + .style-selector:checked + .pill {
  border-color: hsla(0, 2.2%, 91.2%, 1);
  color: hsla(0, 0%, 78.4%, 1);
}

.product-form__input input[type="radio"].pill-swatch + .swatch {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  font-size: 0.6375rem;
  transition-duration: 300ms;
}

.product-form__input input[type="radio"].pill-swatch + .swatch .swatch-field {
  position: relative;
  margin-bottom: 0.25rem;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  background-size: cover;
  transition-duration: 300ms;
}

@media (min-width: 768px) {
  .product-form__input input[type="radio"].pill-swatch + .swatch .swatch-field {
    height: 1.5rem;
    width: 1.5rem;
  }
}

.product-form__input input[type="radio"].pill-swatch + .swatch .swatch-field:before {
  position: absolute;
  top: -4px;
  left: -4px;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  border-width: 2px;
  border-color: hsla(300, 2.6%, 7.6%, 1);
  opacity: 0;
  transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
}

.product-attributes {
  display: flex;
  flex-direction: column;
  font-size: 0.88rem;
  color: hsla(240, 0.8%, 25.3%, 1);
}

.product-attributes h3 {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: hsla(270, 2.3%, 16.9%, 1);
}

.product-attributes li {
  margin-bottom: 0.5rem;
  list-style-type: disc;
  font-size: 0.88rem;
  line-height: 1.375;
  color: hsla(240, 0.8%, 25.3%, 1);
}

.product-attributes ul {
  margin-left: 1rem;
  margin-top: 1rem;
}

.product-attributes .item {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.product-attributes p {
  margin-bottom: 1rem;
}

.price-target .price-item {
  font-weight: 600;
}

.price-target.card .price-item {
  font-size: 0.88rem;
  font-weight: 400;
}

.price-target .price-item.sale-strike {
  font-size: 0.75rem;
  color: hsla(0, 0%, 32.9%, 1);
  text-decoration-line: line-through;
}

video-defer {
  position: relative;
}

video-defer button {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  z-index: 10;
  height: 2rem;
  width: 2rem;
}

video-defer button .icons {
  position: absolute;
  top: 0px;
  left: 0px;
  transition-duration: 300ms;
}

video-defer button .icons path {
  fill: hsla(300, 2.6%, 7.6%, 1);
}

video-defer button:hover .icons path {
  fill: hsla(272, 48.6%, 34.3%, 1);
}

video-defer button .play {
  opacity: 0;
}

video-defer .preview-image {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  display: flex;
  height: 100%;
  width: 100%;
  transition-duration: 150ms;
}

video-defer .preview-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

video-defer video {
  height: auto;
  width: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}

#product-select-target {
  width: 100%;
  border-style: solid;
  border-color: hsla(0, 0%, 78.4%, 1);
}

#product-select-target .option-selector {
  display: flex;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-duration: 300ms;
}

#product-select-target .option-selector:hover {
  background-color: hsla(0, 2.2%, 91.2%, 1);
}

#product-select-target .name {
  width: 80%;
  text-align: left;
  font-size: 0.88rem;
  color: hsla(240, 0.8%, 25.3%, 1);
}

#product-select-target .number {
  width: 20%;
  text-align: right;
  font-size: 0.88rem;
  color: hsla(240, 0.8%, 25.3%, 1);
}

#product-select-target .product-button {
  position: relative;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  border-radius: 0px;
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.88rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: 300ms;
}

#product-select-target .product-button:after {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  height: 1.5rem;
  width: 1.5rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: 300ms;
  content: "";
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%23141314" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

#product-select-target .dropdown-menu {
  position: absolute;
  left: 0px;
  z-index: 10;
  margin-top: 0px;
  max-height: 250px;
  width: 100%;
  transform-origin: top left;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#product-select-target .dropdown-menu > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: hsla(0, 2.2%, 91.2%, 1);
}

#product-select-target .dropdown-menu {
  overflow-y: scroll;
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  background-color: hsla(0, 0%, 100%, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

#product-select-target.expanded .product-button {
  border-color: hsla(0, 0%, 41.6%, 1);
}

#product-select-target.expanded .product-button:after {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#product-select-target.expanded .dropdown-menu {
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* 
Dawn */

/* Dynamic checkout */

/* Product form */

.product-form {
  display: block;
  position: relative;
}

/* Form Elements */

variant-radios,
variant-selects {
  display: block;
}

.product-form__input input[type="radio"] {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.product-form__input input[type="radio"] + label:before {
  content: "";
  position: absolute;
}

.product-form__input
  input[type="radio"]:not(.disabled)
  + label
  > .visually-hidden {
  display: none;
}

@media screen and (forced-colors: active) {
  .product-form__input input[type="radio"]:checked + label {
    text-decoration: underline;
  }
}

/* Fallback */

.product-form__input input[type="radio"].focused + label,
.no-js .shopify-payment-button__button [role="button"]:focus + label {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.55);
}

/* No outline when focus-visible is available in the browser */

.no-js
  .product-form__input
  input[type="radio"]:focus:not(:focus-visible)
  + label {
  box-shadow: none;
}

.product-form__submit[aria-disabled="true"]
  + .shopify-payment-button
  .shopify-payment-button__button[disabled],
.product-form__submit[disabled]
  + .shopify-payment-button
  .shopify-payment-button__button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

@media screen and (forced-colors: active) {
  .product-form__submit[aria-disabled="true"] {
    color: Window;
  }
}

/* Overrides */

/* Product info */

.product__info-wrapper shopify-payment-terms {
  display: none;
}

product-info .loading-overlay:not(.product__info-wrapper shopify-payment-terms) ~ *,
  .quantity__rules-cart .loading-overlay:not(.product__info-wrapper shopify-payment-terms) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.product__info-wrapper shopify-payment-terms) ~ * {
  visibility: hidden;
}

.product__info-wrapper .text-block {
  font-size: 0.75rem;
  color: hsla(240, 0.8%, 25.3%, 1);
}

.product__info-wrapper .text-block a {
  font-weight: 600;
  color: hsla(268, 99.1%, 56.3%, 1);
}

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

a.product__text {
  display: block;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.product__title {
  word-break: break-word;
  margin-bottom: 1.5rem;
}

.product__accordion .accordion__content {
  padding: 0 1rem;
}

/* Product media */

@media screen and (max-width: 749px) {
  .slider.product__media-list::-webkit-scrollbar {
    height: 0.2rem;
    width: 0.2rem;
  }

  .product__media-list::-webkit-scrollbar-thumb {
    background-color: rgb(var(--color-foreground));
  }

  .product__media-list::-webkit-scrollbar-track {
    background-color: rgba(var(--color-foreground), 0.2);
  }
}

.product__media-icon .icon {
  width: 1.2rem;
  height: 1.4rem;
}

.product__media-icon,
.thumbnail__badge {
  background-color: rgb(var(--color-background));
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  position: absolute;
  left: 1.2rem;
  top: 1.2rem;
  z-index: 1;
  transition: color var(--duration-short) ease,
    opacity var(--duration-short) ease;
}

.product__media-video .product__media-icon {
  opacity: 1;
}

.product__modal-opener--image .product__media-toggle:hover {
  cursor: zoom-in;
}

.product__modal-opener:hover .product__media-icon {
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
}

@media screen and (min-width: 990px) {
  .product__modal-opener .product__media-icon {
    opacity: 0;
  }

  .product__modal-opener:hover .product__media-icon,
  .product__modal-opener:focus .product__media-icon {
    opacity: 1;
  }
}

.product__media-item > * {
  display: block;
  position: relative;
}

.product__media-toggle {
  display: flex;
  border: none;
  background-color: transparent;
  color: currentColor;
  padding: 0;
}

.product__media-toggle::after {
  content: "";
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(var(--border-width) * -1);
  right: calc(var(--border-width) * -1);
  bottom: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  z-index: 2;
}

.product__media-toggle:focus-visible {
  outline: 0;
  box-shadow: none;
}

/* outline styling for Windows High Contrast Mode */

@media (forced-colors: active) {
  .product__media-toggle:focus-visible,
  .product__media-toggle:focus-visible:after,
  .product-form__input input[type="radio"]:focus-visible + label {
    outline: transparent solid 1px;
    outline-offset: 2px;
  }
}

.product__media-toggle.focused {
  outline: 0;
  box-shadow: none;
}

.product__media-toggle:focus-visible:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5);
  border-radius: var(--media-radius);
}

.product__media-toggle.focused:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5);
  border-radius: var(--media-radius);
}

.product-media-modal {
  background-color: rgb(var(--color-background));
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.product-media-modal[open] {
  visibility: visible;
  opacity: 1;
  z-index: 101;
}

.product-media-modal__dialog {
  display: flex;
  align-items: center;
  height: 100vh;
}

.product-media-modal__content {
  max-height: 100vh;
  width: 100%;
  overflow: auto;
}

.product-media-modal__content > *:not(.active),
.product__media-list .deferred-media {
  display: none;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    padding-bottom: 2rem;
  }

  .product-media-modal__content > *:not(.active) {
    display: block;
  }

  .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product__media-list .deferred-media {
    display: block;
  }
}

@media screen and (max-width: 749px) {
  .product--thumbnail
    .is-active
    .product__modal-opener:not(.product__modal-opener--image),
  .product--thumbnail_slider
    .is-active
    .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product--thumbnail .is-active .deferred-media,
  .product--thumbnail_slider .is-active .deferred-media {
    display: block;
    width: 100%;
  }
}

.product-media-modal__content > * {
  display: block;
  height: auto;
  margin: auto;
}

.product-media-modal__content .media {
  background: none;
}

.product-media-modal__model {
  width: 100%;
}

.product-media-modal__toggle {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: 2rem;
  padding: 1.2rem;
  position: fixed;
  z-index: 2;
  top: 2rem;
  width: 4rem;
}

.product-media-modal__content .deferred-media {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    padding: 2rem 11rem;
  }

  .product-media-modal__content > * {
    width: 100%;
  }

  .product-media-modal__content > * + * {
    margin-top: 2rem;
  }

  .product-media-modal__toggle {
    right: 5rem;
    top: 2.2rem;
  }
}

@media screen and (min-width: 990px) {
  .product-media-modal__content {
    padding: 2rem 11rem;
  }

  .product-media-modal__content > * + * {
    margin-top: 1.5rem;
  }

  .product-media-modal__content {
    padding-bottom: 1.5rem;
  }

  .product-media-modal__toggle {
    right: 5rem;
  }
}

.product-media-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.product-media-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

/* Product popup */

.product-popup-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  background: rgba(var(--color-foreground), 0.2);
  height: 100%;
}

.product-popup-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}

.product-popup-modal__content {
  border-radius: var(--popup-corner-radius);
  background-color: rgb(var(--color-background));
  overflow: auto;
  height: 80%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5rem;
  width: 92%;
  position: absolute;
  top: 0;
  padding: 0 1.5rem 0 3rem;
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset)
    var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.product-popup-modal__content.focused {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3),
    var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset)
      var(--popup-shadow-blur-radius)
      rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.product-popup-modal__content:focus-visible {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3),
    var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset)
      var(--popup-shadow-blur-radius)
      rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

@media screen and (min-width: 750px) {
  .product-popup-modal__content {
    padding-right: 1.5rem;
    margin-top: 10rem;
    width: 70%;
    padding: 0 3rem;
  }

  .product-media-modal__dialog .global-media-settings--no-shadow {
    overflow: visible !important;
  }
}

.product-popup-modal__content img {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content table {
    display: block;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
  }

  .product-media-modal__dialog .global-media-settings,
  .product-media-modal__dialog .global-media-settings video,
  .product-media-modal__dialog .global-media-settings model-viewer,
  .product-media-modal__dialog .global-media-settings iframe,
  .product-media-modal__dialog .global-media-settings img {
    border: none;
    border-radius: 0;
  }
}

.product-popup-modal__opener {
  display: inline-block;
}

.product-popup-modal__button {
  font-size: 1.6rem;
  padding-right: 1.3rem;
  padding-left: 0;
  min-height: 4.4rem;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.product-popup-modal__button:hover {
  text-decoration-thickness: 0.2rem;
}

.product-popup-modal__content-info {
  padding-right: 4.4rem;
}

.product-popup-modal__content-info > * {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content-info > * {
    max-height: 100%;
  }
}

.product-popup-modal__toggle {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: sticky;
  padding: 1.2rem;
  z-index: 2;
  top: 1.5rem;
  width: 4rem;
  margin: 0 0 0 auto;
}

.product-popup-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.product-popup-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

.thumbnail-list_item--variant:not(:first-child) {
  display: none;
}

@media screen and (max-width: 749px) {
  .product__modal-opener {
    width: 100%;
  }
}

.image-magnify-full-size {
  cursor: zoom-out;
  z-index: 1;
  margin: 0;
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.image-magnify-hover {
  cursor: zoom-in;
}

.product__modal-opener--image .product__media-zoom-none,
.product__media-icon--none {
  display: none;
}

.product__modal-opener > .loading-overlay__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  display: flex;
  align-items: center;
  height: 48px;
  width: 48px;
}

.product__modal-opener .path {
  stroke: rgb(var(--color-base-accent-1));
  opacity: 0.75;
}

@media (hover: hover) {
  .product__media-zoom-hover,
  .product__media-icon--hover {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .product__media-zoom-hover,
  .product__media-icon--hover {
    display: flex;
  }
}

.js .product__media {
  overflow: hidden !important;
}

/* outline styling for Windows High Contrast Mode */

@media (forced-colors: active) {
  .thumbnail[aria-current]:focus,
  .thumbnail.focused {
    outline: transparent solid 1px;
  }
}

.thumbnail[aria-current]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-foreground));
}

.thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.thumbnail__badge .icon {
  width: 1rem;
  height: 1rem;
}

.thumbnail__badge .icon-3d-model {
  width: 1.2rem;
  height: 1.2rem;
}

.thumbnail__badge {
  color: rgb(var(--color-foreground), 0.6);
  height: 2rem;
  width: 2rem;
  left: auto;
  right: calc(0.4rem + var(--media-border-width));
  top: calc(0.4rem + var(--media-border-width));
}

@media screen and (min-width: 750px) {
  .product:not(.product--small) .thumbnail__badge {
    height: 3rem;
    width: 3rem;
  }

  .product:not(.product--small) .thumbnail__badge .icon {
    width: 1.2rem;
    height: 1.2rem;
  }

  .product:not(.product--small) .thumbnail__badge .icon-3d-model {
    width: 1.4rem;
    height: 1.4rem;
  }
}

.thumbnail-list__item {
  position: relative;
}

.thumbnail-list__item::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.product:not(.featured-product) .product__view-details {
  display: none;
}

.product__view-details {
  display: block;
  text-decoration: none;
}

.product__view-details:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.product__view-details .icon {
  width: 1.2rem;
  margin-left: 1.2rem;
  flex-shrink: 0;
}

/* Inventory status */

/* This keeps the container from getting display: none; applied to it and to make sure we're not introducing some layout shift when switching to an unavailable variant */

.product__inventory.visibility-hidden:empty {
  display: block;
}

.product__inventory.visibility-hidden:empty::after {
  content: "#";
}

/* SKU block */

.product__sku.visibility-hidden::after {
  content: "#";
}

/* Product-thumbnail snippet */

.product-media-container .product__modal-opener {
  display: block;
  position: relative;
}

@media screen and (min-width: 750px) {
  .product-media-container
    .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }
}

/* Recipient form */

.recipient-form {
  /* (2.88[line-height] - 1.6rem) / 2 */
  --recipient-checkbox-margin-top: 0.64rem;
  display: block;
  position: relative;
  max-width: 44rem;
  margin-bottom: 2.5rem;
}

.recipient-form-field-label {
  margin: 0.6rem 0;
}

.recipient-form-field-label--space-between {
  display: flex;
  justify-content: space-between;
}

.recipient-checkbox {
  flex-grow: 1;
  font-size: 1.6rem;
  display: flex;
  word-break: break-word;
  align-items: flex-start;
  max-width: inherit;
  position: relative;
}

.no-js .recipient-checkbox {
  display: none;
}

.recipient-form > input[type="checkbox"] {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  margin: var(--recipient-checkbox-margin-top) 0;
  top: 0;
  left: 0;
  z-index: -1;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.recipient-fields__field {
  margin: 0 0 2rem 0;
}

.recipient-fields .field__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 3.5rem);
  overflow: hidden;
}

.recipient-checkbox > svg {
  margin-top: var(--recipient-checkbox-margin-top);
  margin-right: 1.2rem;
  flex-shrink: 0;
}

.recipient-form .icon-checkmark {
  visibility: hidden;
  position: absolute;
  left: 0.28rem;
  z-index: 5;
  top: 0.4rem;
}

.recipient-form > input[type="checkbox"]:checked + label .icon-checkmark {
  visibility: visible;
}

.js .recipient-fields {
  display: none;
}

.recipient-fields hr {
  margin: 1.6rem auto;
}

.recipient-form > input[type="checkbox"]:checked ~ .recipient-fields {
  display: block;
  animation: animateMenuOpen var(--duration-default) ease;
}

.recipient-form
  > input[type="checkbox"]:not(:checked, :disabled)
  ~ .recipient-fields,
.recipient-email-label {
  display: none;
}

.js .recipient-email-label.required,
.no-js .recipient-email-label.optional {
  display: inline;
}

.recipient-form ul {
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding-left: 4.4rem;
  text-align: left;
}

.recipient-form ul a {
  display: inline;
}

.recipient-form .error-message::first-letter {
  text-transform: capitalize;
}

@media screen and (forced-colors: active) {
  .recipient-fields > hr {
    border-top: 0.1rem solid rgb(var(--color-background));
  }

  .recipient-checkbox > svg {
    background-color: inherit;
    border: 0.1rem solid rgb(var(--color-background));
  }

  .recipient-form > input[type="checkbox"]:checked + label .icon-checkmark {
    border: none;
  }
}

#infiniteoptions-container .name, #infiniteoptions-container .number {
  display: flex;
  flex-direction: column;
}

#infiniteoptions-container label {
  margin-bottom: 0.25rem;
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 600;
  color: hsla(270, 2.3%, 16.9%, 1);
}

#infiniteoptions-container input[type="text"], #infiniteoptions-container input[type="number"] {
  width: 100%;
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-family: Mulish, sans-serif;
  font-size: 0.88rem;
}

#infiniteoptions-container .spb-helptext {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: hsla(0, 0%, 41.6%, 1);
}

#infiniteoptions-container .spb-select {
  position: relative;
  margin-bottom: 1.5rem;
}

#infiniteoptions-container .spb-select:after {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  height: 0.5rem;
  width: 0.75rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: "";
  background: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6 6L11 1" stroke="%23141314" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

#infiniteoptions-container .spb-select select {
  width: 100%;
  max-width: 24rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  color: hsla(0, 0%, 32.9%, 1);
}

.card .media.media--hover-effect > img:only-child,
.card-wrapper .media.media--hover-effect > img:only-child {
  transition: all 400ms ease-in-out;
}

.clp-category-block {
}

.card:hover .media.media--hover-effect > img:first-child:only-child,
.card-wrapper:hover .media.media--hover-effect > img:first-child:only-child {
}

.card-wrapper:hover
  .media.media--hover-effect
  > img:first-child:not(:only-child) {
  opacity: 0;
}

.card-wrapper:hover .media.media--hover-effect > img + img {
  opacity: 1;
  transition: all 400ms ease-in-out;
}

.card-wrapper .swatch-field[data-swatch="City 26"] {
  display: none;
  visibility: hidden;
}

.card__media {
  background-color: hsla(0, 0%, 96.5%, 1);
  background-image: url('crown.png');
  background-repeat: no-repeat;
  background-size: 3rem 3rem ;
  background-position: center;
}

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

.card__media.loading {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.gf-Checkbox {
  background-color: hsla(36, 33.3%, 97.1%, 1);
}

1

.gf-top_one #gf-overlay {
  display: none;
}

product-info .loading-overlay:not(1

.gf-top_one #gf-overlay) ~ *,
  .quantity__rules-cart .loading-overlay:not(1

.gf-top_one #gf-overlay) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(1

.gf-top_one #gf-overlay) ~ * {
  visibility: hidden;
}

.gf-top_one .product-grid-container #gf-grid .sort-by.limit-by {
  display: none;
}

product-info .loading-overlay:not(.gf-top_one .product-grid-container #gf-grid .sort-by.limit-by) ~ *,
  .quantity__rules-cart .loading-overlay:not(.gf-top_one .product-grid-container #gf-grid .sort-by.limit-by) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.gf-top_one .product-grid-container #gf-grid .sort-by.limit-by) ~ * {
  visibility: hidden;
}

.gf-top_one .product-grid-container #gf-grid .gf-summary {
  order: 10;
  width: 100%;
}

.gf-top_one .product-grid-container #gf-grid .gf-filter-trigger, .gf-top_one .product-grid-container #gf-grid .gf-filter-selection, .gf-top_one .product-grid-container #gf-grid .gf-refine-toggle-mobile {
  display: block;
}

@media (min-width: 768px) {
  .gf-top_one .product-grid-container #gf-grid .globo-selected-items-wrapper {
    display: block !important;
  }
}

.gf-top_one .product-grid-container #gf-grid .globo-selected-items-wrapper .gf-option-label {
  font-size: 0.88rem;
}

.gf-top_one .product-grid-container #gf-grid .globo-selected-items-wrapper .gf-option-label .hidden-xs {
  display: none;
}

product-info .loading-overlay:not(.gf-top_one .product-grid-container #gf-grid .globo-selected-items-wrapper .gf-option-label .hidden-xs) ~ *,
  .quantity__rules-cart .loading-overlay:not(.gf-top_one .product-grid-container #gf-grid .globo-selected-items-wrapper .gf-option-label .hidden-xs) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.gf-top_one .product-grid-container #gf-grid .globo-selected-items-wrapper .gf-option-label .hidden-xs) ~ * {
  visibility: hidden;
}

.gf-top_one .product-grid-container #gf-grid .globo-selected-items-wrapper .gf-option-label a {
}

.spf-has-filter #gf-products {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

#gf-grid #gf-products {
  position: relative;
}

#gf-grid #gf-products:before {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: -50vw;
  z-index: 10;
  display: block !important;
  height: 100%;
  width: 150vw;
  background-color: hsla(300, 2.6%, 7.6%, 1);
  opacity: 0;
  transition-duration: 300ms;
  content: "";
}

.gf-top_one .product-grid-container #gf-controls-container .sort-by:not(.limit-by) {
  display: flex;
}

.offcanvas-open .product-grid-container #gf-tree .gf-filter-contents .gf-filter-contents-inner {
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.offcanvas-open .gf-refine-toggle-mobile {
  border-width: 1px;
  border-color: hsla(268, 99.1%, 56.3%, 1) !important;
  background-color: hsla(32, 26.3%, 88.8%, 1) !important;
  color: hsla(272, 48.6%, 34.3%, 1) !important;
}

.offcanvas-open .gf-refine-toggle-mobile span {
  pointer-events: none;
}

.offcanvas-open #gf-overlay {
  display: none;
}

product-info .loading-overlay:not(.offcanvas-open #gf-overlay) ~ *,
  .quantity__rules-cart .loading-overlay:not(.offcanvas-open #gf-overlay) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.offcanvas-open #gf-overlay) ~ * {
  visibility: hidden;
}

.offcanvas-open #gf-grid #gf-products:before {
  opacity: 0.3;
}

body > #gf-tree .gf-filter-header > div.gf-filter-heading {
  text-transform: none!important;
  font-family: Mulish, sans-serif;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.25
}

@media (min-width: 768px) {
  body > #gf-tree .gf-filter-header > div.gf-filter-heading {
    font-size: 1.25rem;
  }
}

body #gf-tree {
  left: -100%;
  width: 100% !important;
  background-color: hsla(36, 33.3%, 97.1%, 1);
}

@media (min-width: 768px) {
  body #gf-tree {
    left: 0px;
    width: auto;
    background-color: hsla(0, 0%, 100%, 1);
  }
}

body #gf-tree [data-filter-type="color"] ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

body.product #gf-tree [data-filter-type="color"] ul {
  gap: 0;
}

@media (min-width: 768px) {
  body #gf-tree [data-filter-type="color"] ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0px;
  }
}

body #gf-tree [data-filter-type="color"] .gf-Checkbox {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 9999px;
  flex: 0 0 1.75rem;
}

body #gf-tree .gf-Checkbox {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.125rem;
  border-width: 1px;
  border-color: hsla(240, 0.4%, 52%, 1);
  flex: 0 0 1.25rem;
}

body #gf-tree .gf-option-box li {
  margin-bottom: 1rem;
}

body #gf-tree .gf-filter-header > div.gf-filter-heading {
  text-transform: none;
  font-family: Mulish, sans-serif;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.25
}

@media (min-width: 768px) {
  body #gf-tree .gf-filter-header > div.gf-filter-heading {
    font-size: 1.25rem;
  }
}

body #gf-tree .gf-block-title .h3 {
  margin-bottom: 0.5rem;
  border-width: 0px;
  padding: 0px;
  font-family: Mulish, sans-serif;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.25;
}

@media (min-width: 768px) {
  body #gf-tree .gf-block-title .h3 {
    font-size: 1.25rem;
  }
}

body #gf-tree .gf-block-title .h3 {
  font-size: 1rem!important;
  text-transform: none !important;
}

body #gf-tree .gf-block-title .h3:after {
  float:right;
}

.gf-filter-trigger .fa {
  display: none !important;
}

@media (min-width: 768px) {
  .gf-filter-trigger .gf-refine-toggle-mobile span {
    padding-left: 1.5rem;
    padding-right: 3rem;
  }
}

.gf-filter-trigger .gf-refine-toggle-mobile {
  position: relative;
  transition-duration: 300ms;
}

.gf-filter-trigger .gf-refine-toggle-mobile:before {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7.14286H8.3125M6.1875 7.14286H3M20 17.8571H8.3125M6.1875 17.8571H3M14.6875 12.5H3M20 12.5H16.8125M7.25 5C7.53179 5 7.80204 5.11288 8.0013 5.31381C8.20056 5.51475 8.3125 5.78727 8.3125 6.07143V8.21429C8.3125 8.49845 8.20056 8.77097 8.0013 8.9719C7.80204 9.17283 7.53179 9.28571 7.25 9.28571C6.96821 9.28571 6.69796 9.17283 6.4987 8.9719C6.29944 8.77097 6.1875 8.49845 6.1875 8.21429V6.07143C6.1875 5.78727 6.29944 5.51475 6.4987 5.31381C6.69796 5.11288 6.96821 5 7.25 5ZM7.25 15.7143C7.53179 15.7143 7.80204 15.8272 8.0013 16.0281C8.20056 16.229 8.3125 16.5016 8.3125 16.7857V18.9286C8.3125 19.2127 8.20056 19.4853 8.0013 19.6862C7.80204 19.8871 7.53179 20 7.25 20C6.96821 20 6.69796 19.8871 6.4987 19.6862C6.29944 19.4853 6.1875 19.2127 6.1875 18.9286V16.7857C6.1875 16.5016 6.29944 16.229 6.4987 16.0281C6.69796 15.8272 6.96821 15.7143 7.25 15.7143ZM15.75 10.3571C16.0318 10.3571 16.302 10.47 16.5013 10.671C16.7006 10.8719 16.8125 11.1444 16.8125 11.4286V13.5714C16.8125 13.8556 16.7006 14.1281 16.5013 14.329C16.302 14.53 16.0318 14.6429 15.75 14.6429C15.4682 14.6429 15.198 14.53 14.9987 14.329C14.7994 14.1281 14.6875 13.8556 14.6875 13.5714V11.4286C14.6875 11.1444 14.7994 10.8719 14.9987 10.671C15.198 10.47 15.4682 10.3571 15.75 10.3571Z' stroke='%23141314' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.product-grid-container #gf-tree {
  border-bottom: none !important;
  margin-bottom: 0px !important;
}

.product-grid-container #gf-tree .globo-selected-items-wrapper {
  display: none;
}

product-info .loading-overlay:not(.product-grid-container #gf-tree .globo-selected-items-wrapper) ~ *,
  .quantity__rules-cart .loading-overlay:not(.product-grid-container #gf-tree .globo-selected-items-wrapper) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.product-grid-container #gf-tree .globo-selected-items-wrapper) ~ * {
  visibility: hidden;
}

.product-grid-container #gf-tree .gf-filter-contents .sort-by {
  display: none;
}

product-info .loading-overlay:not(.product-grid-container #gf-tree .gf-filter-contents .sort-by) ~ *,
  .quantity__rules-cart .loading-overlay:not(.product-grid-container #gf-tree .gf-filter-contents .sort-by) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.product-grid-container #gf-tree .gf-filter-contents .sort-by) ~ * {
  visibility: hidden;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-scroll {
  overflow-y: scroll;
}

@media (min-width: 768px) {
  .product-grid-container #gf-tree .gf-filter-contents .gf-scroll {
    max-height: 366px;
  }
}

.product-grid-container #gf-tree .gf-filter-contents .gf-filter-contents-inner {
  display: flex;
  width: 100%;
  background-color: hsla(36, 33.3%, 97.1%, 1);
  padding-top: 2rem;
  padding-bottom: 2rem;
  transition-duration: 500ms;
}

@media (min-width: 768px) {
  .product-grid-container #gf-tree .gf-filter-contents .gf-filter-contents-inner {
    position: absolute;
    top: 3.5rem;
    z-index: 100;
    transform-origin: top;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.product-grid-container #gf-tree .gf-filter-contents .gf-filter-contents-inner:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -50vw;
  display: none;
  height: 100%;
  width: 150vw;
  background-color: hsla(36, 33.3%, 97.1%, 1);
}

product-info .loading-overlay:not(.product-grid-container #gf-tree .gf-filter-contents .gf-filter-contents-inner) ~ *:before,
  .quantity__rules-cart .loading-overlay:not(.product-grid-container #gf-tree .gf-filter-contents .gf-filter-contents-inner) ~ *:before {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.product-grid-container #gf-tree .gf-filter-contents .gf-filter-contents-inner) ~ *:before {
  visibility: hidden;
}

@media (min-width: 768px) {
  .product-grid-container #gf-tree .gf-filter-contents .gf-filter-contents-inner:before {
    display: block;
  }
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block {
  border-width: 0px;
  padding: 0px;
}

@media (min-width: 768px) {
  .product-grid-container #gf-tree .gf-filter-contents .gf-option-block {
    margin-right: 2rem;
    width: 20%;
    max-width: 275px;
    padding-right: 1rem;
  }

  .product-grid-container #gf-tree .gf-filter-contents .gf-option-block:last-child {
    margin-right: 0px;
  }
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block .gf-block-title {
  border-width: 0px;
  padding: 0px;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block .h3 {
  margin-bottom: 0.5rem;
  border-width: 0px;
  background-color: hsla(36, 33.3%, 97.1%, 1);
  padding: 0px;
  font-family: Mulish, sans-serif;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .product-grid-container #gf-tree .gf-filter-contents .gf-option-block .h3 {
    font-size: 1.25rem;
  }
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block .h3 {
  font-size: 1rem!important;
  text-transform: none !important;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block .h3:after {
  display: none;
}

product-info .loading-overlay:not(.product-grid-container #gf-tree .gf-filter-contents .gf-option-block .h3) ~ *:after,
  .quantity__rules-cart .loading-overlay:not(.product-grid-container #gf-tree .gf-filter-contents .gf-option-block .h3) ~ *:after {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.product-grid-container #gf-tree .gf-filter-contents .gf-option-block .h3) ~ *:after {
  visibility: hidden;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block li {
  margin-bottom: 1rem;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block .gf-block-content {
  position: relative;
  display: block;
  width: auto;
  border-radius: 0px;
  border-width: 0px;
  background-color: hsla(36, 33.3%, 97.1%, 1);
  padding: 0px;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block .checked .gf-Checkbox {
  border-color: hsla(300, 2.6%, 7.6%, 1);
  background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.575 6.175L9.475 0.275C9.65833 0.0916663 9.89167 0 10.175 0C10.4583 0 10.6917 0.0916663 10.875 0.275C11.0583 0.458333 11.15 0.691666 11.15 0.974999C11.15 1.25833 11.0583 1.49167 10.875 1.675L4.275 8.275C4.075 8.475 3.84167 8.575 3.575 8.575C3.30833 8.575 3.075 8.475 2.875 8.275L0.275 5.675C0.0916663 5.49167 0 5.25833 0 4.975C0 4.69167 0.0916663 4.45833 0.275 4.275C0.458333 4.09167 0.691667 4 0.975 4C1.25833 4 1.49167 4.09167 1.675 4.275L3.575 6.175Z" fill="white"/></svg>');
  background-size: 12px 9px;
  background-repeat: no-repeat;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block .gf-Checkbox {
  flex: 0 0 1.5rem;
  position: relative;
  margin-right: 0.5rem;
  margin-bottom: 0px;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: hsla(0, 0%, 41.6%, 1);
  background-size: cover;
  transition-duration: 300ms;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block[data-filter-type="color"] button {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block[data-filter-type="color"] .gf-Checkbox {
  flex: 0 0 1.5rem;
  position: relative;
  margin-right: 0.5rem;
  margin-left: 0.25rem;
  margin-bottom: 0px;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  transition-duration: 300ms;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block[data-filter-type="color"] .gf-Checkbox:before {
  position: absolute;
  top: -4px;
  left: -4px;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  border-width: 2px;
  border-color: hsla(300, 2.6%, 7.6%, 1);
  opacity: 0;
  transition-duration: 300ms;
  --tw-content: "";
  content: var(--tw-content);
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block[data-filter-type="color"] .checked .gf-Checkbox:before {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block[data-filter-type="size"] .gf-option-box {
  display: flex;
  flex-direction: column;
}

.product-grid-container #gf-tree .gf-filter-contents .gf-option-block:not([data-filter-type="color"]) .checked .gf-Checkbox {
  background-color: hsla(300, 2.6%, 7.6%, 1);
}

.product-grid-container #gf-tree .gf-option-label {
  font-size: 0.88rem;
}

.product-grid-container #gf-tree .gf-option-label .hidden-xs {
  display: none;
}

product-info .loading-overlay:not(.product-grid-container #gf-tree .gf-option-label .hidden-xs) ~ *,
  .quantity__rules-cart .loading-overlay:not(.product-grid-container #gf-tree .gf-option-label .hidden-xs) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.product-grid-container #gf-tree .gf-option-label .hidden-xs) ~ * {
  visibility: hidden;
}

.product-grid-container #gf-tree .gf-option-label a {
}

.gf-top_one .product-grid-container #gf-tree .globo-selected-items-wrapper .selected-item > a, #gf-controls-container .globo-selected-items-wrapper .selected-item > a {
  border-width: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.gf-top_one .product-grid-container #gf-tree .globo-selected-items-wrapper .selected-item > a:hover, #gf-controls-container .globo-selected-items-wrapper .selected-item > a:hover {
  background-color: hsla(0, 2.2%, 91.2%, 1);
}

.gf-top_one .product-grid-container #gf-tree .globo-selected-items-wrapper .selected-item > a, #gf-controls-container .globo-selected-items-wrapper .selected-item > a {
  background-color: transparent;
}

.gf-top_one .product-grid-container #gf-tree .globo-selected-items-wrapper .selected-item > a.clear-refinements, #gf-controls-container .globo-selected-items-wrapper .selected-item > a.clear-refinements {
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: hsla(300, 2.6%, 7.6%, 1) !important;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.gf-top_one .product-grid-container #gf-tree .globo-selected-items-wrapper .selected-item > a.clear-refinements:hover, #gf-controls-container .globo-selected-items-wrapper .selected-item > a.clear-refinements:hover {
  background-color: hsla(0, 2.2%, 91.2%, 1);
}

.gf-top_one .product-grid-container #gf-tree .globo-selected-items-wrapper .selected-item > a.clear-refinements, #gf-controls-container .globo-selected-items-wrapper .selected-item > a.clear-refinements {
  background-color: transparent;
}

.hero-banner {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .hero-banner {
    height: 80dvh;
    flex-wrap: nowrap;
  }
}

.hero-banner .image {
  position: relative;
  display: flex;
  height: 45dvh;
  width: 100%;
}

@media (min-width: 768px) {
  .hero-banner .image {
    height: 100%;
  }
}

.hero-banner .image img {
  height: 100%;
  width: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-banner .desktop-image {
  display: none;
  height: 100%;
  width: 100%;
}

product-info .loading-overlay:not(.hero-banner .desktop-image) ~ *,
  .quantity__rules-cart .loading-overlay:not(.hero-banner .desktop-image) ~ * {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.hero-banner .desktop-image) ~ * {
  visibility: hidden;
}

@media (min-width: 768px) {
  .hero-banner .desktop-image {
    display: block;
  }
}

.hero-banner .mobile-image {
  display: block;
  height: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .hero-banner .mobile-image {
    display: none;
  }
}

.hero-banner .text {
  display: flex;
  width: 100%;
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .hero-banner.tall {
    height: 80dvh;
  }

  .hero-banner.short {
    height: 55dvh;
  }

  .hero-banner.medium {
    height: 67dvh;
  }
}

.hero-banner.extra-short {
  height: 230px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .hero-banner.extra-short {
    height: 250px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.hero-banner.extra-short.full-bleed {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media (min-width: 768px) {
  .hero-banner.extra-short.full-bleed {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .hero-banner.img-left .image, .hero-banner.img-right .image {
    width: 66.666667%;
  }

  .hero-banner.img-left .text, .hero-banner.img-right .text {
    width: 33.333333%;
  }

  .hero-banner.img-left .image {
    order: 1;
  }

  .hero-banner.img-left .text {
    order: 2;
  }

  .hero-banner.img-right .image {
    order: 2;
  }

  .hero-banner.img-right .text {
    order: 1;
  }
}

.hero-banner.no-text .image:after {
  display: none;
}

product-info .loading-overlay:not(.hero-banner.no-text .image) ~ *:after,
  .quantity__rules-cart .loading-overlay:not(.hero-banner.no-text .image) ~ *:after {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.hero-banner.no-text .image) ~ *:after {
  visibility: hidden;
}

.hero-banner.full-width {
  position: relative;
}

@media (min-width: 768px) {
  .hero-banner.full-width .image {
    position: relative;
    height: 100%;
    width: 100%;
  }
}

.hero-banner.full-width .image:after {
  position: absolute;
  display: none;
  height: 100%;
  width: 100%;
}

product-info .loading-overlay:not(.hero-banner.full-width .image) ~ *:after,
  .quantity__rules-cart .loading-overlay:not(.hero-banner.full-width .image) ~ *:after {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.hero-banner.full-width .image) ~ *:after {
  visibility: hidden;
}

@media (min-width: 768px) {
  .hero-banner.full-width .image:after {
    display: block;
  }
}

.hero-banner.full-width .image:after {
  content: '';
}

@media (min-width: 768px) {
  .hero-banner.full-width .text {
    position: absolute;
    display: flex;
    height: 100%;
    width: 33.333333%;
  }

  .hero-banner.full-width.heroDark .text, .hero-banner.full-width.heroLight .text {
    background-color: hsla(0, 0%, 41.6%, 0);
  }
}

.hero-banner.full-width.center-left .image:after, .hero-banner.full-width.bottom-left .image:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 70%);
}

.hero-banner.full-width.center-left img, .hero-banner.full-width.bottom-left img {
  -o-object-position: right;
     object-position: right;
}

@media (min-width: 768px) {
  .hero-banner.full-width.center-left img, .hero-banner.full-width.bottom-left img {
    -o-object-position: center;
       object-position: center;
  }
}

.hero-banner.full-width.center-right .image:after, .hero-banner.full-width.bottom-right .image:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.60) 100%);
}

@media (min-width: 768px) {
  .hero-banner.full-width.center-right .text, .hero-banner.full-width.bottom-right .text {
    left: 66%;
  }
}

.hero-banner.full-width.center-right img, .hero-banner.full-width.bottom-right img {
  -o-object-position: left;
     object-position: left;
}

@media (min-width: 768px) {
  .hero-banner.full-width.center-right img, .hero-banner.full-width.bottom-right img {
    -o-object-position: center;
       object-position: center;
  }

  .hero-banner.center-left .text, .hero-banner.center-right .text {
    align-items: center;
  }

  .hero-banner.bottom-left .text, .hero-banner.bottom-right .text {
    align-items: flex-end;
  }
}

.hero-banner.heroDark .text {
  background-color: hsla(300, 2.6%, 7.6%, 1);
}

.hero-banner.heroDark .eyebrow, .hero-banner.heroDark p {
  color: hsla(0, 0%, 100%, 1);
}

.hero-banner.heroDark h2 {
  color: hsla(32, 26.3%, 88.8%, 1);
}

.hero-banner.heroLight .text {
  background-color: hsla(36, 33.3%, 97.1%, 1);
}

.hero-banner.heroLight .eyebrow, .hero-banner.heroLight p {
  color: hsla(240, 0.8%, 25.3%, 1);
}

.hero-banner.heroLight h2 {
  color: hsla(300, 2.6%, 7.6%, 1);
}

.one-image-contained {
  position: relative;
  display: flex;
  height: 60dvh;
  max-height: 50rem;
  min-height: 36rem;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .one-image-contained {
    flex-wrap: nowrap;
  }
}

.one-image-contained .image {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
}

.one-image-contained .image:after {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  content: '';
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.00) 50%);
}

.one-image-contained .image img {
  height: 100%;
  width: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.one-image-contained .text {
  position: absolute;
  bottom: 1rem;
  left: 2rem;
  display: flex;
  width: calc(100% - 4remform  message);
}

@media (min-width: 768px) {
  .one-image-contained .text {
    left: 2.5rem;
    width: 33.333333%;
  }
}

.one-image-contained h2, .one-image-contained p {
  color: hsla(0, 0%, 100%, 1);
}

.collection-banner {
  position: relative;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .collection-banner {
    margin-bottom: 0px;
    height: 60dvh;
    max-height: 50rem;
    min-height: 36rem;
    flex-wrap: nowrap;
  }
}

.collection-banner .image {
  position: relative;
  display: flex;
  height: 300px;
  width: 100%;
}

@media (min-width: 768px) {
  .collection-banner .image {
    height: 100%;
    width: 60%;
  }
}

.collection-banner .image:after {
  position: absolute;
  display: none;
  height: 100%;
  width: 100%;
}

product-info .loading-overlay:not(.collection-banner .image) ~ *:after,
  .quantity__rules-cart .loading-overlay:not(.collection-banner .image) ~ *:after {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.collection-banner .image) ~ *:after {
  visibility: hidden;
}

@media (min-width: 768px) {
  .collection-banner .image:after {
    display: block;
  }
}

.collection-banner .image:after {
  content: '';
}

.collection-banner .image img {
  height: 100%;
  width: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.collection-banner .text {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}

@media (min-width: 768px) {
  .collection-banner .text {
    width: 40%;
    padding-top: 0px;
    padding-left: 2.5rem;
  }
}

.collection-banner h2, .collection-banner p {
  color: hsla(270, 2.3%, 16.9%, 1);
}

.page-title {
  text-align: center;
}

.page-title.clp_header {
  position: relative;
  display: flex;
  height: 150px;
  width: 100%;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .page-title.clp_header {
    height: 225px;
  }
}

.page-title.clp_header h1 {
  font-family: Druk, sans-serif;
  font-size: 2.75rem;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .page-title.clp_header h1 {
    font-size: 4.25rem;
  }
}

.page-title.auxillary_header {
  position: relative;
  display: flex;
  height: 175px;
  width: 100%;
  justify-content: center;
}

@media (min-width: 768px) {
  .page-title.auxillary_header {
    height: 200px;
  }
}

.page-title.auxillary_header .text {
  display: flex;
  width: 100%;
  max-width: 1440px;
  justify-content: flex-start;
  align-self: flex-end;
  padding: 1.5rem;
}

.page-title.single_image_page_header {
  font-family: Druk, sans-serif;
  font-size: 1.62rem;
  line-height: 1;
}

.page-title.collection_page_header {
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-family: Mulish, sans-serif;
  font-size: 1.62rem;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .page-title.collection_page_header {
    font-size: 1.75rem;
  }
}

.main-beam .page-title.collection_page_header {
  color: hsla(0, 0%, 100%, 1);
}

.page-title h1 {
}

.page-title p {
  color: hsla(240, 0.8%, 25.3%, 1);
}

.tall-overlay .image:after {
  position: absolute;
  top: 70%;
  height: 30%;
  width: 100%;
  content: '';
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, .6) 100%);
}

.login {
  display: flex;
  min-height: 80vh;
  align-items: flex-start;
  background-color: hsla(36, 33.3%, 97.1%, 1);
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('court-bg-light.svg');
}

.login.register {
  background-color: hsla(300, 2.6%, 7.6%, 1);
  background-image: url('court-bg-dark.svg');
}

.shopify-email-marketing-confirmation__container {
  position: relative;
  min-height: 80vh;
  width: 100%;
  max-width: 100%;
  background-color: hsla(36, 33.3%, 97.1%, 1);
  background-size: cover;
  background-repeat: no-repeat;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}

.shopify-email-marketing-confirmation__container:before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.2;
  content: '';
  background-image: url('court-bg-light.svg');
}

.shopify-email-marketing-confirmation__container p {
  margin-bottom: 1.5rem;
  font-family: Mulish, sans-serif;
}

.shopify-email-marketing-confirmation__container h1 {
  margin-bottom: 1.5rem;
  font-family: Mulish, sans-serif;
  font-weight: 700;
}

.shopify-email-marketing-confirmation__container a {
  display: inline-block;
  font-family: Mulish, sans-serif;
  font-weight: 700;
  color: hsla(268, 99.1%, 56.3%, 1);
}

#sidebar .page-button {
  position: relative;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  border-radius: 0px;
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.88rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-duration: 300ms;
}

#sidebar .page-button:after {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  height: 1.5rem;
  width: 1.5rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: 300ms;
  content: "";
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%23141314" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

#sidebar .dropdown-menu {
  position: absolute;
  left: 0px;
  z-index: 10;
  margin-top: 0px;
  max-height: 250px;
  width: 100%;
  transform-origin: top left;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#sidebar .dropdown-menu > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: hsla(0, 2.2%, 91.2%, 1);
}

#sidebar .dropdown-menu {
  overflow-y: scroll;
  border-width: 1px;
  border-color: hsla(0, 0%, 78.4%, 1);
  background-color: hsla(0, 0%, 100%, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

#sidebar .dropdown-menu li {
  list-style-type: none;
}

#sidebar .dropdown-menu li a {
  display: block;
  width: 100%;
  padding: 1rem;
}

#sidebar.expanded .page-button {
  border-color: hsla(0, 0%, 41.6%, 1);
}

#sidebar.expanded .page-button:after {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#sidebar.expanded .dropdown-menu {
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 768px) {
  .customer.account {
    min-height: 80vh;
  }
}

#recover,
#recover + div {
  display: none;
}

#recover:target {
  display: block;
}

#recover:target + div {
  display: block;
}

#recover:target ~ #login,
#recover:target ~ #login + div {
  display: none;
}

#recover,
#login {
  scroll-margin-top: 20rem;
}

#recover {
  margin-bottom: 0;
}

/* Field */

.field {
  position: relative;
  width: 100%;
  display: flex;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.customer .field {
  display: flex;
}

.field--with-error {
  flex-wrap: wrap;
}

.field__input.newsletter::-moz-placeholder {
  font-weight: 400;
  color: hsla(0, 0%, 78.4%, 1);
  opacity: 1;
}

.field__input.newsletter::placeholder {
  font-weight: 400;
  color: hsla(0, 0%, 78.4%, 1);
  opacity: 1;
}

.field__input.newsletter-light::-moz-placeholder {
  font-weight: 400;
  color: hsla(0, 0%, 32.9%, 1);
  opacity: 1;
}

.field__input.newsletter-light::placeholder {
  font-weight: 400;
  color: hsla(0, 0%, 32.9%, 1);
  opacity: 1;
}

.field__input,
  .customer .field input, .customer .field select {
  flex-grow: 1;
  text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: hsla(0, 0%, 78.4%, 1);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition-duration: 300ms;
}

.field__input:focus, .customer .field input:focus, .customer .field select:focus {
  border-color: hsla(272, 48.6%, 27.5%, 1);
}

.field__input.newsletter:focus {
  border-color: hsla(0, 0%, 78.4%, 1);
}

.field__label,
  .customer .field label {
  pointer-events: none;
  position: absolute;
  left: 0.5rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 0.88rem;
  color: hsla(0, 0%, 41.6%, 1);
  transition-duration: 300ms;
}

.field__input:focus ~ .field__label,
  .field__input:not(:placeholder-shown) ~ .field__label,
  .field__input:-webkit-autofill ~ .field__label,
  .customer .field input:focus ~ label,
  .customer .field input:not(:placeholder-shown) ~ label,
  .customer .field input:-webkit-autofill ~ label {
  top: -18px;
  left: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 0.75rem;
}

.field__input:focus,
  .field__input:not(:placeholder-shown),
  .field__input:-webkit-autofill,
  .customer .field input:focus,
  .customer .field input:not(:placeholder-shown),
  .customer .field input:-webkit-autofill {
}

.field__input::-webkit-search-cancel-button,
  .customer .field input::-webkit-search-cancel-button {
  display: none;
}

.field__input::-moz-placeholder, .customer .field input::-moz-placeholder {
  opacity: 0;
}

.field__input::placeholder,
  .customer .field input::placeholder {
  opacity: 0;
}

.field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}

.field__button > svg {
  height: 2.5rem;
  width: 2.5rem;
}

.field__input:-webkit-autofill ~ .field__button,
  .field__input:-webkit-autofill ~ .field__label,
  .customer .field input:-webkit-autofill ~ label {
  color: rgb(0, 0, 0);
}

@media (min-width: 768px) {
  .order-history td {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 0.5rem;
  }
}

.order-history td.detailBtn {
  padding-right: 0px;
  text-align: right;
}

@media (min-width: 768px) {
  .order-history td.detailBtn {
    width: 220px;
  }
}

.account_sidebar {
  position: relative;
}

.account_sidebar:after {
  position: absolute;
  top: 0px;
  left: -50vw;
  z-index: -1;
  display: none;
  height: 100%;
  width: 50vw;
  background-color: hsla(36, 33.3%, 97.1%, 1);
}

product-info .loading-overlay:not(.account_sidebar) ~ *:after,
  .quantity__rules-cart .loading-overlay:not(.account_sidebar) ~ *:after {
  visibility: hidden;
}

.cart-item .loading-overlay:not(.account_sidebar) ~ *:after {
  visibility: hidden;
}

@media (min-width: 768px) {
  .account_sidebar:after {
    display: block;
  }
}

.account_sidebar:after {
  content: '';
}

.account_sidebar li {
  font-size: 0.88rem;
}

.account_sidebar a {
  display: block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.account_sidebar a.active {
  font-weight: 700;
  color: hsla(268, 99.1%, 56.3%, 1);
}

/* Addresses */

.addresses li > button {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.addresses li > button + button,
  .addresses form button + button {
  margin-top: 0rem;
}

@media screen and (min-width: 750px) {
  .addresses li > button:first-of-type {
    margin-top: 3rem;
  }
}

.addresses form button:first-of-type {
  margin-right: 1rem;
}

label[for='AddressCountryNew'],
  label[for='AddressProvinceNew'] {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 0.6rem;
}

.addresses form {
  display: flex;
  flex-flow: row wrap;
}

.addresses form > div {
  width: 100%;
  text-align: left;
}

.addresses ul {
  list-style: none;
  padding-left: 0;
  text-align: center;
}

li[data-address] {
  margin-top: 5rem;
}

.addresses [aria-expanded='false'] ~ div[id] {
  display: none;
}

.addresses [aria-expanded='true'] ~ div[id] {
  display: block;
}

.addresses h2 {
  text-align: left;
}

li[data-address] > h2 {
  text-align: center;
  font-size: calc(var(--font-heading-scale) * 1.8rem);
  margin-bottom: 0;
}

@media only screen and (min-width: 750px) {
  li[data-address] > h2 {
    font-size: calc(var(--font-heading-scale) * 2.2rem);
  }
}

.addresses ul p {
  margin-bottom: 0;
}

.addresses input[type='checkbox'] {
  margin-top: 2rem;
  margin-left: 0;
}

@media only screen and (min-width: 750px) {
  .addresses form > div:nth-of-type(1) {
  }

  .addresses form > div:nth-of-type(2) {
  }

  .addresses form > div:nth-of-type(1),
    .addresses form > div:nth-of-type(2) {
    box-sizing: border-box;
  }
}

.addresses form > div:nth-of-type(7),
  .addresses form > div:nth-of-type(7) + div[id] {
}

/* Account/Order */

@media screen and (min-width: 750px) and (max-width: 989px) {
  .order > div:nth-of-type(2) > div:last-of-type {
    display: flex;
  }

  .order > div:nth-of-type(2) > div:last-of-type div {
    padding-right: 3.2rem;
  }
}

.account h1 + a {
  display: inline-flex;
  align-items: center;
}

.account a svg {
  width: 1.5rem;
  margin-bottom: -0.03rem;
  margin-right: 1rem;
}

@media screen and (min-width: 750px) {
  .account thead th:last-child,
    .account td:last-child {
    text-align: right;
  }

  .account table td:first-of-type {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
}

.account table td:first-of-type a {
  padding: 1.1rem 1.5rem;
  text-decoration: none;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-link), 0.2);
  border: 0.1rem solid transparent;
  font-size: 1.2rem;
}

.account table td:first-of-type a:hover {
  box-shadow: 0 0 0 0.2rem rgba(var(--color-link), 0.2);
}

.order td:first-of-type {
  align-items: initial;
}

@media screen and (min-width: 750px) {
  .order thead th:nth-last-child(-n + 3),
    .order td:nth-last-child(-n + 3) {
    text-align: right;
  }
}

.order tfoot tr:last-of-type td,
  .order tfoot tr:last-of-type th {
  font-size: 2.2rem;
  padding-top: 1.5rem;
  padding-bottom: 4rem;
}

@media screen and (min-width: 750px) {
  .order tfoot tr:last-of-type td,
    .order tfoot tr:last-of-type th {
    padding-bottom: 2.4rem;
  }
}

.order tfoot tr:last-of-type td:before {
  font-size: 2.2rem;
}

.order table p,
  .order > div:nth-of-type(2) > div:first-of-type h2,
  .order > div:nth-of-type(2) > div:last-of-type h2 + p {
  margin-bottom: 0;
}

.order > div:nth-of-type(2) > div:first-of-type h2 ~ p {
  margin-bottom: 0;
}

.order > div:nth-of-type(2) > div:first-of-type h2 ~ p:last-of-type {
  margin-bottom: 3rem;
}

.order .item-props {
  margin-top: 0.05px;
  display: flex;
  flex-direction: column;
}

.order .item-props > span {
  word-break: break-all;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

.order .fulfillment {
  width: -moz-fit-content;
  width: fit-content;
  border: 0.01rem solid rgba(var(--color-foreground), 0.2);
  padding: 1rem;
  margin-top: 1rem;
  font-size: 1.4rem;
  text-align: left;
}

.order .fulfillment a {
  margin: 0.7rem 0;
}

.order .fulfillment span {
  display: block;
}

.order .cart-discount {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 750px) {
  .order td .cart-discount {
    display: none;
  }
}

.order tbody ul {
  list-style: none;
  text-align: right;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 0;
}

@media screen and (min-width: 750px) {
  .order tbody ul {
    text-align: left;
  }
}

.order table a {
  line-height: calc(1 + 0.3 / var(--font-body-scale));
}

.order tbody tr:first-of-type td:first-of-type > div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media screen and (min-width: 750px) {
  .order tbody tr:first-of-type td:first-of-type > div {
    align-items: flex-start;
  }
}

.order .properties {
  margin-top: 1rem;
}

.order .properties span {
  display: block;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

.order svg {
  width: 1.1rem;
  color: rgb(var(--color-base-accent-2));
  margin-right: 0.5rem;
}

.order dl {
  margin: 0;
}

.order dd {
  margin-left: 0;
  line-height: calc(1 + 0.3 / var(--font-body-scale));
}

.order dd s {
  color: rgba(var(--color-foreground), 0.7);
}

.order .unit-price {
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  margin-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}

.order .regular-price {
  font-size: 1rem;
}

/* 
  Hulk Forms */

.form-control {
  width: 100%;
  border-width: 1px;
  border-color: hsla(0, 0%, 32.9%, 1);
  background-color: hsla(300, 2.6%, 7.6%, 1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-family: Mulish, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: hsla(36, 33.3%, 97.1%, 1);
}

.fitText.block_label:not(.only_label) {
  display: none !important;
}

.fitText.block_label.only_label {
  padding-left: 0.5rem !important;
}

a img {
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

a:hover img {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.product-card-wrapper a:hover img {
  --tw-brightness: brightness(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.collapsible-content__heading {
  font-family: Mulish, sans-serif;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .collapsible-content__heading {
    font-size: 1.25rem;
  }
}

.collapsible-content__heading {
  margin-bottom: 1rem;
  margin-top: 3rem;
}

.collapsible-content .accordion {
  border-bottom-width: 1px;
  border-bottom-color: hsla(0, 0%, 78.4%, 1);
}

.summary .icon-caret {
  transition-duration: 300ms;
}

.accordion__title {
  color: hsla(270, 2.3%, 16.9%, 1);
  transition-duration: 300ms;
}

.collapsible-content summary:hover .accordion__title {
  color: hsla(272, 48.6%, 34.3%, 1);
  text-decoration-line: none;
  text-decoration: none;
}

.accordion__content {
  font-size: 0.88rem;
  color: hsla(240, 0.8%, 25.3%, 1);
}

.accordion__content li {
  margin-left: 0.5rem;
  list-style-position: inside;
  list-style-type: disc;
}

.accordion__content ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
}

.wrapper #insta-feed {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.wrapper #insta-feed h2 {
  font-family: Mulish, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .wrapper #insta-feed h2 {
    font-size: 1.38rem;
  }
}

.main-beam {
  background-color: hsla(300, 2.6%, 7.6%, 1);
}

.main-beam .card__information h4, .main-beam .card__information h3, .main-beam .card__information .price-target.card .price-item {
  color: hsla(0, 0%, 100%, 1) !important;
}

.main-beam .card__information {
  background-color: hsla(300, 2.6%, 7.6%, 1);
}

.main-beam .product-form__input input[type="radio"].pill-swatch + .swatch .swatch-field:before {
  border-color: hsla(0, 0%, 32.9%, 1);
}

.main-beam .style-1 {
  color: hsla(0, 0%, 100%, 1);
}

.main-beam .score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.main-beam .score .score-box {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.main-beam .score .team {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.main-beam .score .team-score {
  font-family: Druk, sans-serif;
  font-size: 3rem;
  line-height: 1;
}

.copy-button {
  transition-duration: 300ms;
}

.copy-button:hover {
  color: hsla(32, 26.3%, 88.8%, 1);
}

.copy-button .icon path {
  fill: hsla(0, 0%, 100%, 1);
  transition-duration: 500ms;
}

.copy-button .icon path:hover {
  fill: hsla(32, 26.3%, 88.8%, 1);
}

.copy-button.copied .icon path {
  fill: hsla(268, 99.1%, 56.3%, 1);
}

.search-modal {
  height: auto;
  background-color: hsla(36, 33.3%, 97.1%, 1);
  padding-top: 0px;
  padding-bottom: 0px;
  opacity: 0;
}

.search-modal.modal__content {
  align-items: flex-start;
}

.search-modal .field {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

details-modal details[open] .mag {
  opacity: 0;
}

details-modal details[open] .close {
  opacity: 1;
}

details > .search-modal {
  z-index: -1;
  animation: animateMenuClose 300ms ease;
}

details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen 300ms ease;
}

@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }

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

@keyframes animateMenuClose {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }
}

.search-modal__content {
  background-color: hsla(36, 33.3%, 97.1%, 1);
  padding-top: 2rem;
  padding-bottom: 1rem;
  width: 100%;
  position: relative;
  box-shadow: 0 .5rem .5rem rgba(0, 0, 0, 0.2);
}

.search-modal__content-bottom {
}

.search-modal__content-top {
  top: calc((var(--inputs-margin-offset) / 2) );
}

.search-modal__form {
  width: 100%;
}

.search-modal__close-button {
  position: absolute;
  right: 0.3rem;
}

@media screen and (min-width: 750px) {
  .search-modal__close-button {
    right: 1rem;
  }

  .search-modal__content {
  }
}

@media screen and (min-width: 990px) {
  .search-modal__form {
  }

  .search-modal__close-button {
    position: initial;
    margin-left: 0.5rem;
  }
}

input[type="search"]::-webkit-search-cancel-button {
  /* Remove default */
  -webkit-appearance: none;
  /* Now your own custom styles */
  height: 0px;
  width: 0px;
  display: none;
  /* Will place small red box on the right of input (positioning carries over) */
}

body .ui-menu.ui-widget-content.ui-autocomplete {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
  border: 0;
  border-radius: 0;
}

body .gl-fullscreen-layer .gl-card-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body .gl-card-title a {
  font-size: 0.88rem;
  font-weight: 800;
  color: hsla(270, 2.3%, 16.9%, 1);
}

body .gl-fullscreen-layer {
  overflow: visible;
  position: relative;
  z-index: 11;
}

body .gl-fullscreen-layer .gl-card-content {
  margin-top: 0.5rem;
}

body .gl-fullscreen-layer .gl-card-pricing {
  margin-top: 0px;
}

body .gl-grid-layer {
  position: relative;
}

body .gl-grid-layer:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: hsla(36, 33.3%, 97.1%, 1);
  margin-left: -100%;
  margin-right: -100%;
}

body .gl-grid-layer.ui-menu-item {
  overflow: visible;
}

.predictive-search {
  background-color: hsla(36, 33.3%, 97.1%, 1);
  overflow-y: auto;
  transition: 300ms ease-out;
  max-height: 0;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

.predictive-search--search-template {
  z-index: 2;
  width: calc(100% + 0.2rem);
}

.predictive-search__results-groups-wrapper {
  display: flex;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  padding-bottom: 1rem;
}

@media screen and (max-width: 749px) {
  .predictive-search--header {
    right: 0;
    left: 0;
    top: 100%;
  }

  .predictive-search__results-groups-wrapper {
    flex-direction: column;
  }

  .predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions) {
    /* On mobile, when there are no suggestions the first .predictive-search__results-groups-wrapper
       * is virtually empty due to a display: hidden on the predictive-search__pages-wrapper child.
       * This causes the gap to render and look like a big top margin */
    gap: 2rem;
  }
}

@media screen and (min-width: 750px) {
  .predictive-search {
    border-top: none;
    width: calc(100% + 0.2rem);
  }

  .header predictive-search {
    position: relative;
  }
}

predictive-search[open] .predictive-search,
  predictive-search[loading] .predictive-search {
  display: block;
}

.predictive-search__result-group {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 2rem;
}

.predictive-search__result-group:first-child .predictive-search__pages-wrapper {
  display: none;
}

@media screen and (min-width: 750px) {
  .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:nth-child(2),
    .predictive-search__result-group:last-child .predictive-search__pages-wrapper {
    display: none;
  }

  .predictive-search__result-group:first-child .predictive-search__pages-wrapper {
    display: initial;
  }

  .predictive-search__result-group:first-child {
    flex: 0 0 20rem;
  }

  .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child,
    .predictive-search__result-group:only-child {
    flex-grow: 1;
  }
}

.predictive-search__heading {
  padding: 1.5rem 0 0.75rem;
}

predictive-search .spinner {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 0;
}

predictive-search:not([loading]) .predictive-search__loading-state,
  predictive-search:not([loading]) .predictive-search-status__loading {
  display: none;
}

predictive-search[loading] .predictive-search__loading-state {
  display: flex;
  justify-content: center;
  padding: 1rem;
}

predictive-search[loading] .predictive-search__search-for-button {
  display: none;
}

predictive-search[loading] .predictive-search__results-groups-wrapper ~ .predictive-search__loading-state {
  display: none;
}

predictive-search[loading] .predictive-search__results-groups-wrapper ~ .predictive-search__search-for-button {
  display: initial;
}

.predictive-search__list-item[aria-selected='true'] > *,
  .predictive-search__list-item:hover > *,
  .predictive-search__item[aria-selected='true'],
  .predictive-search__item:hover {
  color: rgb(var(--color-foreground));
  background-color: rgba(var(--color-foreground), 0.04);
}

.predictive-search__list-item[aria-selected='true'] .predictive-search__item-heading,
  .predictive-search__list-item:hover .predictive-search__item-heading {
  color: hsla(272, 48.6%, 27.5%, 1);
  transition-duration: 300ms;
}

.predictive-search__item {
  margin-bottom: 0.5rem;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.predictive-search__item--link-with-thumbnail {
}

.predictive-search__item-content {
  grid-area: product-content;
  display: flex;
  flex-direction: column;
}

.predictive-search__item-content--centered {
  justify-content: center;
}

.predictive-search__item-vendor {
  font-size: 0.9rem;
}

.predictive-search__item-heading {
  margin: 0;
  text-transform: capitalize;
}

.predictive-search__item-query-result *:not(mark) {
  font-weight: bolder;
}

.predictive-search__item-query-result mark {
  color: rgba(var(--color-foreground), 0.75);
  background-color: transparent;
}

.predictive-search__item .price {
  color: rgba(var(--color-foreground), 0.7);
  font-size: 1.2rem;
}

.predictive-search__item-vendor + .predictive-search__item-heading,
  .predictive-search .price {
  margin-top: 0.5rem;
}

.predictive-search__item--term {
  justify-content: space-between;
  align-items: center;
  padding: 1.3rem 2rem;
  word-break: break-all;
}

@media screen and (min-width: 750px) {
  .predictive-search__item--term {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.predictive-search__item--term .icon-arrow {
  width: calc(var(--font-heading-scale) * 1.4rem);
  height: calc(var(--font-heading-scale) * 1.4rem);
  flex-shrink: 0;
  margin-left: calc(var(--font-heading-scale) * 2rem);
  color: rgb(var(--color-link));
}

.predictive-search__image {
  margin-bottom: 0.25rem;
  width: 100%;
}

.predictive-search__item-content .price-item {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
}

/* @import "partials/slider.css"; */

/* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: IBM Plex Sans, sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

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

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

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

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

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

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

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

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

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

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

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

.pointer-events-auto {
  pointer-events: auto;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-3 {
  bottom: 0.75rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-8 {
  bottom: 2rem;
}

.bottom-\[-\.5rem\] {
  bottom: -.5rem;
}

.left-0 {
  left: 0px;
}

.left-1\/2 {
  left: 50%;
}

.left-2 {
  left: 0.5rem;
}

.left-4 {
  left: 1rem;
}

.left-6 {
  left: 1.5rem;
}

.left-8 {
  left: 2rem;
}

.left-\[-100\%\] {
  left: -100%;
}

.left-\[-4px\] {
  left: -4px;
}

.left-\[-50vw\] {
  left: -50vw;
}

.right-0 {
  right: 0px;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-6 {
  right: 1.5rem;
}

.right-8 {
  right: 2rem;
}

.top-0 {
  top: 0px;
}

.top-1\/2 {
  top: 50%;
}

.top-12 {
  top: 3rem;
}

.top-2 {
  top: 0.5rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-8 {
  top: 2rem;
}

.top-\[-100dvh\] {
  top: -100dvh;
}

.top-\[-18px\] {
  top: -18px;
}

.top-\[-4px\] {
  top: -4px;
}

.top-\[10px\] {
  top: 10px;
}

.top-\[40\%\] {
  top: 40%;
}

.top-\[50\%\] {
  top: 50%;
}

.top-\[70\%\] {
  top: 70%;
}

.top-3 {
  top: 0.75rem;
}

.-left-1 {
  left: -0.25rem;
}

.isolate {
  isolation: isolate;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-50 {
  z-index: 50;
}

.z-\[-1\] {
  z-index: -1;
}

.z-\[100\] {
  z-index: 100;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[60\] {
  z-index: 60;
}

.order-1 {
  order: 1;
}

.order-10 {
  order: 10;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.m-auto {
  margin: auto;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx-\[-0\.5rem\] {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.\!mb-0 {
  margin-bottom: 0px !important;
}

.-ml-5 {
  margin-left: -1.25rem;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-\[40\%\] {
  margin-left: 40%;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mt-0 {
  margin-top: 0px;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-\[-1\.5rem\] {
  margin-top: -1.5rem;
}

.mt-\[-10vh\] {
  margin-top: -10vh;
}

.mt-\[-3rem\] {
  margin-top: -3rem;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}

.aspect-\[2\.5\/3\] {
  aspect-ratio: 2.5/3;
}

.aspect-\[2\/2\.5\] {
  aspect-ratio: 2/2.5;
}

.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}

.aspect-\[3\/4\] {
  aspect-ratio: 3/4;
}

.aspect-\[37\/21\] {
  aspect-ratio: 37/21;
}

.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}

.aspect-\[4\/6\] {
  aspect-ratio: 4/6;
}

.aspect-\[42\/26\] {
  aspect-ratio: 42/26;
}

.aspect-\[5\/3\] {
  aspect-ratio: 5/3;
}

.aspect-\[5\/4\] {
  aspect-ratio: 5/4;
}

.aspect-\[5\/7\] {
  aspect-ratio: 5/7;
}

.aspect-\[6\/4\] {
  aspect-ratio: 6/4;
}

.aspect-\[6\/7\] {
  aspect-ratio: 6/7;
}

.aspect-\[7\/5\] {
  aspect-ratio: 7/5;
}

.aspect-\[8\/6\] {
  aspect-ratio: 8/6;
}

.aspect-\[9\/14\] {
  aspect-ratio: 9/14;
}

.aspect-\[9\/16\] {
  aspect-ratio: 9/16;
}

.aspect-\[9\/5\] {
  aspect-ratio: 9/5;
}

.aspect-\[9\/7\] {
  aspect-ratio: 9/7;
}

.\!h-full {
  height: 100% !important;
}

.h-1 {
  height: 0.25rem;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-2 {
  height: 0.5rem;
}

.h-3 {
  height: 0.75rem;
}

.h-32 {
  height: 8rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[1\.5rem\] {
  height: 1.5rem;
}

.h-\[100dvh\] {
  height: 100dvh;
}

.h-\[141px\] {
  height: 141px;
}

.h-\[14rem\] {
  height: 14rem;
}

.h-\[150px\] {
  height: 150px;
}

.h-\[16rem\] {
  height: 16rem;
}

.h-\[175px\] {
  height: 175px;
}

.h-\[197px\] {
  height: 197px;
}

.h-\[220px\] {
  height: 220px;
}

.h-\[230px\] {
  height: 230px;
}

.h-\[25vh\] {
  height: 25vh;
}

.h-\[2px\] {
  height: 2px;
}

.h-\[30\%\] {
  height: 30%;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[350px\] {
  height: 350px;
}

.h-\[370px\] {
  height: 370px;
}

.h-\[400px\] {
  height: 400px;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[40vh\] {
  height: 40vh;
}

.h-\[45dvh\] {
  height: 45dvh;
}

.h-\[500px\] {
  height: 500px;
}

.h-\[58px\] {
  height: 58px;
}

.h-\[60dvh\] {
  height: 60dvh;
}

.h-\[60vh\] {
  height: 60vh;
}

.h-\[70vh\] {
  height: 70vh;
}

.h-\[80dvh\] {
  height: 80dvh;
}

.h-\[80vh\] {
  height: 80vh;
}

.h-\[calc\(100\%\+8px\)\] {
  height: calc(100% + 8px);
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.max-h-0 {
  max-height: 0px;
}

.max-h-\[200vh\] {
  max-height: 200vh;
}

.max-h-\[250px\] {
  max-height: 250px;
}

.max-h-\[350px\] {
  max-height: 350px;
}

.max-h-\[50rem\] {
  max-height: 50rem;
}

.min-h-\[24vh\] {
  min-height: 24vh;
}

.min-h-\[36rem\] {
  min-height: 36rem;
}

.min-h-\[400px\] {
  min-height: 400px;
}

.min-h-\[500px\] {
  min-height: 500px;
}

.min-h-\[80vh\] {
  min-height: 80vh;
}

.\!w-full {
  width: 100% !important;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/4 {
  width: 25%;
}

.w-1\/5 {
  width: 20%;
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-2 {
  width: 0.5rem;
}

.w-24 {
  width: 6rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\/4 {
  width: 75%;
}

.w-32 {
  width: 8rem;
}

.w-4\/5 {
  width: 80%;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

.w-\[100vw\] {
  width: 100vw;
}

.w-\[141px\] {
  width: 141px;
}

.w-\[150vw\] {
  width: 150vw;
}

.w-\[1px\] {
  width: 1px;
}

.w-\[2\.5rem\] {
  width: 2.5rem;
}

.w-\[225px\] {
  width: 225px;
}

.w-\[28px\] {
  width: 28px;
}

.w-\[3\.5rem\] {
  width: 3.5rem;
}

.w-\[33\%\] {
  width: 33%;
}

.w-\[35vw\] {
  width: 35vw;
}

.w-\[36px\] {
  width: 36px;
}

.w-\[40\%\] {
  width: 40%;
}

.w-\[42px\] {
  width: 42px;
}

.w-\[50vw\] {
  width: 50vw;
}

.w-\[60\%\] {
  width: 60%;
}

.w-\[65vw\] {
  width: 65vw;
}

.w-\[70\%\] {
  width: 70%;
}

.w-\[70px\] {
  width: 70px;
}

.w-\[80\%\] {
  width: 80%;
}

.w-\[85vw\] {
  width: 85vw;
}

.w-\[calc\(100\%\+2\.5rem\)\] {
  width: calc(100% + 2.5rem);
}

.w-\[calc\(100\%\+8px\)\] {
  width: calc(100% + 8px);
}

.w-\[calc\(100\%-1\.5rem\)\] {
  width: calc(100% - 1.5rem);
}

.w-\[calc\(100\%-2\.5rem\)\] {
  width: calc(100% - 2.5rem);
}

.w-\[calc\(100\%-4rem\)\] {
  width: calc(100% - 4rem);
}

.w-\[calc\(100\%-4remform__message\)\] {
  width: calc(100% - 4remform  message);
}

.w-\[calc\(100\%-70px\)\] {
  width: calc(100% - 70px);
}

.w-\[calc\(66\.6666\%-2rem\)\] {
  width: calc(66.6666% - 2rem);
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[100vw\] {
  max-width: 100vw;
}

.max-w-\[1440px\] {
  max-width: 1440px;
}

.max-w-\[250px\] {
  max-width: 250px;
}

.max-w-\[300px\] {
  max-width: 300px;
}

.max-w-\[36rem\] {
  max-width: 36rem;
}

.max-w-\[420px\] {
  max-width: 420px;
}

.max-w-\[6\.5rem\] {
  max-width: 6.5rem;
}

.max-w-\[650px\] {
  max-width: 650px;
}

.max-w-\[700px\] {
  max-width: 700px;
}

.max-w-\[960px\] {
  max-width: 960px;
}

.max-w-\[9rem\] {
  max-width: 9rem;
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-none {
  max-width: none;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-top {
  transform-origin: top;
}

.origin-top-left {
  transform-origin: top left;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-\[\.325rem\] {
  --tw-translate-y: -.325rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-1rem\] {
  --tw-translate-x: -1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[85vw\] {
  --tw-translate-x: 85vw;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-70px\] {
  --tw-translate-y: -70px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[\.325rem\] {
  --tw-translate-y: .325rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-45deg\] {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-0 {
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-y-0 {
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.resize {
  resize: both;
}

.list-inside {
  list-style-position: inside;
}

.list-disc {
  list-style-type: disc;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.content-start {
  align-content: flex-start;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-16 {
  gap: 4rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-black-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: hsla(0, 2.2%, 91.2%, 1);
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

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

.border {
  border-width: 1px;
}

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

.border-2 {
  border-width: 2px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-r {
  border-right-width: 1px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-solid {
  border-style: solid;
}

.\!border-highlight {
  border-color: hsla(268, 99.1%, 56.3%, 1) !important;
}

.border-black-200 {
  border-color: hsla(0, 2.2%, 91.2%, 1);
}

.border-black-300 {
  border-color: hsla(0, 0%, 78.4%, 1);
}

.border-black-400 {
  border-color: hsla(240, 0.4%, 52%, 1);
}

.border-black-600 {
  border-color: hsla(0, 0%, 32.9%, 1);
}

.border-black-900 {
  border-color: hsla(300, 2.6%, 7.6%, 1);
}

.border-highlight {
  border-color: hsla(268, 99.1%, 56.3%, 1);
}

.border-white {
  border-color: hsla(0, 0%, 100%, 1);
}

.border-y-black-500 {
  border-top-color: hsla(0, 0%, 41.6%, 1);
  border-bottom-color: hsla(0, 0%, 41.6%, 1);
}

.border-y-highlight {
  border-top-color: hsla(268, 99.1%, 56.3%, 1);
  border-bottom-color: hsla(268, 99.1%, 56.3%, 1);
}

.border-b-black-100 {
  border-bottom-color: hsla(0, 0%, 96.5%, 1);
}

.border-b-black-200 {
  border-bottom-color: hsla(0, 2.2%, 91.2%, 1);
}

.border-b-black-300 {
  border-bottom-color: hsla(0, 0%, 78.4%, 1);
}

.border-b-black-400 {
  border-bottom-color: hsla(240, 0.4%, 52%, 1);
}

.border-l-black-300 {
  border-left-color: hsla(0, 0%, 78.4%, 1);
}

.border-l-black-700 {
  border-left-color: hsla(240, 0.8%, 25.3%, 1);
}

.border-r-black-300 {
  border-right-color: hsla(0, 0%, 78.4%, 1);
}

.border-t-black-200 {
  border-top-color: hsla(0, 2.2%, 91.2%, 1);
}

.border-t-black-300 {
  border-top-color: hsla(0, 0%, 78.4%, 1);
}

.border-t-black-400 {
  border-top-color: hsla(240, 0.4%, 52%, 1);
}

.border-t-black-500 {
  border-top-color: hsla(0, 0%, 41.6%, 1);
}

.border-t-black-600 {
  border-top-color: hsla(0, 0%, 32.9%, 1);
}

.border-t-black-700 {
  border-top-color: hsla(240, 0.8%, 25.3%, 1);
}

.\!bg-cream {
  background-color: hsla(36, 33.3%, 97.1%, 1) !important;
}

.\!bg-dark-cream {
  background-color: hsla(32, 26.3%, 88.8%, 1) !important;
}

.\!bg-white {
  background-color: hsla(0, 0%, 100%, 1) !important;
}

.bg-\[\#000000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-black-100 {
  background-color: hsla(0, 0%, 96.5%, 1);
}

.bg-black-200 {
  background-color: hsla(0, 2.2%, 91.2%, 1);
}

.bg-black-300 {
  background-color: hsla(0, 0%, 78.4%, 1);
}

.bg-black-400 {
  background-color: hsla(240, 0.4%, 52%, 1);
}

.bg-black-500 {
  background-color: hsla(0, 0%, 41.6%, 1);
}

.bg-black-600 {
  background-color: hsla(0, 0%, 32.9%, 1);
}

.bg-black-700 {
  background-color: hsla(240, 0.8%, 25.3%, 1);
}

.bg-black-800 {
  background-color: hsla(270, 2.3%, 16.9%, 1);
}

.bg-black-900 {
  background-color: hsla(300, 2.6%, 7.6%, 1);
}

.bg-cream {
  background-color: hsla(36, 33.3%, 97.1%, 1);
}

.bg-dark-cream {
  background-color: hsla(32, 26.3%, 88.8%, 1);
}

.bg-highlight {
  background-color: hsla(268, 99.1%, 56.3%, 1);
}

.bg-purple-100 {
  background-color: hsla(260, 15.8%, 96.3%, 1);
}

.bg-purple-500 {
  background-color: hsla(272, 48.6%, 34.3%, 1);
}

.bg-purple-600 {
  background-color: hsla(272, 48.6%, 27.5%, 1);
}

.bg-purple-800 {
  background-color: hsla(272, 48.6%, 13.7%, 1);
}

.bg-purple-900 {
  background-color: hsla(272, 50%, 10.2%, 1);
}

.bg-white {
  background-color: hsla(0, 0%, 100%, 1);
}

.bg-white\/20 {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.bg-white\/50 {
  background-color: hsla(0, 0%, 100%, 0.5);
}

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

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

.fill-black-900 {
  fill: hsla(300, 2.6%, 7.6%, 1);
}

.fill-cream {
  fill: hsla(36, 33.3%, 97.1%, 1);
}

.fill-purple-400 {
  fill: hsla(272, 30.8%, 45.9%, 1);
}

.fill-white {
  fill: hsla(0, 0%, 100%, 1);
}

.\!object-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-center {
  -o-object-position: center;
     object-position: center;
}

.object-left {
  -o-object-position: left;
     object-position: left;
}

.object-left-bottom {
  -o-object-position: left bottom;
     object-position: left bottom;
}

.object-right {
  -o-object-position: right;
     object-position: right;
}

.object-top {
  -o-object-position: top;
     object-position: top;
}

.\!p-0 {
  padding: 0px !important;
}

.p-0 {
  padding: 0px;
}

.p-2 {
  padding: 0.5rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.\!pb-\[\.65rem\] {
  padding-bottom: .65rem !important;
}

.\!pt-\[\.65rem\] {
  padding-top: .65rem !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-48 {
  padding-bottom: 12rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-0 {
  padding-left: 0px;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pr-0 {
  padding-right: 0px;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-\[\.9rem\] {
  padding-top: .9rem;
}

.pt-\[1\.2rem\] {
  padding-top: 1.2rem;
}

.pt-\[1\.8rem\] {
  padding-top: 1.8rem;
}

.pt-\[1\.95rem\] {
  padding-top: 1.95rem;
}

.\!text-left {
  text-align: left !important;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.align-middle {
  vertical-align: middle;
}

.font-\[\'PerfectlyNineties\'\] {
  font-family: 'PerfectlyNineties';
}

.font-druk {
  font-family: Druk, sans-serif;
}

.font-mulish {
  font-family: Mulish, sans-serif;
}

.font-plex {
  font-family: IBM Plex Sans, sans-serif;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-\[\.88rem\] {
  font-size: .88rem;
}

.text-\[\.9rem\] {
  font-size: .9rem;
}

.text-\[0\.6375rem\] {
  font-size: 0.6375rem;
}

.text-\[0\.75rem\] {
  font-size: 0.75rem;
}

.text-\[1\.12rem\] {
  font-size: 1.12rem;
}

.text-\[1\.25rem\] {
  font-size: 1.25rem;
}

.text-\[1\.62rem\] {
  font-size: 1.62rem;
}

.text-\[1\.88rem\] {
  font-size: 1.88rem;
}

.text-\[2\.25rem\] {
  font-size: 2.25rem;
}

.text-\[2\.75rem\] {
  font-size: 2.75rem;
}

.text-\[2rem\] {
  font-size: 2rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-md {
  font-size: 1rem;
}

.text-sm {
  font-size: 0.88rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
}

.\!font-normal {
  font-weight: 400 !important;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.\!text-black-900 {
  color: hsla(300, 2.6%, 7.6%, 1) !important;
}

.\!text-highlight {
  color: hsla(268, 99.1%, 56.3%, 1) !important;
}

.text-black-200 {
  color: hsla(0, 2.2%, 91.2%, 1);
}

.text-black-300 {
  color: hsla(0, 0%, 78.4%, 1);
}

.text-black-400 {
  color: hsla(240, 0.4%, 52%, 1);
}

.text-black-500 {
  color: hsla(0, 0%, 41.6%, 1);
}

.text-black-600 {
  color: hsla(0, 0%, 32.9%, 1);
}

.text-black-700 {
  color: hsla(240, 0.8%, 25.3%, 1);
}

.text-black-800 {
  color: hsla(270, 2.3%, 16.9%, 1);
}

.text-black-900 {
  color: hsla(300, 2.6%, 7.6%, 1);
}

.text-cream {
  color: hsla(36, 33.3%, 97.1%, 1);
}

.text-dark-cream {
  color: hsla(32, 26.3%, 88.8%, 1);
}

.text-highlight {
  color: hsla(268, 99.1%, 56.3%, 1);
}

.text-purple-500 {
  color: hsla(272, 48.6%, 34.3%, 1);
}

.text-purple-600 {
  color: hsla(272, 48.6%, 27.5%, 1);
}

.text-white {
  color: hsla(0, 0%, 100%, 1);
}

.underline {
  text-decoration-line: underline;
}

.no-underline {
  text-decoration-line: none;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-80 {
  opacity: 0.8;
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-\[1\] {
  --tw-brightness: brightness(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.delay-300 {
  transition-delay: 300ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-700 {
  transition-duration: 700ms;
}

.duration-\[200ms\] {
  transition-duration: 200ms;
}

.duration-\[400ms\] {
  transition-duration: 400ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.content-\[\"\"\] {
  --tw-content: "";
  content: var(--tw-content);
}

.button,
    .button-label,
    .shopify-challenge__button,
    .customer button {
  background-color: hsla(300, 2.6%, 7.6%, 1);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Mulish, sans-serif;
  font-size: 0.88rem;
  font-weight: 800;
  color: hsla(0, 0%, 100%, 1);
  transition-duration: 300ms;
}

.button:hover,
    .button-label:hover,
    .shopify-challenge__button:hover,
    .customer button:hover {
  background-color: hsla(270, 2.3%, 16.9%, 1);
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded,
.shopify-payment-button [role="button"],
.cart__dynamic-checkout-buttons [role='button'],
.cart__dynamic-checkout-buttons iframe {
  background-color: hsla(300, 2.6%, 7.6%, 1);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Mulish, sans-serif;
  font-size: 0.88rem;
  font-weight: 800;
  color: hsla(0, 0%, 100%, 1);
  transition-duration: 300ms;
}

.button:hover,
.shopify-challenge__button:hover,
.customer button:hover,
button.shopify-payment-button__button--unbranded:hover,
.shopify-payment-button [role="button"]:hover,
.cart__dynamic-checkout-buttons [role='button']:hover,
.cart__dynamic-checkout-buttons iframe:hover {
  background-color: hsla(270, 2.3%, 16.9%, 1);
}

.button,
.shopify-challenge__button,
.customer button {
  background-color: hsla(300, 2.6%, 7.6%, 1);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: Mulish, sans-serif;
  font-size: 0.88rem;
  font-weight: 800;
  color: hsla(0, 0%, 100%, 1);
  transition-duration: 300ms;
}

.button:hover,
.shopify-challenge__button:hover,
.customer button:hover {
  background-color: hsla(270, 2.3%, 16.9%, 1);
}

.button,
.shopify-challenge__button,
.customer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */

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

/* Hide scrollbar for IE, Edge and Firefox */

.no-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:left-8::after {
  content: var(--tw-content);
  left: 2rem;
}

.after\:top-1\/2::after {
  content: var(--tw-content);
  top: 50%;
}

.after\:h-\[1px\]::after {
  content: var(--tw-content);
  height: 1px;
}

.after\:w-\[calc\(100\%-3rem\)\]::after {
  content: var(--tw-content);
  width: calc(100% - 3rem);
}

.after\:bg-\[\#545454\]::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(84 84 84 / var(--tw-bg-opacity));
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.last\:border-b:last-child {
  border-bottom-width: 1px;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}

.last\:border-r-0:last-child {
  border-right-width: 0px;
}

.last\:border-b-black-300:last-child {
  border-bottom-color: hsla(0, 0%, 78.4%, 1);
}

.hover\:bg-black-200:hover {
  background-color: hsla(0, 2.2%, 91.2%, 1);
}

.hover\:bg-black-800:hover {
  background-color: hsla(270, 2.3%, 16.9%, 1);
}

.hover\:bg-white:hover {
  background-color: hsla(0, 0%, 100%, 1);
}

.hover\:fill-dark-cream:hover {
  fill: hsla(32, 26.3%, 88.8%, 1);
}

.hover\:fill-highlight:hover {
  fill: hsla(268, 99.1%, 56.3%, 1);
}

.hover\:text-black-800:hover {
  color: hsla(270, 2.3%, 16.9%, 1);
}

.hover\:text-highlight:hover {
  color: hsla(268, 99.1%, 56.3%, 1);
}

.hover\:text-purple-600:hover {
  color: hsla(272, 48.6%, 27.5%, 1);
}

.hover\:text-purple-900:hover {
  color: hsla(272, 50%, 10.2%, 1);
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-50:hover {
  opacity: 0.5;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.group:hover .group-hover\:border-black-700 {
  border-color: hsla(240, 0.8%, 25.3%, 1);
}

.group:hover .group-hover\:bg-cream {
  background-color: hsla(36, 33.3%, 97.1%, 1);
}

.group:hover .group-hover\:text-purple-600 {
  color: hsla(272, 48.6%, 27.5%, 1);
}

.group:hover .group-hover\:shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:brightness-110 {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group.active .group-\[\.active\]\:scale-x-100 {
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group.active .group-\[\.active\]\:text-highlight {
  color: hsla(268, 99.1%, 56.3%, 1);
}

@media (min-width: 640px) {
  .sm\:w-\[110px\] {
    width: 110px;
  }

  .sm\:w-\[20\%\] {
    width: 20%;
  }

  .sm\:w-\[calc\(100\%-110px\)\] {
    width: calc(100% - 110px);
  }

  .sm\:w-\[calc\(80\%-110px\)\] {
    width: calc(80% - 110px);
  }

  .sm\:pr-0 {
    padding-right: 0px;
  }

  .sm\:text-sm {
    font-size: 0.88rem;
  }
}

@media (min-width: 768px) {
  .md\:absolute {
    position: absolute;
  }

  .md\:relative {
    position: relative;
  }

  .md\:sticky {
    position: sticky;
  }

  .md\:left-0 {
    left: 0px;
  }

  .md\:left-10 {
    left: 2.5rem;
  }

  .md\:left-16 {
    left: 4rem;
  }

  .md\:left-\[66\%\] {
    left: 66%;
  }

  .md\:right-0 {
    right: 0px;
  }

  .md\:right-16 {
    right: 4rem;
  }

  .md\:top-1\/2 {
    top: 50%;
  }

  .md\:top-12 {
    top: 3rem;
  }

  .md\:top-14 {
    top: 3.5rem;
  }

  .md\:top-16 {
    top: 4rem;
  }

  .md\:top-\[3rem\] {
    top: 3rem;
  }

  .md\:left-2 {
    left: 0.5rem;
  }

  .md\:top-3 {
    top: 0.75rem;
  }

  .md\:z-0 {
    z-index: 0;
  }

  .md\:z-10 {
    z-index: 10;
  }

  .md\:z-\[100\] {
    z-index: 100;
  }

  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:order-3 {
    order: 3;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-start-2 {
    grid-column-start: 2;
  }

  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:mx-\[-1rem\] {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .md\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:mb-16 {
    margin-bottom: 4rem;
  }

  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .md\:mb-20 {
    margin-bottom: 5rem;
  }

  .md\:mb-28 {
    margin-bottom: 7rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:ml-0 {
    margin-left: 0px;
  }

  .md\:ml-12 {
    margin-left: 3rem;
  }

  .md\:ml-4 {
    margin-left: 1rem;
  }

  .md\:mr-0 {
    margin-right: 0px;
  }

  .md\:mr-12 {
    margin-right: 3rem;
  }

  .md\:mr-8 {
    margin-right: 2rem;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-12 {
    margin-top: 3rem;
  }

  .md\:mt-16 {
    margin-top: 4rem;
  }

  .md\:mt-28 {
    margin-top: 7rem;
  }

  .md\:mt-6 {
    margin-top: 1.5rem;
  }

  .md\:mt-\[-4rem\] {
    margin-top: -4rem;
  }

  .md\:\!block {
    display: block !important;
  }

  .md\:block {
    display: block;
  }

  .md\:inline-block {
    display: inline-block;
  }

  .md\:\!flex {
    display: flex !important;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:\!hidden {
    display: none !important;
  }

  .md\:hidden {
    display: none;
  }

  .md\:aspect-\[14\/9\] {
    aspect-ratio: 14/9;
  }

  .md\:aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }

  .md\:aspect-auto {
    aspect-ratio: auto;
  }

  .md\:h-10 {
    height: 2.5rem;
  }

  .md\:h-6 {
    height: 1.5rem;
  }

  .md\:h-\[200px\] {
    height: 200px;
  }

  .md\:h-\[225px\] {
    height: 225px;
  }

  .md\:h-\[250px\] {
    height: 250px;
  }

  .md\:h-\[35vh\] {
    height: 35vh;
  }

  .md\:h-\[36rem\] {
    height: 36rem;
  }

  .md\:h-\[420px\] {
    height: 420px;
  }

  .md\:h-\[55dvh\] {
    height: 55dvh;
  }

  .md\:h-\[60dvh\] {
    height: 60dvh;
  }

  .md\:h-\[67dvh\] {
    height: 67dvh;
  }

  .md\:h-\[70\%\] {
    height: 70%;
  }

  .md\:h-\[80dvh\] {
    height: 80dvh;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:max-h-\[366px\] {
    max-height: 366px;
  }

  .md\:max-h-\[50rem\] {
    max-height: 50rem;
  }

  .md\:max-h-\[700px\] {
    max-height: 700px;
  }

  .md\:min-h-\[25vh\] {
    min-height: 25vh;
  }

  .md\:min-h-\[36rem\] {
    min-height: 36rem;
  }

  .md\:min-h-\[50vh\] {
    min-height: 50vh;
  }

  .md\:min-h-\[520px\] {
    min-height: 520px;
  }

  .md\:min-h-\[80vh\] {
    min-height: 80vh;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-1\/5 {
    width: 20%;
  }

  .md\:w-1\/6 {
    width: 16.666667%;
  }

  .md\:w-10 {
    width: 2.5rem;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-2\/5 {
    width: 40%;
  }

  .md\:w-2\/6 {
    width: 33.333333%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-3\/5 {
    width: 60%;
  }

  .md\:w-3\/6 {
    width: 50%;
  }

  .md\:w-4\/5 {
    width: 80%;
  }

  .md\:w-6 {
    width: 1.5rem;
  }

  .md\:w-64 {
    width: 16rem;
  }

  .md\:w-\[16\%\] {
    width: 16%;
  }

  .md\:w-\[190px\] {
    width: 190px;
  }

  .md\:w-\[220px\] {
    width: 220px;
  }

  .md\:w-\[22vw\] {
    width: 22vw;
  }

  .md\:w-\[25\%\] {
    width: 25%;
  }

  .md\:w-\[300px\] {
    width: 300px;
  }

  .md\:w-\[40\%\] {
    width: 40%;
  }

  .md\:w-\[60\%\] {
    width: 60%;
  }

  .md\:w-\[60px\] {
    width: 60px;
  }

  .md\:w-\[calc\(100\%-190px\)\] {
    width: calc(100% - 190px);
  }

  .md\:w-\[calc\(80\%-190px\)\] {
    width: calc(80% - 190px);
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:\!max-w-\[420px\] {
    max-width: 420px !important;
  }

  .md\:max-w-\[100vw\] {
    max-width: 100vw;
  }

  .md\:max-w-\[1440px\] {
    max-width: 1440px;
  }

  .md\:max-w-\[275px\] {
    max-width: 275px;
  }

  .md\:max-w-\[360px\] {
    max-width: 360px;
  }

  .md\:max-w-md {
    max-width: 28rem;
  }

  .md\:max-w-sm {
    max-width: 24rem;
  }

  .md\:shrink {
    flex-shrink: 1;
  }

  .md\:origin-top {
    transform-origin: top;
  }

  .md\:-translate-x-24 {
    --tw-translate-x: -6rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:translate-x-20 {
    --tw-translate-x: 5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:translate-y-8 {
    --tw-translate-y: 2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:translate-y-\[-4rem\] {
    --tw-translate-y: -4rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:scale-y-0 {
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:content-center {
    align-content: center;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-12 {
    gap: 3rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:self-end {
    align-self: flex-end;
  }

  .md\:overflow-auto {
    overflow: auto;
  }

  .md\:border-b-0 {
    border-bottom-width: 0px;
  }

  .md\:border-l {
    border-left-width: 1px;
  }

  .md\:border-l-0 {
    border-left-width: 0px;
  }

  .md\:border-r {
    border-right-width: 1px;
  }

  .md\:border-l-black-300 {
    border-left-color: hsla(0, 0%, 78.4%, 1);
  }

  .md\:border-r-black-300 {
    border-right-color: hsla(0, 0%, 78.4%, 1);
  }

  .md\:object-center {
    -o-object-position: center;
       object-position: center;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pb-12 {
    padding-bottom: 3rem;
  }

  .md\:pb-4 {
    padding-bottom: 1rem;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  .md\:pl-0 {
    padding-left: 0px;
  }

  .md\:pl-12 {
    padding-left: 3rem;
  }

  .md\:pl-2 {
    padding-left: 0.5rem;
  }

  .md\:pl-6 {
    padding-left: 1.5rem;
  }

  .md\:pl-8 {
    padding-left: 2rem;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

  .md\:pr-12 {
    padding-right: 3rem;
  }

  .md\:pr-16 {
    padding-right: 4rem;
  }

  .md\:pr-24 {
    padding-right: 6rem;
  }

  .md\:pr-4 {
    padding-right: 1rem;
  }

  .md\:pr-6 {
    padding-right: 1.5rem;
  }

  .md\:pr-8 {
    padding-right: 2rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pt-12 {
    padding-top: 3rem;
  }

  .md\:pt-16 {
    padding-top: 4rem;
  }

  .md\:pt-32 {
    padding-top: 8rem;
  }

  .md\:pt-4 {
    padding-top: 1rem;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:\!text-center {
    text-align: center !important;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .md\:text-\[\.9rem\] {
    font-size: .9rem;
  }

  .md\:text-\[1\.25rem\] {
    font-size: 1.25rem;
  }

  .md\:text-\[1\.38rem\] {
    font-size: 1.38rem;
  }

  .md\:text-\[1\.75rem\] {
    font-size: 1.75rem;
  }

  .md\:text-\[2\.25rem\] {
    font-size: 2.25rem;
  }

  .md\:text-\[2\.5rem\] {
    font-size: 2.5rem;
  }

  .md\:text-\[2\.62rem\] {
    font-size: 2.62rem;
  }

  .md\:text-\[4\.125rem\] {
    font-size: 4.125rem;
  }

  .md\:text-\[4\.25rem\] {
    font-size: 4.25rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:font-bold {
    font-weight: 700;
  }

  .md\:font-semibold {
    font-weight: 600;
  }

  .md\:text-black-700 {
    color: hsla(240, 0.8%, 25.3%, 1);
  }

  .md\:text-black-900 {
    color: hsla(300, 2.6%, 7.6%, 1);
  }
}

@media (min-width: 1024px) {
  .lg\:fixed {
    position: fixed;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:left-0 {
    left: 0px;
  }

  .lg\:top-0 {
    top: 0px;
  }

  .lg\:top-16 {
    top: 4rem;
  }

  .lg\:top-auto {
    top: auto;
  }

  .lg\:z-\[-1\] {
    z-index: -1;
  }

  .lg\:z-auto {
    z-index: auto;
  }

  .lg\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:ml-1 {
    margin-left: 0.25rem;
  }

  .lg\:ml-24 {
    margin-left: 6rem;
  }

  .lg\:mr-24 {
    margin-right: 6rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:max-h-\[80vh\] {
    max-height: 80vh;
  }

  .lg\:max-h-none {
    max-height: none;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-1\/5 {
    width: 20%;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-\[14\%\] {
    width: 14%;
  }

  .lg\:w-\[75\%\] {
    width: 75%;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:translate-y-\[-100\%\] {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:scale-y-100 {
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:bg-cream {
    background-color: hsla(36, 33.3%, 97.1%, 1);
  }

  .lg\:bg-white {
    background-color: hsla(0, 0%, 100%, 1);
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .lg\:pl-0 {
    padding-left: 0px;
  }

  .lg\:text-sm {
    font-size: 0.88rem;
  }

  .lg\:font-normal {
    font-weight: 400;
  }

  .lg\:duration-\[400ms\] {
    transition-duration: 400ms;
  }

  .lg\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .lg\:hover\:bg-cream:hover {
    background-color: hsla(36, 33.3%, 97.1%, 1);
  }

  .lg\:hover\:text-highlight:hover {
    color: hsla(268, 99.1%, 56.3%, 1);
  }
}

@media (min-width: 1280px) {
  .xl\:ml-4 {
    margin-left: 1rem;
  }

  .xl\:aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }

  .xl\:w-\[400px\] {
    width: 400px;
  }

  .xl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .xl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.\[\&\>li\]\:mx-4>li {
  margin-left: 1rem;
  margin-right: 1rem;
}

.\[\&\>li\]\:mb-1>li {
  margin-bottom: 0.25rem;
}

.\[\&\>li\]\:ml-4>li {
  margin-left: 1rem;
}

.\[\&\>li\]\:inline-flex>li {
  display: inline-flex;
}

.\[\&\>li\]\:w-auto>li {
  width: auto;
}

.\[\&\>li\]\:min-w-\[30vw\]>li {
  min-width: 30vw;
}

.\[\&\>li\]\:flex-grow>li {
  flex-grow: 1;
}

.\[\&\>li\]\:list-disc>li {
  list-style-type: disc;
}

.\[\&\>li\]\:justify-center>li {
  justify-content: center;
}

.\[\&\>li\]\:whitespace-nowrap>li {
  white-space: nowrap;
}

.\[\&\>li\]\:bg-black-900>li {
  background-color: hsla(300, 2.6%, 7.6%, 1);
}

.\[\&\>li\]\:px-4>li {
  padding-left: 1rem;
  padding-right: 1rem;
}

.\[\&\>li\]\:py-2>li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.\[\&\>li\]\:font-mulish>li {
  font-family: Mulish, sans-serif;
}

.\[\&\>li\]\:text-sm>li {
  font-size: 0.88rem;
}

.\[\&\>li\]\:font-extrabold>li {
  font-weight: 800;
}

.\[\&\>li\]\:text-white>li {
  color: hsla(0, 0%, 100%, 1);
}

@media (min-width: 768px) {
  .\[\&\>li\]\:md\:min-w-full>li {
    min-width: 100%;
  }
}

.\[\&\>p\]\:mb-4>p {
  margin-bottom: 1rem;
}

.\[\&\>p\]\:mb-6>p {
  margin-bottom: 1.5rem;
}

.\[\&\>p\]\:max-w-prose>p {
  max-width: 65ch;
}

.\[\&\>p\]\:font-mulish>p {
  font-family: Mulish, sans-serif;
}

.\[\&\>p\]\:text-\[1\.25rem\]>p {
  font-size: 1.25rem;
}