body {
  margin: 0
}

.hlpr-color-background-white {
  background-color: #fff
}

.hlpr-color-green {
  color: #108043
}

.hlpr-color-black {
  color: rgba(var(--color-base-text), 1)
}

.hlpr-color-black.button:after {
  box-shadow: rgba(var(--color-base-text), 1) 0 0 0 1px
}

.hlpr-color-black.button:not([disabled]):hover:after {
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-base-text), var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-base-text), 1)
}

.hlpr-color-black.button--primary {
  color: #fff;
  background: rgba(var(--color-base-text), 1)
}

.hlpr-color-red {
  color: var(--gradient-base-accent-1)
}

.hlpr-color-red.button:after {
  box-shadow: var(--gradient-base-accent-1) 0 0 0 1px
}

.hlpr-color-red.button:not([disabled]):hover:after {
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) var(--gradient-base-accent-1), 0 0 0 calc(var(--buttons-border-width) + 1px) var(--gradient-base-accent-1)
}

.hlpr-color-red.button--primary {
  color: #fff;
  background: var(--gradient-base-accent-1)
}

.hlpr-custom-color-children * {
  color: inherit !important
}

.hlpr-page-width-wide {
  max-width: 1920px
}

.hlpr-max-width-none {
  max-width: none
}

.hlpr-text-transform-none {
  text-transform: none !important
}

.hlpr-text-transform-none--children * {
  text-transform: none
}

.hlpr-visually-hidden {
  opacity: 0
}

.hlpr-block {
  display: block
}

.hlpr-inline-block {
  display: inline-block
}

.hlpr-no-margin {
  margin: 0 !important
}

.hlpr-no-margin-bottom {
  margin-bottom: 0 !important
}

.hlpr-full-width {
  width: 100%;
  height: auto
}

.hlpr-contain>img {
  object-fit: contain
}

.hlpr-flexbox {
  display: flex;
  flex-wrap: wrap
}

.hlpr-flexbox--desktop {
  display: initial
}

@media screen and (min-width: 1440px) {
  .hlpr-flexbox--desktop {
    display: flex
  }
}

.hlpr-flexbox--align-items-center {
  align-items: center
}

.hlpr-flexbox-wrap {
  flex-wrap: wrap
}

.hlpr-flexbox-nowrap {
  flex-wrap: nowrap
}

.hlpr-flexbox-space-between {
  justify-content: space-between !important
}

.hlpr-flexbox-row-reverse {
  flex-direction: row-reverse
}

.hlpr-flexbox-center {
  justify-content: center
}

.hlpr-left {
  text-align: left;
  justify-content: left
}

.hlpr-left .hlpr-flexbox {
  justify-content: left
}

.hlpr-center {
  text-align: center;
  justify-content: center
}

.hlpr-center .hlpr-flexbox {
  justify-content: center
}

.hlpr-right {
  text-align: right;
  justify-content: right
}

.hlpr-right .hlpr-flexbox {
  justify-content: right
}

@media screen and (min-width: 750px) {
  .hlpr-left--desktop {
    text-align: left;
    justify-content: left
  }

  .hlpr-left--desktop .hlpr-flexbox {
    justify-content: left
  }
}

@media screen and (min-width: 750px) {
  .hlpr-center--desktop {
    text-align: center;
    justify-content: center
  }

  .hlpr-center--desktop .hlpr-flexbox {
    justify-content: center
  }
}

@media screen and (min-width: 750px) {
  .hlpr-right--desktop {
    text-align: right;
    justify-content: right
  }

  .hlpr-right--desktop .hlpr-flexbox {
    justify-content: right
  }
}

.hlpr-relative {
  position: relative
}

.hlpr-static {
  position: static !important
}

.hlpr-uppercase {
  text-transform: uppercase !important
}

.hlpr-underline {
  text-decoration: underline
}

.hlpr-hover-underline {
  text-decoration: none
}

.hlpr-hover-underline:hover,
.hlpr-hover-underline:hover * {
  text-decoration: underline
}

.hlpr-unstyled-link {
  color: inherit;
  text-decoration: inherit
}

.hlpr-whitespace-nowrap {
  white-space: nowrap
}

.hlpr-fixed-image-media-wrap>.media {
  clip-path: inset(0);
  z-index: -1
}

@media screen and (max-width: 750px) {
  .hlpr-fixed-image-media-wrap>.media {
    height: 0;
    padding-top: 100%
  }
}

.hlpr-fixed-image-media-wrap>.media img {
  position: fixed !important;
  height: 100vh !important
}

.hlpr-animate {
  transition: all var(--duration-long) ease
}

.hlpr-animate--default {
  animation-duration: --duration-default
}

.hlpr-animate--opacity {
  transition-property: opacity
}

.hlpr-animate--fade-in {
  opacity: 0
}

.hlpr-animate--fade-in.hlpr-animate--show {
  opacity: 1
}

.hlpr-animate--slide-up {
  transform: translateY(100%)
}

.hlpr-animate--slide-up.hlpr-animate--show {
  transform: translateY(0)
}

.hlpr-box-shadow,
.hotlink--card:before {
  box-shadow: 0 0 5px 2px #00000040
}

.hlpr-pointer-events-none {
  pointer-events: none
}

.hlpr-iframe,
.popup__content iframe {
  min-height: 500px
}

iframe,
.hlpr-iframe,
.popup__content iframe {
  border: none;
  width: 100%
}

:root {
  --font-body-family: "BasisGrotesquePro", sans-serif;
  --font-heading-sans-heavy-family: "BasisGrotesque", sans-serif;
  --letter-spacing-sans: .03em;
  --letter-spacing-sans-heading: .08em;
  --font-body-family-para: "SprigLight", serif;
  --font-body-family-para-italic: "SprigLightItalic", serif;
  --font-body-family-para-bold: "SprigRegular", serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-weight-bold: 400;
  --letter-spacing-serif: -.01em
}

body {
  letter-spacing: var(--letter-spacing-sans)
}

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

p:not(label p):not(.caption, .caption-large) a {
  color: var(--gradient-base-accent-1);
  font-style: normal;
  font-family: var(--font-body-family-para-italic)
}

.color-accent-1.gradient p:not(.caption, .caption-large) a {
  color: rgba(var(--color-foreground), 1)
}

p em {
  font-family: var(--font-body-family-para-italic) !important;
  font-style: normal !important
}

strong,
.strong {
  font-weight: 400;
  font-family: var(--font-heading-sans-heavy-family) !important
}

p strong,
body p.strong {
  font-weight: 400;
  font-family: var(--font-body-family-para-bold) !important
}

p.caption-large strong,
p.caption strong,
.pickup-availability-address p strong,
.text-sans strong,
p.caption-large .strong,
p.caption .strong,
.pickup-availability-address p .strong,
.text-sans .strong,
p.caption-large.strong,
p.caption.strong,
.pickup-availability-address p.strong,
.text-sans.strong {
  font-family: var(--font-heading-sans-heavy-family) !important;
  font-weight: 400
}

.text-body,
p,
h6,
.h6,
p.h6 {
  letter-spacing: var(--letter-spacing-serif) !important;
  font-weight: var(--font-body-weight) !important;
  font-family: var(--font-body-family-para);
  text-transform: none
}

h6,
.h6 {
  font-size: 1.4rem
}

.body,
h3,
h4,
h5,
.h3,
.h4,
.h5,
p.caption-large,
p.caption,
.pickup-availability-address p,
.bakery-header__description p,
.text-sans,
body .card__heading,
label p,
label p a,
.product__description p,
.menu-summary p {
  font-family: var(--font-body-family);
  letter-spacing: var(--letter-spacing-sans) !important;
  text-transform: none;
  font-weight: var(--font-body-weight) !important
}

h3,
h4,
.h3,
.h4 {
  font-family: var(--font-body-family);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-sans-heading) !important
}

h1,
h2,
.h0,
.h1,
.h2,
h5,
.h5,
body .card__heading,
.heavy {
  font-family: var(--font-heading-sans-heavy-family);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-sans-heading) !important
}

h3,
.h3,
.text-accent {
  color: var(--gradient-base-accent-1)
}

.blog__title.h2,
.title.h2 {
  font-size: calc(var(--font-heading-scale)*1.7rem);
  font-size: calc(var(--font-heading-scale)*2.2rem)
}

@media screen and (min-width: 750px) {

  .blog__title.h2,
  .title.h2 {
    font-size: calc(var(--font-heading-scale)*1.8rem);
    font-size: calc(var(--font-heading-scale)*2.2rem)
  }
}

blockquote {
  border-color: var(--gradient-base-accent-1);
  font-family: var(--font-body-family-para-italic) !important;
  font-style: normal !important
}

@media screen and (min-width: 750px) {

  .banner--desktop-transparent.banner--shadow .content-container .banner__heading,
  .banner--desktop-transparent.banner--shadow .content-container .banner__text {
    text-shadow: rgba(0, 0, 0, .25) 0 0 4px
  }

  .banner--desktop-transparent.banner--shadow .content-container .button {
    box-shadow: #00000040 0 0 3px
  }

  .banner--desktop-transparent.banner--shadow .content-container .button--secondary {
    text-shadow: rgba(0, 0, 0, .25) 0 0 1px
  }
}

.card__heading {
  font-size: var(--font-body-scale)
}

.radio__label,
.checkbox__label,
.fieldset__legend {
  font-size: 1.3rem
}

.radio__label,
.checkbox__label {
  position: relative;
  top: -2px
}

.rte li>p {
  margin-top: 0;
  margin-bottom: 0
}

label a,
label p a {
  color: inherit !important;
  font-style: inherit !important;
  text-decoration: underline !important
}

:root {
  color-scheme: light only
}

.page-width--mobile {
  max-width: 375px
}

.page-width--mobile-large {
  max-width: 425px
}

.page-width--skinny {
  max-width: 530px
}

.page-width--narrow {
  max-width: 600px
}

.page-width--wide {
  max-width: 1920px
}

fieldset {
  margin: 0
}

.button--pill,
.button--pill:after,
.button--pill:before {
  border-radius: 23px !important
}

.button--extra-small {
  padding: .5rem 1rem;
  font-size: 1.3rem;
  min-height: 2rem;
  min-width: 3rem
}

#Content.form-group input,
#Content.form-group__input,
.field input,
.field__input {
  padding-left: 5.5px !important;
  padding-right: 5.5px !important;
  outline: none;
  box-shadow: none !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  appearance: none;
  border: .1rem solid rgba(var(--color-foreground), .08);
  background-color: #fff;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  padding: 20.5px 5.5px 5.5px;
  height: 48px;
  width: 100%
}

@media screen and (max-width: 750px) {

  #Content.form-group input,
  #Content.form-group__input,
  .field input,
  .field__input {
    font-size: 16px
  }
}

#Content.form-group__label,
.field__label {
  left: 5px !important;
  top: 13px;
  font-size: 1.5rem
}

#Content.form-group.contains-value input::placeholder,
.field.contains-value input::placeholder {
  opacity: 1
}

#Content.form-group.contains-value label,
.field.contains-value label {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) + .5rem);
  left: calc(var(--inputs-border-width) + 2rem);
  letter-spacing: .04rem
}

#Content.form-group--error .field__input,
.field--error .field__input {
  border-color: var(--gradient-base-accent-1) !important;
  outline-color: var(--gradient-base-accent-1) !important
}

#Content.form-group--error:after,
.field--error:after {
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--gradient-base-accent-1), var(--inputs-border-opacity)) !important
}

.badge {
  padding: .3rem 1rem;
  font-size: 1.1rem;
  background: var(--gradient-base-accent-1);
  color: var(--gradient-base-background-1);
  border: none
}

.announcement-bar {
  overflow: hidden;
  position: relative;
  height: 0;
  opacity: 0;
  transition: height var(--duration-short) ease-out
}

.announcement-bar.active {
  height: 25px;
  line-height: 100%;
  opacity: 1
}

.announcement-bar__close {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.announcement-bar__wrap {
  display: inline-flex
}

.announcement-bar__marquee {
  display: inline-flex;
  animation: marquee var(--marque-time) linear infinite;
  transform: translate(100%);
  padding-left: 5rem
}

.announcement-bar .announcement-bar__message {
  margin-right: 50vw;
  font-size: 1rem;
  white-space: nowrap;
  max-width: 100%
}

@media screen and (min-width: 750px) {
  .announcement-bar .announcement-bar__message {
    text-align: center
  }
}

.announcement-bar .announcement-bar__message--solo {
  margin-right: auto;
  margin-left: auto;
  padding-left: 1.25rem;
  padding-right: 40px;
  white-space: normal
}

@media screen and (min-width: 750px) {
  .announcement-bar .announcement-bar__message--solo {
    text-align: center;
    padding-left: 40px
  }
}

.announcement-bar__message,
.announcement-bar__link {
  padding: 6px 0;
  background: none
}

.announcement-bar__link:hover {
  background: none
}

@keyframes marquee {
  0% {
    visibility: visible;
    transform: translateZ(0)
  }

  to {
    transform: translate3d(-100%, 0, 0)
  }
}

.header-wrapper--border-bottom {
  border-color: rgba(var(--color-foreground), .32) !important
}

.footer__content-top,
.footer__content-bottom-wrapper,
.footer__back-to-top-wrapper {
  padding: 0 1.5rem 5rem
}

.footer__back-to-top-wrapper {
  padding-top: 0;
  padding-bottom: 0
}

.footer__back-to-top {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer
}

.footer__back-to-top .icon {
  display: inline-block;
  width: 11px;
  transform: rotate(180deg)
}

.footer__back-to-top span {
  font-size: 1.15rem
}

#freshworks-container {
  z-index: 90 !important
}

#freshworks-container #launcher-frame {
  bottom: 15px !important
}

.footer {
  border-top: .1rem solid rgba(var(--color-foreground), .32) !important
}

.ot-pc-footer-logo {
  display: none
}

.breadcrumbs {
  margin: 0
}

.breadcrumbs__list {
  padding: 0
}

.breadcrumbs__item {
  display: inline-block
}

.breadcrumbs__item .icon {
  transform: rotate(-90deg);
  width: 10px;
  margin: 0 5px
}

.breadcrumbs .link {
  font-size: 1.2rem;
  text-decoration: none
}

.breadcrumbs .link:hover,
.breadcrumbs .link:focus {
  text-decoration: underline;
  color: initial
}

.breadcrumbs .link[aria-current=page] {
  text-decoration: underline;
  pointer-events: none
}

body .blog-articles .article-card .card__information,
body .blog__posts .article-card .card__information {
  padding-left: 0;
  padding-right: 0
}

.collage.tea-time>*:nth-child(1),
.collage.tea-time>*:nth-child(2),
.collection-list.tea-time>*:nth-child(1),
.collection-list.tea-time>*:nth-child(2) {
  order: 2;
  grid-column: unset;
  grid-row: unset
}

.collage.tea-time>*:nth-child(3),
.collection-list.tea-time>*:nth-child(3) {
  order: 1;
  grid-column: 1/span 2;
  grid-row: span 2
}

.collage.lunch-time>*:nth-child(1),
.collage.lunch-time>*:nth-child(3),
.collection-list.lunch-time>*:nth-child(1),
.collection-list.lunch-time>*:nth-child(3) {
  order: 2;
  grid-column: unset;
  grid-row: unset
}

.collage.lunch-time>*:nth-child(1),
.collection-list.lunch-time>*:nth-child(1) {
  order: 3
}

.collage.lunch-time>*:nth-child(2),
.collection-list.lunch-time>*:nth-child(2) {
  order: 1;
  grid-column: 1/span 2;
  grid-row: span 2
}

.collage .card__heading,
.collection-list .card__heading {
  color: var(--color-foreground)
}

.collage .card__heading .icon-wrap,
.collection-list .card__heading .icon-wrap {
  display: none
}

.button-pair {
  gap: var(--grid-mobile-horizontal-spacing)
}

@media screen and (min-width: 750px)and (max-width: 990px) {
  .button-pair__button {
    padding: 0 1rem
  }
}

.image-with-text__grid .image-with-text__content--no-gap {
  padding-left: 0
}

.image-with-text__grid--reverse .image-with-text__content--no-gap {
  padding-right: 0
}

.hotlink {
  position: absolute;
  z-index: 2;
  display: block;
  width: auto;
  padding: 50px;
  transform: translate(-50%, -100%) scale(.85);
  transform-origin: 50% 100%
}

@media screen and (min-width: 750px) {
  .hotlink {
    width: 200px
  }
}

.hotlink__title.hotlink__title {
  margin-bottom: 1rem
}

.hotlink--card {
  padding: 0
}

.hotlink--card__content {
  padding: .5rem
}

@media screen and (min-width: 750px) {
  .hotlink--card__content {
    padding: 1.5rem
  }
}

.hotlink--card * {
  margin: 0
}

.hotlink--card .icon-accordion {
  width: auto;
  height: 35px;
  margin: 0
}

.hotlink--card .icon-caret {
  width: 10px;
  margin-left: 5px;
  transform: rotate(-90deg)
}

.hotlink--card .icon path,
.hotlink--card .icon polygon {
  fill: var(--gradient-base-accent-1)
}

.hotlink--card:before,
.hotlink--card:after {
  content: "";
  display: block;
  background-color: inherit;
  transform: translate(-50%, 50%) rotate(45deg);
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 10px;
  height: 10px
}

@media screen and (min-width: 750px) {

  .hotlink--card:before,
  .hotlink--card:after {
    width: 15px;
    height: 15px
  }
}

.hotlink>.icon {
  width: 30px;
  height: 30px
}

.hotlink:hover {
  transform: translate(-50%, -100%) scale(1)
}

.image-banner-featured-product {
  flex-grow: 1;
  max-width: 40%;
  min-width: 250px;
  align-self: baseline
}

.banner-white-content .title,
.banner-white-content .slider-buttons {
  color: #fff;
  text-shadow: rgba(0, 0, 0, .25) 0 0 4px
}

.banner-white-content .icon path {
  fill: #fff
}

.banner-white-content .slider-button[disabled] .icon {
  opacity: .6
}

.banner__content.banner__content {
  pointer-events: none
}

@media screen and (min-width: 750px) {
  .banner__content.banner__content {
    max-width: none
  }
}

.banner__box.banner__box {
  pointer-events: all;
  padding: 2.5rem 1.5rem
}

@media screen and (min-width: 750px) {
  .banner__box.banner__box {
    padding: 2rem 2.5rem;
    max-width: 30%
  }
}

.banner__heading>* {
  margin-top: 0;
  margin-bottom: 0
}

.banner__text.banner__text {
  margin-top: 0 !important
}

.banner__text.banner__text *:first-child {
  margin-top: 1rem
}

.banner__text.banner__text *:last-child {
  margin-bottom: 0
}

.banner__paragraph>*:last-child {
  margin-bottom: 0
}

.banner__link {
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  pointer-events: all
}

.collection__title--desktop-slider {
  padding-right: 132px
}

.collection .slider-buttons {
  justify-content: end;
  position: absolute;
  top: -15px;
  transform: translateY(-100%);
  right: 0
}

@media screen and (min-width: 990px) {
  .collection .slider-buttons {
    right: 7.5rem
  }
}

.shopify-design-mode #onetrust-consent-sdk {
  display: none
}

.rich-text__wrapper.rich-text__wrapper {
  width: 100%
}

.rich-text__blocks.rich-text__blocks {
  max-width: none
}

.rich-text__block--horizontal.rich-text__block--horizontal {
  max-width: none;
  align-items: center
}

@media screen and (min-width: 1440px) {
  .rich-text__block--horizontal__heading {
    white-space: nowrap;
    padding-right: 2rem
  }

  .rich-text__block--horizontal__text {
    margin-top: 0
  }
}

.rich-text__buttons {
  justify-content: inherit !important
}

.rich-text__heading a {
  color: inherit !important
}

.image-with-text__content.image-with-text__content {
  padding: 2.5rem 0
}

@media screen and (min-width: 750px) {
  .image-with-text__content.image-with-text__content {
    padding: 2.5rem 4rem;
    padding-right: 0
  }
}

@media screen and (min-width: 750px) {
  .image-with-text__grid--reverse .image-with-text__content {
    padding: 2.5rem 4rem;
    padding-left: 0
  }
}

.article-template__link.article-template__link {
  font-size: inherit
}

.content-for-layout slider-component.page-width {
  padding: 0
}

slideshow-component .complementary-slide {
  padding: 0 !important
}

.complementary-products__container .card--horizontal .card__inner {
  max-width: 25%
}

.complementary-products__container .card--horizontal .card-information {
  justify-content: left !important;
  gap: 20px;
  align-items: baseline
}

.deliveroo {
  margin: 2.5rem 0 0
}

.deliveroo__button {
  display: inline-flex;
  justify-content: center;
  background-color: #00ccbc;
  padding: 10px 40px;
  height: 50px;
  border-radius: 100px
}

.deliveroo__button:hover {
  background-color: #00c2b3
}

.deliveroo__button .icon-deliveroo {
  display: block;
  height: 100%;
  width: auto
}

.deliveroo__button .icon-deliveroo * {
  fill: #fff
}

.download-app {
  margin: 2.5rem 0 0
}

.download-app__buttons {
  gap: 1rem
}

.download-app__button .icon {
  height: 48px;
  width: auto
}

.accordion__content {
  padding-left: 10px !important
}

.accordion--product-nutrition .accordion__content,
.accordion--product-allergens .accordion__content {
  padding-left: 30px !important
}

.accordion--product-nutrition .accordion__content ul,
.accordion--product-nutrition .accordion__content ol,
.accordion--product-allergens .accordion__content ul,
.accordion--product-allergens .accordion__content ol {
  padding-left: 0 !important
}

.great-taste-image {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  width: 64px;
  height: auto
}

.product .great-taste-image {
  top: 18px;
  left: 13px;
  width: 100px
}

.slider .great-taste-image {
  width: 43px
}

.complementary-slide .great-taste-image {
  top: 4px;
  left: 4px;
  width: 32px
}

.multicolumn .multicolumn-card {
  flex-direction: column;
  height: 100%
}

.multicolumn .multicolumn-card .button,
.multicolumn .multicolumn-card .download-app {
  margin-top: 1.5rem
}

.multicolumn .multicolumn-card__info {
  flex-direction: column;
  flex-grow: 1;
  padding-top: 0
}

.multicolumn .multicolumn-card__info-inner {
  padding-top: 1.5rem
}

@media screen and (min-width: 750px) {
  .multicolumn.background-none .multicolumn-card__image-wrapper {
    margin-left: 0;
    margin-right: 0
  }

  .multicolumn.background-none .multicolumn-card .multicolumn-card__info {
    padding-left: 0;
    padding-right: 0
  }
}

.shopify-pc__banner__btn-decline {
  display: none
}

.search__input {
  background: #fff
}

:root {
  --custom-nav-gutter: 1.5rem
}

.menu-drawer {
  border: none !important;
  max-width: 400px
}

.menu-drawer__navigation.menu-drawer__navigation {
  padding: 0
}

.menu-drawer__menu {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.menu-drawer__inner-submenu,
.menu-drawer__submenu {
  display: flex;
  flex-direction: column;
  border: none !important
}

.menu-drawer__menu-item.menu-drawer__menu-item,
.menu-drawer__close-button.menu-drawer__close-button {
  padding-left: var(--custom-nav-gutter);
  padding-right: var(--custom-nav-gutter)
}

.menu-drawer__utility-links.menu-drawer__utility-links {
  padding: 0 var(--custom-nav-gutter) 45px
}

.menu-drawer__utility-links.menu-drawer__utility-links .list-social {
  margin-top: 0
}

.menu-drawer__menu-item.menu-drawer__menu-item {
  padding-right: 4rem
}

.menu-drawer__menu-item.menu-drawer__menu-item>.icon-arrow {
  right: var(--custom-nav-gutter)
}

.nav-image-item--span-1 {
  grid-column: span 1
}

.nav-image-item--span-2 {
  grid-column: span 2
}

.nav-image-item--span-3 {
  grid-column: span 3
}

.nav-image-item--span-4 {
  grid-column: span 4
}

.nav-image-item--span-5 {
  grid-column: span 5
}

.nav-image-item--span-6 {
  grid-column: span 6
}

.nav-image-item .nav-image-item-content__image {
  width: 100%;
  display: block
}

.nav-image-item .nav-image-item-content__caption {
  background-color: var(--gradient-background);
  margin: 0;
  padding-top: 1.3rem;
  padding-bottom: .6rem
}

.nav-image-item--mobile {
  flex-grow: 1;
  flex-basis: auto;
  height: 100%;
  display: flex;
  align-items: flex-end
}

.nav-image-item--mobile .nav-image-item-content__caption {
  padding-left: var(--custom-nav-gutter);
  padding-right: var(--custom-nav-gutter);
  padding-bottom: 50px
}

.nav-image-item--desktop .nav-image-item-content__image {
  position: absolute;
  height: 100%;
  object-fit: cover
}

.nav-image-item--desktop .nav-image-item-content__caption {
  background-color: var(--gradient-background);
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0
}

.faa-adjust--cart {
  width: 2rem !important;
  height: 2rem !important
}

.faa-adjust--close-zoomer {
  width: 18px !important;
  height: 18px !important
}

.product-media-modal__toggle {
  width: auto !important
}

/*# sourceMappingURL=/cdn/shop/t/10/assets/global-css.css.map?v=135878719623822265021741282955 */