/** Shopify CDN: Minification failed

Line 393:0 Unexpected "#"
Line 393:5 Expected ":"
Line 397:0 Unexpected "#"
Line 397:5 Expected ":"

**/
/* Main Site */

style,
script {
  display: none !important;
}

/* Main */

body {
  --font: "Inter", helvetica;
  --font-heading: "Inter", helvetica;
  --font-caption-alt: "Markl Mono", helvetica;
  --blur-glaze: blur(6.8px);
  --box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.06);
  --sticky-top: calc(90px + var(--section-horizontal-padding));
  interpolate-size: allow-keywords;
  background: var(--color-background);
  display: flex;
  flex-direction: column;
}

body #MainContent {
  max-width: var(--ante-page-width);
  display: flex;
  flex-direction: column;
  flex: 1;
}

body #MainContent > *:has(.ante-section) {
  width: 100%;
  display: initial;
  z-index: 1;
}

.ante-section * {
  box-sizing: border-box !important;
  font-family: var(--font);
}

[hidden] {
  display: none !important;
}

.ante-section {
  --ante-container-width: var(--ante-container-width-full);
  padding: 0 var(--section-horizontal-padding);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: clip;
  color: var(--color-text-default);
  font-family: inherit;
  position: relative;
}

@media (min-width: 1025px) {
  .ante-section.section-background-style-floating {
    --ante-container-width: calc(var(--ante-container-width-full) - var(--section-horizontal-padding) * 2);
  }
}

@media (max-width: 600px) {
  .ante-section {
    overflow: hidden;
  }
}

.ante-container {
  width: 100%;
  max-width: min(100%, var(--content-width));
  padding: var(--section-vertical-padding) 0;
  margin: 0 auto;
  font-family: var(--font) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.ante-container > * {
  z-index: 1;
}

.ante-section.section-spacing-bottom > .ante-container,
.ante-section.section-spacing-bottom.section-background-style-floating,
.ante-section.section-spacing-none > .ante-container,
.ante-section.section-spacing-none.section-background-style-floating {
  padding-top: 0 !important;
}

.ante-section.section-spacing-top > .ante-container,
.ante-section.section-spacing-top.section-background-style-floating,
.ante-section.section-spacing-none > .ante-container,
.ante-section.section-spacing-none.section-background-style-floating {
  padding-bottom: 0 !important;
}

.ante-section.section-background-style-floating {
  padding-top: var(--section-vertical-padding);
  padding-bottom: var(--section-vertical-padding);
}

.ante-section.section-background-style-floating .ante-container {
  border-radius: var(--radius-large);
  padding: var(--section-horizontal-padding) var(--section-horizontal-padding) !important;
}

@media (max-width: 1024px) {
  .ante-section.section-background-style-floating .ante-container {
    padding: var(--section-vertical-padding) var(--section-horizontal-padding) !important;
  }
}

.ante-section-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.ante-inverse {
  color: var(--color-text-default);
}

.ante-section p {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit;
}

.ante-section a {
  color: inherit;
}

.ante-section .link,
.ante-section .richtext a {
  color: var(--color-text-link) !important;
  position: relative;
  text-decoration: underline;
  font-family: var(--font-caption-alt);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

@media (max-width: 600px) { 
  .ante-section .link,
  .ante-section .richtext a {
    font-size: 12px;
  }
}

.ante-section .link.body-caption::before,
.ante-section .richtext.body-caption a::before {
  height: 1px;
  bottom: 1px;
}

.ante-section .link:hover::before,
.ante-section .richtext a:hover::before {
  width: 100%;
}

.spacer {
  flex: 1;
}

.ante-section .mobile {
  display: none !important;
}

@media (max-width: 1024px) {
  .ante-section.section-background-style-floating {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 600px) {
  .ante-section .mobile {
    display: flex !important;
  }

  .ante-section .desktop {
    display: none !important;
  }
}

/* Tags */

.ante-tag {
  padding: var(--padding-tag);
  font-size: 14px;
  font-family: var(--font-caption-alt);
  line-height: 1;
  background-color: var(--color-info);
  color: var(--color-info-text);
  border: 1px dashed var(--color-info-border);
  display: flex;
  align-items: center;
  gap: 0.2em;
  letter-spacing: 0.05em;
  border-radius: var(--radius-x-small);
  font-weight: 500;
}

.ante-tag.outer {
  align-self: flex-start;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: absolute;
  top: -1px;
  left: -1px;
  transform: translateY(-100%);
}

.ante-tag.info-alt {
  background-color: var(--color-info-alt);
  color: var(--color-info-alt-text);
  border: 1px dashed var(--color-info-alt-border);
}

.ante-tag.sale {
  background-color: var(--color-sale);
  color: var(--color-sale-text);
  border: 1px dashed var(--color-sale-border);
}

.ante-tag.sale-alt {
  background-color: var(--color-sale-alt);
  color: var(--color-sale-alt-text);
  border: initial;
}

.ante-tag > :first-child {
  margin-top: 0;
}

.ante-tag > :last-child {
  margin-bottom: 0;
}

.ante-tag * {
  margin: 0 !important;
}

.has-ante-tag-outer {
  margin-top: 32px;
}

@media (max-width: 1919px) {
  .ante-tag {
    font-size: 14px;
  }

  .ante-tag strong {
    font-size: 15px;
  }

  .has-ante-tag-outer {
    margin-top: 26px;
  }
}

@media (max-width: 600px) {
  .ante-tag {
    font-size: 12px;
  }

  .ante-tag strong {
    font-size: 13px;
  }

  .has-ante-tag-outer {
    margin-top: 20px;
  }
}

/* Images */

.ante-image {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}

.ante-image img {
  display: block;
  object-fit: cover;
}

.ante-image-play {
  position: absolute;
  bottom: var(--micropad-small);
  left: var(--micropad-small);
  border-radius: 50%;
  background-color: var(--color-button);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  pointer-events: none;
  opacity: 0.9;
}

.ante-image-caption {
  position: absolute;
  bottom: var(--padding-small);
  left: var(--padding-small);
  color: var(--inverse-color-text-default);
  filter: drop-shadow(0px 0px 4px black) !important;
}

.ante-image-type-polaroid {
  padding: var(--padding-medium);
  box-shadow: var(--box-shadow);
  background: var(--base-color-surface-100)
}

.ante-image-type-polaroid img:last-child {
  margin-bottom: var(--padding-x-large);
}

.ante-image-type-polaroid .ante-image-caption {
  position: initial;
  color: var(--base-color-text-alt);
  filter: none !important;
  margin-top: var(--spacing-x-small);
  width: 100%;
  font-family: "Hello Stranger";
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 3px;
}

#video-modal .modal-element {
  min-width: initial;
}

#video-modal .modal-contents {
  padding: 0;
  max-height: calc(100svh - var(--section-horizontal-padding) * 2 - var(--modal-header-height));
}

#video-modal .modal-contents iframe {
  aspect-ratio: 16 / 9;
  width: min(var(--width-8), 100svw - var(--section-horizontal-padding) * 2);
  max-height: calc(100svh - var(--section-horizontal-padding) * 2 - var(--modal-header-height));
}

#video-modal .modal-element {
  --modal-max-height: calc(100svh - var(--section-horizontal-padding) * 2 - 52px);
}

#video-modal .modal-title-row {
  height: 0;
}
  
#video-modal .modal-title {
  position: absolute;
  top: var(--padding-medium);
  left: var(--padding-medium);
  z-index: 1;
  filter: drop-shadow(0 0 8px #000);
}

#video-modal .modal-close {
  position: absolute;
  top: var(--padding-medium);
  right: var(--padding-medium);
  z-index: 1;
}

#video-modal .modal-close svg {
  background-color: initial;
  padding: 0;
  filter: drop-shadow(0 0 8px #000);
}

#${id} .modal-contents {
  padding: 0;
}

#${id} video {
  width: 100%;
  display: block;
}

@media (max-width: 700px) {
  .ante-image-type-polaroid {
    padding: var(--padding-small);
  }
}

@media (max-width: 600px) {
  .ante-image-type-polaroid .ante-image-caption {
    font-size: 16px;
  }
}

/* Stars */

.review-stars {
  display: flex;
  gap: 2px;
  align-items: center;
  text-decoration: none;
}

.review-stars .review-text {
  margin-left: var(--micropad-medium);
}

@media (max-width: 600px) {
  .review-stars svg {
    width: 16px;
    height: 16px;
  }
}

/* Prices */

.ante-price {
  display: flex;
  align-items: center;
  gap: var(--micropad-x-small) var(--micropad-medium);
}

.ante-buy-compare-price {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--color-text-faint);
  font-weight: 400;
}

.ante-buy-compare-price span {
  color: var(--color-text-faint);
}

.ante-buy-compare-price::before {
  content: "";
  position: absolute;
  opacity: .5;
  background-color: var(--color-text-faint);
  height: .15em;
  left: -.1em;
  right: -.1em;
  top: calc(50%);
  transform: translateY(-50%);
  z-index: 1;
}

.ante-button .ante-buy-compare-price,
.ante-button .ante-buy-compare-price span {
  color: var(--color-button-text) !important;
}

.ante-button .ante-buy-compare-price span {
  opacity: 0.6;
}

.ante-button .ante-buy-compare-price::before {
  background-color: var(--color-button-text);
}

.ante-buy-button-footer {
  display: flex;
  gap: var(--micropad-medium);
  margin-top: var(--micropad-x-large);
  justify-content: center;
  align-items: center;
}

.ante-buy-button-footer-icons {
  display: flex;
  align-items: center;
  gap: var(--micropad-x-small);
}

.ante-buy-button[disabled] + .ante-buy-button-footer {
  display: none;
}

.ante-button .ante-buy-label {
  display: none !important;
}

@media (max-width: 600px) {
  .ante-buy-button .ante-buy-label {
    display: none;
  }
  
  .ante-buy-button-footer {
    flex-direction: column;
  }
}

/* Modals */

body:has(.modal-container:is(.open, .opening, .closing)) {
  overflow-y: hidden;
}

#modals {
  z-index: 9999;
}

.modal {
  display: none;
}

.modal-container {
  --modal-header-height: 68px;
  --modal-transition-duration: 150ms;
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color var(--modal-transition-duration), backdrop-filter var(--modal-transition-duration);
  pointer-events: none;
}

.modal-container.open {
  background-color: rgba(0, 0, 0, 0.40);
  backdrop-filter: blur(4px);
  pointer-events: initial;
}

.modal-element {
  --modal-max-width: min(var(--content-width), 100svw - var(--section-horizontal-padding) * 2);
  --modal-min-width: min(var(--width-3), 100svw - var(--section-horizontal-padding) * 2);
  --modal-max-height: min(532px, calc(100svh - var(--section-horizontal-padding) * 2 - 52px));
  margin: auto;
  background-color: var(--color-background);
  border-radius: var(--radius-medium);
  overflow: hidden;
  max-width: var(--modal-max-width);
  min-width: var(--modal-min-width);
  transition: opacity var(--modal-transition-duration), transform var(--modal-transition-duration);
  opacity: 0;
  position: relative;
}

.modal-container.open .modal-element {
  opacity: 1;
}

.modal-title-row {
  display: flex;
  gap: var(--spacing-medium);
  justify-content: space-between;
  background-color: var(--inverse-color-background);
  height: var(--modal-header-height);
  align-items: center;
  padding: 0 var(--padding-large);
}

.modal-title {
  color: var(--inverse-color-text-default);
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  font-family: var(--font-heading);
}

.modal-title-row > .modal-close {
  all: unset;
  display: flex;
}

.modal-title-row > .modal-close svg {
  cursor: pointer;
  background-color: var(--color-button);
  padding: 8px;
  width: 44px;
  height: 44px;
  border-radius: 100px;
  fill: var(--color-button-text);
  box-sizing: border-box;
}

.modal-contents {
  max-height: var(--modal-max-height);
  overflow: auto;
  padding: var(--padding-large);
  display: block;
  background: initial;
}

@media (max-width: 1919px) {
  .modal-container {
    --modal-header-height: 56px;
  }

  .modal-element {
    --modal-min-width: min(var(--width-4), 100svw - var(--section-horizontal-padding) * 2);
    --modal-max-height: min(465px, calc(100svh - var(--section-horizontal-padding) * 2 - 52px));
  }

  .modal-title-row > .modal-close svg {
    padding: 7px;
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 600px) {
  .modal-container {
    --modal-header-height: 36px;
  }

  .modal-element {
    --modal-min-width: min(var(--width-5), 100svw - var(--section-horizontal-padding) * 2);
    --modal-max-height: calc(100svh - var(--section-horizontal-padding) * 2 - 52px);
  }

  .modal-title {
    font-size: 16px;
  }

  .modal-title-row > .modal-close svg {
    padding: 6px;
    width: 24px;
    height: 24px;
  }
}

.modal-type-slideout {
  --modal-header-height: 124px;
}

.modal-type-slideout .modal-element {
  --modal-max-width: calc(100svw - var(--section-horizontal-padding));
  --modal-max-height: calc(100vh - var(--modal-header-height));
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  transform: translateX(100%);
  opacity: 1;
}

.modal-type-slideout.open .modal-element {
  transform: initial;
}

.modal-type-slideout .modal-title-row {
  background-color: initial;
  justify-content: flex-end;
  flex-direction: row-reverse;
  gap: var(--spacing-small);
  padding: var(--padding-x-large) var(--padding-x-large) var(--spacing-small);
}

.modal-type-slideout .modal-title {
  color: var(--color-text-default);
}

.modal-type-slideout .modal-title-row > .modal-close svg {
  background-color: initial;
  padding: 0;
  fill: var(--color-text-default);
}

.modal-type-slideout .modal-contents {
  height: 100%;
  padding: 0 var(--padding-x-large) var(--padding-x-large);
}

@media (max-width: 1919px) {
  .modal-type-slideout {
    --modal-header-height: 100px;
  }
}

@media (max-width: 1024px) {
  .modal-type-slideout {
    --modal-header-height: 96px;
  }
}

@media (max-width: 768px) {
  .modal-type-slideout .modal-element {
    --modal-min-width: 100svw;
    --modal-max-height: min(66vh, 100vh - var(--section-vertical-padding) - var(--modal-header-height));
    position: fixed;
    top: initial;
    left: 0;
    transform: translateY(100%);
    border-radius: var(--radius-large) var(--radius-large) 0 0;
  }
}

@media (max-width: 600px) {
  .modal-type-slideout {
    --modal-header-height: 64px;
  }
}