/** Shopify CDN: Minification failed

Line 17:0 All "@import" rules must come first
Line 19:0 All "@import" rules must come first

**/

@font-face {
  font-family: 'Space Grotesk';
  src: url('{{ "SpaceGrotesk-VariableFont_wght.woff2" | asset_url }}') format('woff2'),
       url('{{ "SpaceGrotesk-VariableFont_wght.woff" | asset_url }}') format('woff');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Grotesk:wght@300..700&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap');

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

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

.pointer-events-auto{
  pointer-events: auto;
}

.invisible{
  visibility: hidden;
}

.collapse{
  visibility: collapse;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  inset: 0px;
}

.bottom-0{
  bottom: 0px;
}

.bottom-1{
  bottom: 0.25rem;
}

.bottom-2{
  bottom: 0.5rem;
}

.bottom-4{
  bottom: 1rem;
}

.bottom-8{
  bottom: 2rem;
}

.bottom-\[calc\(0px_-_var\(--gridline-width\)\)\]{
  bottom: calc(0px - var(--gridline-width));
}

.bottom-\[calc\(100\%_\+_0\.5rem\)\]{
  bottom: calc(100% + 0.5rem);
}

.bottom-auto{
  bottom: auto;
}

.left-0{
  left: 0px;
}

.left-1\/2{
  left: 50%;
}

.left-4{
  left: 1rem;
}

.left-auto{
  left: auto;
}

.right-0{
  right: 0px;
}

.right-1{
  right: 0.25rem;
}

.right-2{
  right: 0.5rem;
}

.right-4{
  right: 1rem;
}

.right-auto{
  right: auto;
}

.top-0{
  top: 0px;
}

.top-1{
  top: 0.25rem;
}

.top-1\/2{
  top: 50%;
}

.top-2{
  top: 0.5rem;
}

.top-4{
  top: 1rem;
}

.top-5{
  top: 1.25rem;
}

.top-\[calc\(100\%_\+_var\(--gridline-width\)\)\]{
  top: calc(100% + var(--gridline-width));
}

.top-auto{
  top: auto;
}

.top-full{
  top: 100%;
}

.-z-10{
  z-index: -10;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.z-40{
  z-index: 40;
}

.z-50{
  z-index: 50;
}

.z-\[21\]{
  z-index: 21;
}

.order-last{
  order: 9999;
}

.col-span-1{
  grid-column: span 1 / span 1;
}

.col-span-2{
  grid-column: span 2 / span 2;
}

.col-span-3{
  grid-column: span 3 / span 3;
}

.col-span-4{
  grid-column: span 4 / span 4;
}

.col-span-5{
  grid-column: span 5 / span 5;
}

.col-span-6{
  grid-column: span 6 / span 6;
}

.col-span-full{
  grid-column: 1 / -1;
}

.col-start-8{
  grid-column-start: 8;
}

.row-span-1{
  grid-row: span 1 / span 1;
}

.row-span-2{
  grid-row: span 2 / span 2;
}

.row-start-1{
  grid-row-start: 1;
}

.row-start-2{
  grid-row-start: 2;
}

.\!m-0{
  margin: 0px !important;
}

.m-0{
  margin: 0px;
}

.m-3{
  margin: 0.75rem;
}

.m-auto{
  margin: auto;
}

.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}

.-mx-\[calc\(theme\(borderWidth\[text\]\)_\+_1px\)\]{
  margin-left: calc(calc(1px + 1px) * -1);
  margin-right: calc(calc(1px + 1px) * -1);
}

.-mx-\[calc\(theme\(spacing\.2\)_-_1px\)\]{
  margin-left: calc(calc(0.5rem - 1px) * -1);
  margin-right: calc(calc(0.5rem - 1px) * -1);
}

.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.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;
}

.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}

.\!mb-2{
  margin-bottom: 0.5rem !important;
}

.\!mt-8{
  margin-top: 2rem !important;
}

.-mb-2{
  margin-bottom: -0.5rem;
}

.-ml-2{
  margin-left: -0.5rem;
}

.-ml-4{
  margin-left: -1rem;
}

.-mt-2{
  margin-top: -0.5rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-1\.5{
  margin-bottom: 0.375rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.ml-1{
  margin-left: 0.25rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-auto{
  margin-left: auto;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-1\.5{
  margin-right: 0.375rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.mr-4{
  margin-right: 1rem;
}

.mr-6{
  margin-right: 1.5rem;
}

.mr-auto{
  margin-right: auto;
}

.mt-0\.5{
  margin-top: 0.125rem;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-1\.5{
  margin-top: 0.375rem;
}

.mt-12{
  margin-top: 3rem;
}

.mt-16{
  margin-top: 4rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-\[calc\(theme\(spacing\.4\)_-_var\(--gridline-width\)\)\]{
  margin-top: calc(1rem - var(--gridline-width));
}

.mt-auto{
  margin-top: auto;
}

.block{
  display: block;
}

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

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.hidden{
  display: none;
}

.aspect-square{
  aspect-ratio: 1 / 1;
}

.h-12{
  height: 3rem;
}

.h-14{
  height: 3.5rem;
}

.h-2{
  height: 0.5rem;
}

.h-3{
  height: 0.75rem;
}

.h-4{
  height: 1rem;
}

.h-6{
  height: 1.5rem;
}

.h-7{
  height: 1.75rem;
}

.h-8{
  height: 2rem;
}

.h-9{
  height: 2.25rem;
}

.h-\[1em\]{
  height: 1em;
}

.h-\[40px\]{
  height: 40px;
}

.h-\[50px\]{
  height: 50px;
}

.h-\[max\(var\(--gridline-width\)\2c _0\.125rem\)\]{
  height: max(var(--gridline-width), 0.125rem);
}

.h-\[var\(--text-border-width\)\]{
  height: var(--text-border-width);
}

.h-\[var\(--text-border-width\2c _0px\)\]{
  height: var(--text-border-width, 0px);
}

.h-auto{
  height: auto;
}

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

.h-full{
  height: 100%;
}

.h-screen{
  height: 100vh;
}

.max-h-96{
  max-height: 24rem;
}

.max-h-\[--results-height\]{
  max-height: var(--results-height);
}

.max-h-\[20px\]{
  max-height: 20px;
}

.max-h-\[27px\]{
  max-height: 27px;
}

.max-h-\[30px\]{
  max-height: 30px;
}

.max-h-\[30vh\]{
  max-height: 30vh;
}

.max-h-\[40px\]{
  max-height: 40px;
}

.max-h-\[40vh\]{
  max-height: 40vh;
}

.max-h-\[50px\]{
  max-height: 50px;
}

.max-h-full{
  max-height: 100%;
}

.min-h-\[120px\]{
  min-height: 120px;
}

.min-h-\[350px\]{
  min-height: 350px;
}

.min-h-\[theme\(spacing\.3\)\]{
  min-height: 0.75rem;
}

.min-h-full{
  min-height: 100%;
}

.min-h-screen{
  min-height: 100vh;
}

.w-1\/3{
  width: 33.333333%;
}

.w-1\/5{
  width: 20%;
}

.w-10{
  width: 2.5rem;
}

.w-11\/12{
  width: 91.666667%;
}

.w-12{
  width: 3rem;
}

.w-14{
  width: 3.5rem;
}

.w-16{
  width: 4rem;
}

.w-2{
  width: 0.5rem;
}

.w-2\/3{
  width: 66.666667%;
}

.w-28{
  width: 7rem;
}

.w-3{
  width: 0.75rem;
}

.w-3\/4{
  width: 75%;
}

.w-3\/5{
  width: 60%;
}

.w-4{
  width: 1rem;
}

.w-5\/6{
  width: 83.333333%;
}

.w-6{
  width: 1.5rem;
}

.w-7{
  width: 1.75rem;
}

.w-8{
  width: 2rem;
}

.w-9{
  width: 2.25rem;
}

.w-\[--logo-width\]{
  width: var(--logo-width);
}

.w-\[--mobile-placeholder-width\]{
  width: var(--mobile-placeholder-width);
}

.w-\[100px\]{
  width: 100px;
}

.w-\[40px\]{
  width: 40px;
}

.w-\[calc\(100vw_-_2\.5rem\)\]{
  width: calc(100vw - 2.5rem);
}

.w-\[var\(--mobile-slide-width\)\]{
  width: var(--mobile-slide-width);
}

.w-auto{
  width: auto;
}

.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}

.w-full{
  width: 100%;
}

.w-max{
  width: -moz-max-content;
  width: max-content;
}

.min-w-0{
  min-width: 0px;
}

.min-w-9{
  min-width: 2.25rem;
}

.min-w-\[6rem\]{
  min-width: 6rem;
}

.min-w-\[8rem\]{
  min-width: 8rem;
}

.min-w-\[theme\(spacing\.16\)\]{
  min-width: 4rem;
}

.min-w-max{
  min-width: -moz-max-content;
  min-width: max-content;
}

.max-w-2xl{
  max-width: 42rem;
}

.max-w-\[--logo-width\]{
  max-width: var(--logo-width);
}

.max-w-\[140px\]{
  max-width: 140px;
}

.max-w-\[33vw\]{
  max-width: 33vw;
}

.max-w-\[theme\(spacing\.40\)\]{
  max-width: 10rem;
}

.max-w-\[theme\(spacing\.52\)\]{
  max-width: 13rem;
}

.max-w-\[theme\(spacing\.64\)\]{
  max-width: 16rem;
}

.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;
}

.max-w-xs{
  max-width: 20rem;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-auto{
  flex: 1 1 auto;
}

.shrink-0{
  flex-shrink: 0;
}

.flex-grow{
  flex-grow: 1;
}

.grow{
  flex-grow: 1;
}

.grow-0{
  flex-grow: 0;
}

.origin-center{
  transform-origin: center;
}

.-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-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-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-\[--bottom\]{
  --tw-translate-y: calc(var(--bottom) * -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));
}

.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-full{
  --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));
}

.-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-0{
  --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));
}

.rotate-180{
  --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));
}

.scale-100{
  --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));
}

.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));
}

.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));
}

.transform-gpu{
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-not-allowed{
  cursor: not-allowed;
}

.cursor-pointer{
  cursor: pointer;
}

.cursor-progress{
  cursor: progress;
}

.cursor-zoom-in{
  cursor: zoom-in;
}

.cursor-zoom-out{
  cursor: zoom-out;
}

.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resize{
  resize: both;
}

.snap-y{
  scroll-snap-type: y var(--tw-scroll-snap-strictness);
}

.snap-mandatory{
  --tw-scroll-snap-strictness: mandatory;
}

.snap-center{
  scroll-snap-align: center;
}

.scroll-py-4{
  scroll-padding-top: 1rem;
  scroll-padding-bottom: 1rem;
}

.scroll-py-5{
  scroll-padding-top: 1.25rem;
  scroll-padding-bottom: 1.25rem;
}

.list-inside{
  list-style-position: inside;
}

.list-disc{
  list-style-type: disc;
}

.list-none{
  list-style-type: none;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-flow-row-dense{
  grid-auto-flow: row dense;
}

.auto-rows-max{
  grid-auto-rows: max-content;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-10{
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-\[auto_1fr\]{
  grid-template-columns: auto 1fr;
}

.grid-cols-\[minmax\(0\2c _1fr\)_auto\]{
  grid-template-columns: minmax(0, 1fr) auto;
}

.grid-cols-\[repeat\(var\(--products-per-row-mobile\)\2c _minmax\(0\2c _1fr\)\)\]{
  grid-template-columns: repeat(var(--products-per-row-mobile), minmax(0, 1fr));
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.items-start{
  align-items: flex-start;
}

.items-end{
  align-items: flex-end;
}

.items-center{
  align-items: center;
}

.items-baseline{
  align-items: baseline;
}

.items-stretch{
  align-items: stretch;
}

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.gap-0\.5{
  gap: 0.125rem;
}

.gap-1{
  gap: 0.25rem;
}

.gap-1\.5{
  gap: 0.375rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-8{
  gap: 2rem;
}

.gap-\[--text-border-width\]{
  gap: var(--text-border-width);
}

.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-y-0{
  row-gap: 0px;
}

.gap-y-4{
  row-gap: 1rem;
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.self-start{
  align-self: flex-start;
}

.self-end{
  align-self: flex-end;
}

.self-stretch{
  align-self: stretch;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-x-auto{
  overflow-x: auto;
}

.overflow-y-auto{
  overflow-y: auto;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-normal{
  white-space: normal;
}

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

.\!rounded-full{
  border-radius: 9999px !important;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-none{
  border-radius: 0px;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.border-2{
  border-width: 2px;
}

.border-text{
  border-width: 1px;
}

.border-y-text{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-b-text{
  border-bottom-width: 1px;
}

.border-r{
  border-right-width: 1px;
}

.border-r-text{
  border-right-width: 1px;
}

.border-t-0{
  border-top-width: 0px;
}

.border-t-text{
  border-top-width: 1px;
}

.border-dashed{
  border-style: dashed;
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-current{
  border-color: currentColor;
}

.border-transparent{
  border-color: transparent;
}

.border-b-black{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-b-transparent{
  border-bottom-color: transparent;
}

.border-r-black{
  --tw-border-opacity: 1;
  border-right-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.bg-\[\#f6c337\]{
  --tw-bg-opacity: 1;
  background-color: rgb(246 195 55 / var(--tw-bg-opacity, 1));
}

.bg-transparent{
  background-color: transparent;
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-cover{
  background-size: cover;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.fill-current{
  fill: currentColor;
}

.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;
}

.p-0{
  padding: 0px;
}

.p-0\.5{
  padding: 0.125rem;
}

.p-1{
  padding: 0.25rem;
}

.p-2{
  padding: 0.5rem;
}

.p-4{
  padding: 1rem;
}

.p-8{
  padding: 2rem;
}

.p-\[2px\]{
  padding: 2px;
}

.p-px{
  padding: 1px;
}

.\!py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.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-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.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-0{
  padding-bottom: 0px;
}

.pb-0\.5{
  padding-bottom: 0.125rem;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pb-7{
  padding-bottom: 1.75rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pb-\[var\(--ratio-percent\)\]{
  padding-bottom: var(--ratio-percent);
}

.pl-1{
  padding-left: 0.25rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-5{
  padding-left: 1.25rem;
}

.pl-8{
  padding-left: 2rem;
}

.pl-\[100vw\]{
  padding-left: 100vw;
}

.pr-1{
  padding-right: 0.25rem;
}

.pr-10{
  padding-right: 2.5rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pr-4{
  padding-right: 1rem;
}

.pr-6{
  padding-right: 1.5rem;
}

.pr-8{
  padding-right: 2rem;
}

.pt-0\.5{
  padding-top: 0.125rem;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-8{
  padding-top: 2rem;
}

.pt-\[100\%\]{
  padding-top: 100%;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.align-top{
  vertical-align: top;
}

.align-middle{
  vertical-align: middle;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-\[35px\]{
  font-size: 35px;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold{
  font-weight: 700;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.uppercase{
  text-transform: uppercase;
}

.capitalize{
  text-transform: capitalize;
}

.italic{
  font-style: italic;
}

.leading-6{
  line-height: 1.5rem;
}

.leading-\[inherit\]{
  line-height: inherit;
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.underline{
  text-decoration-line: underline;
}

.line-through{
  text-decoration-line: line-through;
}

.no-underline{
  text-decoration-line: none;
}

.placeholder-current::-moz-placeholder{
  color: currentColor;
}

.placeholder-current::placeholder{
  color: currentColor;
}

.opacity-0{
  opacity: 0;
}

.opacity-10{
  opacity: 0.1;
}

.opacity-100{
  opacity: 1;
}

.opacity-40{
  opacity: 0.4;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-\[0\.05\]{
  opacity: 0.05;
}

.outline-0{
  outline-width: 0px;
}

.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-\[height\]{
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[max-height\]{
  transition-property: max-height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\]{
  transition-property: width;
  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-opacity{
  transition-property: opacity;
  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-75{
  transition-delay: 75ms;
}

.duration-200{
  transition-duration: 200ms;
}

.duration-300{
  transition-duration: 300ms;
}

.duration-75{
  transition-duration: 75ms;
}

.duration-\[280ms\]{
  transition-duration: 280ms;
}

.duration-\[50ms\]{
  transition-duration: 50ms;
}

.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.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);
}

.will-change-\[width\]{
  will-change: width;
}

.content-none{
  --tw-content: none;
  content: var(--tw-content);
}

.\[font-weight\:bolder\]{
  font-weight: bolder;
}

.\[text-transform\:var\(--button-text-transform\)\]{
  text-transform: var(--button-text-transform);
}

.\[text-wrap\:balance\]{
  text-wrap: balance;
}

body * {
  font-family: "Space Grotesk", sans-serif !important;
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><circle cx='8' cy='8' r='8' fill='white'/><circle cx='8' cy='8' r='6' fill='black'/></svg>") 8 8, auto;
}

.before\:visible::before{
  content: var(--tw-content);
  visibility: visible;
}

.after\:content-\[var\(--button-after-content\)\]::after{
  --tw-content: var(--button-after-content);
  content: var(--tw-content);
}

.after\:content-\[var\(--links-after-content\)\]::after{
  --tw-content: var(--links-after-content);
  content: var(--tw-content);
}

.after\:content-none::after{
  --tw-content: none;
  content: var(--tw-content);
}

.first-of-type\:border-t-0:first-of-type{
  border-top-width: 0px;
}

.empty\:hidden:empty{
  display: none;
}

.hover\:-translate-y-1:hover{
  --tw-translate-y: -0.25rem;
  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));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

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

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.group\/swatch:focus-within .group-focus-within\/swatch\:opacity-100{
  opacity: 1;
}

.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:inline{
  display: inline;
}

.group:hover .group-hover\:hidden{
  display: none;
}

.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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\/swatch:hover .group-hover\/swatch\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.peer:checked ~ .peer-checked\:border-b-current{
  border-bottom-color: currentColor;
}

.peer:not(.sold-out,.unavailable) ~ .peer-\[\:not\(\.sold-out\2c \.unavailable\)\]\:cursor-pointer{
  cursor: pointer;
}

.peer.sold-out ~ .peer-\[\.sold-out\]\:line-through{
  text-decoration-line: line-through;
}

.peer.unavailable ~ .peer-\[\.unavailable\]\:line-through{
  text-decoration-line: line-through;
}

.peer\/image.is-complete ~ .peer-\[\.is-complete\]\/image\:opacity-0{
  opacity: 0;
}

@media (prefers-reduced-motion: no-preference){
  .motion-safe\:animate-\[scrolling-items_var\(--scrolling-items-speed\)_linear_infinite_var\(--scrolling-items-direction\)\]{
    animation: scrolling-items var(--scrolling-items-speed) linear infinite var(--scrolling-items-direction);
  }

  .motion-safe\:focus-within\:\[animation-play-state\:paused\]:focus-within{
    animation-play-state: paused;
  }

  .motion-safe\:hover\:\[animation-play-state\:paused\]:hover{
    animation-play-state: paused;
  }
}

@media (prefers-reduced-motion: reduce){
  .motion-reduce\:block{
    display: block;
  }

  .motion-reduce\:hidden{
    display: none;
  }

  .motion-reduce\:-translate-x-1\/4{
    --tw-translate-x: -25%;
    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));
  }

  .motion-reduce\:whitespace-normal{
    white-space: normal;
  }

  .motion-reduce\:text-center{
    text-align: center;
  }

  .motion-reduce\:duration-0{
    transition-duration: 0s;
  }
}

@media not all and (min-width: 1024px){
  .max-lg\:visible{
    visibility: visible;
  }

  .max-lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .max-lg\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .max-lg\:col-start-8{
    grid-column-start: 8;
  }

  .max-lg\:row-span-1{
    grid-row: span 1 / span 1;
  }

  .max-lg\:row-span-2{
    grid-row: span 2 / span 2;
  }

  .max-lg\:row-start-1{
    grid-row-start: 1;
  }

  .max-lg\:hidden{
    display: none;
  }

  .max-lg\:h-fit{
    height: -moz-fit-content;
    height: fit-content;
  }

  .max-lg\:max-h-\[65vh\]{
    max-height: 65vh;
  }

  .max-lg\:w-full{
    width: 100%;
  }

  .max-lg\:translate-y-full{
    --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));
  }

  .max-lg\:auto-rows-max{
    grid-auto-rows: max-content;
  }

  .max-lg\:overflow-y-auto{
    overflow-y: auto;
  }
}

@media not all and (min-width: 768px){
  .max-md\:left-0{
    left: 0px;
  }

  .max-md\:right-auto{
    right: auto;
  }

  .max-md\:-mb-1{
    margin-bottom: -0.25rem;
  }

  .max-md\:mt-4{
    margin-top: 1rem;
  }

  .max-md\:mt-8{
    margin-top: 2rem;
  }

  .max-md\:hidden{
    display: none;
  }

  .max-md\:text-left{
    text-align: left;
  }
}

@media (min-width: 640px){
  .sm\:-left-\[--text-border-width\]{
    left: calc(var(--text-border-width) * -1);
  }

  .sm\:right-auto{
    right: auto;
  }

  .sm\:top-auto{
    top: auto;
  }

  .sm\:max-h-\[25px\]{
    max-height: 25px;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:text-\[inherit\]{
    color: inherit;
  }
}

@media (min-width: 768px){
  .md\:absolute{
    position: absolute;
  }

  .md\:sticky{
    position: sticky;
  }

  .md\:bottom-0{
    bottom: 0px;
  }

  .md\:right-0{
    right: 0px;
  }

  .md\:top-0{
    top: 0px;
  }

  .md\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .md\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .md\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .md\:col-span-full{
    grid-column: 1 / -1;
  }

  .md\:col-start-10{
    grid-column-start: 10;
  }

  .md\:col-start-8{
    grid-column-start: 8;
  }

  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:mt-0{
    margin-top: 0px;
  }

  .md\:mt-4{
    margin-top: 1rem;
  }

  .md\:block{
    display: block;
  }

  .md\:inline-block{
    display: inline-block;
  }

  .md\:inline{
    display: inline;
  }

  .md\:flex{
    display: flex;
  }

  .md\:inline-flex{
    display: inline-flex;
  }

  .md\:table{
    display: table;
  }

  .md\:table-cell{
    display: table-cell;
  }

  .md\:table-header-group{
    display: table-header-group;
  }

  .md\:table-row-group{
    display: table-row-group;
  }

  .md\:table-row{
    display: table-row;
  }

  .md\:grid{
    display: grid;
  }

  .md\:contents{
    display: contents;
  }

  .md\:hidden{
    display: none;
  }

  .md\:h-6{
    height: 1.5rem;
  }

  .md\:max-h-\[27px\]{
    max-height: 27px;
  }

  .md\:w-1\/3{
    width: 33.333333%;
  }

  .md\:w-6{
    width: 1.5rem;
  }

  .md\:w-\[1\%\]{
    width: 1%;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:border-collapse{
    border-collapse: collapse;
  }

  .md\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-\[18\.75rem_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 18.75rem minmax(0,1fr);
  }

  .md\:grid-cols-\[1fr\2c _auto\]{
    grid-template-columns: 1fr auto;
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-col{
    flex-direction: column;
  }

  .md\:flex-wrap{
    flex-wrap: wrap;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-start{
    justify-content: flex-start;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:gap-x-16{
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .md\:gap-y-4{
    row-gap: 1rem;
  }

  .md\:self-auto{
    align-self: auto;
  }

  .md\:border-b-0{
    border-bottom-width: 0px;
  }

  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:pr-\[calc\(var\(--section-horizontal-spacing\)_\+_theme\(spacing\.6\)\)\]{
    padding-right: calc(var(--section-horizontal-spacing) + 1.5rem);
  }

  .md\:text-right{
    text-align: right;
  }

  .md\:align-middle{
    vertical-align: middle;
  }

  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px){
  .lg\:pointer-events-none{
    pointer-events: none;
  }

  .lg\:static{
    position: static;
  }

  .lg\:absolute{
    position: absolute;
  }

  .lg\:relative{
    position: relative;
  }

  .lg\:\!sticky{
    position: sticky !important;
  }

  .lg\:sticky{
    position: sticky;
  }

  .lg\:inset-0{
    inset: 0px;
  }

  .lg\:col-span-12{
    grid-column: span 12 / span 12;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .lg\:col-span-9{
    grid-column: span 9 / span 9;
  }

  .lg\:col-span-full{
    grid-column: 1 / -1;
  }

  .lg\:col-start-1{
    grid-column-start: 1;
  }

  .lg\:col-start-10{
    grid-column-start: 10;
  }

  .lg\:col-start-4{
    grid-column-start: 4;
  }

  .lg\:col-start-5{
    grid-column-start: 5;
  }

  .lg\:col-start-6{
    grid-column-start: 6;
  }

  .lg\:col-start-7{
    grid-column-start: 7;
  }

  .lg\:col-start-9{
    grid-column-start: 9;
  }

  .lg\:col-end-10{
    grid-column-end: 10;
  }

  .lg\:col-end-13{
    grid-column-end: 13;
  }

  .lg\:col-end-4{
    grid-column-end: 4;
  }

  .lg\:-mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .lg\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .lg\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .lg\:my-auto{
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:mb-0{
    margin-bottom: 0px;
  }

  .lg\:ml-2{
    margin-left: 0.5rem;
  }

  .lg\:ml-4{
    margin-left: 1rem;
  }

  .lg\:ml-auto{
    margin-left: auto;
  }

  .lg\:mr-2{
    margin-right: 0.5rem;
  }

  .lg\:mt-0{
    margin-top: 0px;
  }

  .lg\:mt-2{
    margin-top: 0.5rem;
  }

  .lg\:mt-8{
    margin-top: 2rem;
  }

  .lg\:block{
    display: block;
  }

  .lg\:inline-block{
    display: inline-block;
  }

  .lg\:inline{
    display: inline;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-20{
    height: 5rem;
  }

  .lg\:h-auto{
    height: auto;
  }

  .lg\:h-full{
    height: 100%;
  }

  .lg\:min-h-\[700px\]{
    min-height: 700px;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-1\/3{
    width: 33.333333%;
  }

  .lg\:w-11\/12{
    width: 91.666667%;
  }

  .lg\:w-2\/3{
    width: 66.666667%;
  }

  .lg\:w-2\/5{
    width: 40%;
  }

  .lg\:w-20{
    width: 5rem;
  }

  .lg\:w-24{
    width: 6rem;
  }

  .lg\:w-3\/4{
    width: 75%;
  }

  .lg\:w-3\/5{
    width: 60%;
  }

  .lg\:w-\[--desktop-placeholder-width\]{
    width: var(--desktop-placeholder-width);
  }

  .lg\:w-\[var\(--desktop-slide-width\)\]{
    width: var(--desktop-slide-width);
  }

  .lg\:w-auto{
    width: auto;
  }

  .lg\:w-full{
    width: 100%;
  }

  .lg\:max-w-4xl{
    max-width: 56rem;
  }

  .lg\:max-w-\[250px\]{
    max-width: 250px;
  }

  .lg\:max-w-md{
    max-width: 28rem;
  }

  .lg\:max-w-xl{
    max-width: 36rem;
  }

  .lg\:flex-1{
    flex: 1 1 0%;
  }

  .lg\: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));
  }

  .lg\:columns-2{
    -moz-columns: 2;
         columns: 2;
  }

  .lg\:columns-3{
    -moz-columns: 3;
         columns: 3;
  }

  .lg\:columns-4{
    -moz-columns: 4;
         columns: 4;
  }

  .lg\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .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\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[repeat\(var\(--products-per-row\)\2c _minmax\(0\2c _1fr\)\)\]{
    grid-template-columns: repeat(var(--products-per-row), minmax(0, 1fr));
  }

  .lg\:flex-wrap{
    flex-wrap: wrap;
  }

  .lg\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .lg\:items-end{
    align-items: flex-end;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:justify-start{
    justify-content: flex-start;
  }

  .lg\:justify-end{
    justify-content: flex-end;
  }

  .lg\:justify-center{
    justify-content: center;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:gap-2{
    gap: 0.5rem;
  }

  .lg\:gap-4{
    gap: 1rem;
  }

  .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  .lg\:overflow-y-auto{
    overflow-y: auto;
  }

  .lg\:border-0{
    border-width: 0px;
  }

  .lg\:border-t-0{
    border-top-width: 0px;
  }

  .lg\:p-0{
    padding: 0px;
  }

  .lg\:p-16{
    padding: 4rem;
  }

  .lg\:p-2{
    padding: 0.5rem;
  }

  .lg\:p-24{
    padding: 6rem;
  }

  .lg\:p-4{
    padding: 1rem;
  }

  .lg\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .lg\:py-3\.5{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }

  .lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:pb-0{
    padding-bottom: 0px;
  }

  .lg\:pb-4{
    padding-bottom: 1rem;
  }

  .lg\:pl-2{
    padding-left: 0.5rem;
  }

  .lg\:pl-4{
    padding-left: 1rem;
  }

  .lg\:pl-5{
    padding-left: 1.25rem;
  }

  .lg\:pt-0{
    padding-top: 0px;
  }

  .lg\:pt-4{
    padding-top: 1rem;
  }

  .lg\:pt-\[--first-block-top-padding-desktop\]{
    padding-top: var(--first-block-top-padding-desktop);
  }

  .lg\:text-center{
    text-align: center;
  }

  .lg\:text-right{
    text-align: right;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .lg\:opacity-0{
    opacity: 0;
  }

  .group\/swatch:focus-within .lg\:group-focus-within\/swatch\:pointer-events-auto{
    pointer-events: auto;
  }

  .group:focus-within .lg\:group-focus-within\:pointer-events-auto{
    pointer-events: auto;
  }

  .group\/swatch:focus-within .lg\:group-focus-within\/swatch\:opacity-100{
    opacity: 1;
  }

  .group:focus-within .lg\:group-focus-within\:opacity-100{
    opacity: 1;
  }

  .group\/swatch:hover .lg\:group-hover\/swatch\:pointer-events-auto{
    pointer-events: auto;
  }

  .group:hover .lg\:group-hover\:pointer-events-auto{
    pointer-events: auto;
  }

  .group\/swatch:hover .lg\:group-hover\/swatch\:opacity-100{
    opacity: 1;
  }

  .group:hover .lg\:group-hover\:opacity-100{
    opacity: 1;
  }
}

@media print{
  .print\:hidden{
    display: none;
  }
}

.\[\&\.sold-out\]\:hidden.sold-out{
  display: none;
}

.\[\&\.sold-out\]\:line-through.sold-out{
  text-decoration-line: line-through;
}

.\[\&\.splide\]\:visible.splide{
  visibility: visible;
}

.\[\&\.text-center\>a\]\:mx-auto.text-center>a{
  margin-left: auto;
  margin-right: auto;
}

.\[\&\.text-right\>a\]\:ml-auto.text-right>a{
  margin-left: auto;
}

.\[\&\.unavailable\]\:hidden.unavailable{
  display: none;
}

.\[\&\.unavailable\]\:line-through.unavailable{
  text-decoration-line: line-through;
}

.\[\&\:has\(\.fulfillment-details\)\]\:text-sm:has(.fulfillment-details){
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\[\&\:has\(\.sold-out\)\]\:hidden:has(.sold-out){
  display: none;
}

.\[\&\:has\(\.unavailable\)\]\:hidden:has(.unavailable){
  display: none;
}

.\[\&\:has\(\[data-shopify-xr-hidden\]\)\]\:hidden:has([data-shopify-xr-hidden]){
  display: none;
}

.\[\&\>div\:nth-of-type\(1\)\]\:order-2>div:nth-of-type(1){
  order: 2;
}

@media (min-width: 1024px){
  .lg\:\[\&\>div\:nth-of-type\(1\)\]\:col-span-1>div:nth-of-type(1){
    grid-column: span 1 / span 1;
  }

  .lg\:\[\&\>div\:nth-of-type\(2\)\]\:col-span-4>div:nth-of-type(2){
    grid-column: span 4 / span 4;
  }
}

.\[\&\>image-with-placeholder\>img\]\:z-30>image-with-placeholder>img{
  z-index: 30;
}

.\[\&\>image-with-placeholder\>img\]\:opacity-100>image-with-placeholder>img{
  opacity: 1;
}

.\[\&\>input\]\:sr-only>input{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.\[\&\>li\:first-child\]\:col-span-2>li:first-child{
  grid-column: span 2 / span 2;
}

.\[\&\>li\:last-child\]\:col-span-2>li:last-child{
  grid-column: span 2 / span 2;
}

.\[\&\>li\:last-child\]\:after\:content-none>li:last-child::after{
  --tw-content: none;
  content: var(--tw-content);
}

.\[\&\>li\]\:after\:content-\[\'\\00B7\'\]>li::after{
  --tw-content: '\00B7';
  content: var(--tw-content);
}

.peer:checked ~ .peer-checked\:\[\&\>span\:first-child\]\:bg-current>span:first-child{
  background-color: currentColor;
}

.\[\&\>span\:first-of-type\]\:hidden>span:first-of-type{
  display: none;
}

.peer:not(.sold-out,.unavailable) ~ .peer-\[\:not\(\.sold-out\2c \.unavailable\)\]\:\[\&\>span\:first-of-type\]\:hidden>span:first-of-type{
  display: none;
}

.peer:checked ~ .peer-checked\:\[\&\>span\]\:border-b-text>span{
  border-bottom-width: 1px;
}

@media not all and (min-width: 768px){
  .max-md\:\[\&\>td\]\:py-2>td{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 768px){
  .md\:\[\&\>td\]\:p-2>td{
    padding: 0.5rem;
  }

  .md\:\[\&\>th\]\:p-2>th{
    padding: 0.5rem;
  }
}

.\[\&_\*\]\:pointer-events-none *{
  pointer-events: none;
}

.\[\&_\>_\*\]\:pointer-events-none > *{
  pointer-events: none;
}

.\[\&_\[data-shopify-buttoncontainer\]\]\:justify-end [data-shopify-buttoncontainer]{
  justify-content: flex-end;
}

.\[\&_a\[href\]\]\:text-sm a[href]{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\[\&_a\[href\]\]\:underline a[href]{
  text-decoration-line: underline;
}

.\[\&_mark\]\:bg-transparent mark{
  background-color: transparent;
}

.\[\&_mark\]\:font-normal mark{
  font-weight: 400;
}

@media not all and (min-width: 768px){
  .max-md\:\[\&_td\]\:py-2 td{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 768px){
  .md\:\[\&_td\]\:p-2 td{
    padding: 0.5rem;
  }
}

.product-thumbnail.is-active .\[\.product-thumbnail\.is-active_\&\]\:opacity-40{
  opacity: 0.4;
}

.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:pointer-events-none{
  pointer-events: none;
}

.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:invisible{
  visibility: hidden;
}

.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:\!flex{
  display: flex !important;
}

.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:hidden{
  display: none;
}

.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:w-full{
  width: 100%;
}

@media not all and (min-width: 1024px){
  .splide:not(.is-active) .max-lg\:\[\.splide\:not\(\.is-active\)_\&\]\:hidden{
    display: none;
  }

  .splide:not(.is-active) .max-lg\:\[\.splide\:not\(\.is-active\)_\&\]\:w-full{
    width: 100%;
  }
}

.splide:not(.is-active, .is-initialized) .\[\.splide\:not\(\.is-active\2c _\.is-initialized\)_\&\]\:invisible{
  visibility: hidden;
}

.splide__list:not(.active-state-paused) .product-thumbnail.is-active .\[\.splide\\_\\_list\:not\(\.active-state-paused\)_\.product-thumbnail\.is-active_\&\]\: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));
}

:checked~.\[\:checked\~\&\]\:\[\&\>span\:first-child\]\:bg-current>span:first-child{
  background-color: currentColor;
}
/* === Space Grotesk Style 4 default === */
html, body {
  font-family: 'Space Grotesk', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-feature-settings: "ss04" 1; /* enable Style 4 alternates */
  font-variation-settings: "wght" 400; /* optional: set preferred weight */
}

/* Optional: force Shopify sections/headings to use it too */
h1, h2, h3, h4, h5, h6,
p, a, span, button, input, textarea {
  font-feature-settings: "ss04" 1;
}