:root { --font-weight-normal: 400; --font-weight-bold: 700; --font-weight-header-bold: 700; --header-font-stack: Jost, sans-serif; --header-font-weight: 400; --header-font-style: normal; --header-text-size: 28; --header-text-size-px: 28px; --header-mobile-text-size-px: 22px; --header-font-case: normal; --header-font-size: 16; --header-font-size-px: 16px; --heading-spacing: -0.01em; --heading-line-height: 1.2; --heading-font-case: normal; --heading-font-stack: FontDrop; --body-font-stack: Jost, sans-serif; --body-font-weight: 400; --body-font-style: normal; --button-font-stack: Jost, sans-serif; --button-font-weight: 400; --button-font-style: normal; --label-font-stack: Jost, sans-serif; --label-font-weight: 400; --label-font-style: normal; --label-font-case: uppercase; --label-spacing: 0px; --navigation-font-stack: Jost, sans-serif; --navigation-font-weight: 400; --navigation-font-style: normal; --navigation-font-letter-spacing: 0px; --base-font-size-int: 16; --base-font-size: 16px; --body-font-size-12-to-em: 0.75em; --body-font-size-16-to-em: 1.0em; --body-font-size-22-to-em: 1.38em; --body-font-size-28-to-em: 1.75em; --body-font-size-36-to-em: 2.25em; --h1-size: 35px; --h2-size: 28px; --h3-size: 25px; --h4-size: 21px; --h5-size: 18px; --h6-size: 16px; --sale-badge-color: rgba(151 73 73 / 1.0); --sold-out-badge-color: rgba(36 36 36 / 1.0); --custom-badge-color: rgba(36 36 36 / 1.0); --preorder-badge-color: rgba(73 73 73 / 1.0); --countdown-badge-color: rgba(108 117 108 / 1.0); --badge-font-color: rgba(255 255 255 / 1.0); --primary-btn-text-color: rgba(6 18 55 / 1.0); --primary-btn-text-color-opacity50: color-mix(in srgb, var(--primary-btn-text-color), transparent 50%); --primary-btn-bg-color: rgba(254 199 5 / 1.0); --primary-btn-bg-color-opacity50: color-mix(in srgb, var(--primary-btn-bg-color), transparent 50%); --button-text-case: uppercase; --button-font-size: 16; --button-font-size-px: 16px; --button-text-spacing-px: 1px; --text-line-clamp: none; --alt-btn-border-radius: 0.1rem; --text-color: rgba(6 18 55 / 1.0); --text-color-transparent05: color-mix(in srgb, var(--text-color), transparent 95%); --text-color-transparent10: color-mix(in srgb, var(--text-color), transparent 90%); --text-color-transparent15: color-mix(in srgb, var(--text-color), transparent 85%); --text-color-transparent25: color-mix(in srgb, var(--text-color), transparent 75%); --text-color-transparent30: color-mix(in srgb, var(--text-color), transparent 70%); --text-color-transparent40: color-mix(in srgb, var(--text-color), transparent 60%); --text-color-transparent50: color-mix(in srgb, var(--text-color), transparent 50%); --text-color-transparent5: color-mix(in srgb, var(--text-color), transparent 50%); --text-color-transparent6: color-mix(in srgb, var(--text-color), transparent 40%); --text-color-transparent7: color-mix(in srgb, var(--text-color), transparent 30%); --text-color-transparent8: color-mix(in srgb, var(--text-color), transparent 20%); --heading-xl-font-size: 28px; --heading-l-font-size: 22px; --subheading-font-size: 20px; --small-body-font-size: 14px; --link-color: rgba(6 18 55 / 1.0); --on-sale-color: rgba(159 17 17 / 1.0); --body-color: rgba(255 255 255 / 1.0); --body-color-darken10: #e6e6e6; --body-color-transparent00: color-mix(in srgb, var(--body-color), transparent 100%); --body-color-transparent40: color-mix(in srgb, var(--body-color), transparent 60%); --body-color-transparent50: color-mix(in srgb, var(--body-color), transparent 50%); --body-color-transparent90: color-mix(in srgb, var(--body-color), transparent 10%); --body-overlay-color: color-mix(in srgb, var(--body-color-darken10), transparent 30%); --body-secondary-color: rgba(255 255 255 / 1.0); --body-secondary-color-transparent00: color-mix(in srgb, var(--body-secondary-color), transparent 100%); --body-secondary-color-darken05: color-mix(in srgb, var(--body-secondary-color), transparent 95%); --color-primary-background: #ffffff; --color-primary-background-rgb: 255, 255, 255; --color-secondary-background: rgba(255 255 255 / 1.0); --border-color: rgba(6, 18, 55, 0.25); --link-border-color: color-mix(in srgb, var(--link-color), transparent 50%); --border-color-darken10: #010309; --view-in-space-button-background: #e8edfc; --header-color: rgba(255 255 255 / 1.0); --header-color-darken5-filter: #f2f2f2; --header-color-darken5: color-mix(in srgb, var(--header-color-darken5-filter), transparent 0%); --header-border-color: rgba(238 238 238 / 1.0); --announcement-text-size: 14px; --announcement-text-spacing: 0px; --logo-font-size: 18px; --overlay-header-text-color: rgba(255 255 255 / 1.0); --nav-text-color: rgba(36 36 36 / 1.0); --nav-text-color-transparent5: color-mix(in srgb, var(--nav-text-color), transparent 95%); --nav-text-color-transparent10: color-mix(in srgb, var(--nav-text-color), transparent 90%); --nav-text-color-transparent30: color-mix(in srgb, var(--nav-text-color), transparent 70%); --nav-text-color-transparent50: color-mix(in srgb, var(--nav-text-color), transparent 50%); --nav-text-hover: rgba(254 199 5 / 1.0); --color-scheme-light-background: rgba(248 248 248 / 1.0); --color-scheme-light-background-transparent40: color-mix(in srgb, var(--color-scheme-light-background), transparent 60%); --color-scheme-light-background-transparent50: color-mix(in srgb, var(--color-scheme-light-background), transparent 50%); --color-scheme-light-background-rgb: 248, 248, 248; --color-scheme-light-text: rgba(6 18 55 / 1.0); --color-scheme-light-text-transparent10: color-mix(in srgb, var(--color-scheme-light-text), transparent 90%); --color-scheme-light-text-transparent25: color-mix(in srgb, var(--color-scheme-light-text), transparent 75%); --color-scheme-light-text-transparent40: color-mix(in srgb, var(--color-scheme-light-text), transparent 60%); --color-scheme-light-text-transparent50: color-mix(in srgb, var(--color-scheme-light-text), transparent 50%); --color-scheme-light-text-transparent60: color-mix(in srgb, var(--color-scheme-light-text), transparent 40%); --color-scheme-light-text-transparent80: color-mix(in srgb, var(--color-scheme-light-text), transparent 20%); --color-scheme-feature-background: rgba(254 199 5 / 1.0); --color-scheme-feature-background-transparent40: color-mix(in srgb, var(--color-scheme-feature-background), transparent 60%); --color-scheme-feature-background-transparent50: color-mix(in srgb, var(--color-scheme-feature-background), transparent 50%); --color-scheme-feature-background-rgb: 254, 199, 5; --color-scheme-feature-text: rgba(6 18 55 / 1.0); --color-scheme-feature-text-transparent10: color-mix(in srgb, var(--color-scheme-feature-text), transparent 90%); --color-scheme-feature-text-transparent25: color-mix(in srgb, var(--color-scheme-feature-text), transparent 75%); --color-scheme-feature-text-transparent40: color-mix(in srgb, var(--color-scheme-feature-text), transparent 60%); --color-scheme-feature-text-transparent50: color-mix(in srgb, var(--color-scheme-feature-text), transparent 50%); --color-scheme-feature-text-transparent60: color-mix(in srgb, var(--color-scheme-feature-text), transparent 40%); --color-scheme-feature-text-transparent80: color-mix(in srgb, var(--color-scheme-feature-text), transparent 20%); --homepage-sections-accent-secondary-color-transparent60: color-mix(in srgb, var(--color-scheme-feature-text), transparent 40%); --color-scheme-dark-background: rgba(0 0 0 / 1.0); --color-scheme-dark-background-transparent40: color-mix(in srgb, var(--color-scheme-dark-background), transparent 60%); --color-scheme-dark-background-transparent50: color-mix(in srgb, var(--color-scheme-dark-background), transparent 50%); --color-scheme-dark-background-rgb: 0, 0, 0; --color-scheme-dark-text: rgba(255 255 255 / 1.0); --color-scheme-dark-text-transparent10: color-mix(in srgb, var(--color-scheme-dark-text), transparent 90%); --color-scheme-dark-text-transparent25: color-mix(in srgb, var(--color-scheme-dark-text), transparent 75%); --color-scheme-dark-text-transparent40: color-mix(in srgb, var(--color-scheme-dark-text), transparent 60%); --color-scheme-dark-text-transparent50: color-mix(in srgb, var(--color-scheme-dark-text), transparent 50%); --color-scheme-dark-text-transparent60: color-mix(in srgb, var(--color-scheme-dark-text), transparent 40%); --color-scheme-dark-text-transparent80: color-mix(in srgb, var(--color-scheme-dark-text), transparent 20%); --filter-bg-color: rgba(6, 18, 55, 0.1); --menu-drawer-color: rgba(255 255 255 / 1.0); --menu-drawer-text-color: rgba(6 18 55 / 1.0); --menu-drawer-text-color-transparent10: color-mix(in srgb, var(--menu-drawer-text-color), transparent 90%); --menu-drawer-text-color-transparent30: color-mix(in srgb, var(--menu-drawer-text-color), transparent 70%); --menu-drawer-border-color: color-mix(in srgb, var(--menu-drawer-text-color), transparent 75%); --menu-drawer-text-hover-color: rgba(254 199 5 / 1.0); --cart-drawer-color: rgba(237 236 235 / 1.0); --cart-drawer-color-transparent50: color-mix(in srgb, var(--cart-drawer-color), transparent 50%); --cart-drawer-text-color: rgba(6 18 55 / 1.0); --cart-drawer-text-color-transparent10: color-mix(in srgb, var(--cart-drawer-text-color), transparent 90%); --cart-drawer-text-color-transparent25: color-mix(in srgb, var(--cart-drawer-text-color), transparent 75%); --cart-drawer-text-color-transparent40: color-mix(in srgb, var(--cart-drawer-text-color), transparent 60%); --cart-drawer-text-color-transparent50: color-mix(in srgb, var(--cart-drawer-text-color), transparent 50%); --cart-drawer-text-color-transparent70: color-mix(in srgb, var(--cart-drawer-text-color), transparent 30%); --cart-drawer-border-color: color-mix(in srgb, var(--cart-drawer-text-color), transparent 75%); --success-color: #28a745; --error-color: #DC3545; --warning-color: #EB9247; --color-body: rgba(255 255 255 / 1.0); --color-bg: rgba(255 255 255 / 1.0); --checkbox-size: 16px; --inline-icon-size: 16px; --line-height-base: 1.6; --grid-spacing: 40px; --grid-spacing-tight: 10px; --grid-spacing-loose: 40px; --block-border-radius: 0.2rem; --input-border-radius: 0.1rem; --thumbnail-border-radius: 0.1rem; --badge-border-radius: 0.1rem; --swatch-border-radius: 50%; }
*, ::before, ::after { box-sizing: inherit; }
html { box-sizing: border-box; background-color: var(--body-color); height: 100%; margin: 0px; }
body { background-color: var(--body-color); min-height: 100%; margin: 0px; display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; overflow-x: hidden; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }
:root { --swiper-theme-color: #007aff; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; }
@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
:root { --swiper-navigation-size: 44px; }
@keyframes pswp-clockwise { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.kb-enabled { overflow: hidden; }
@media only screen and (prefers-reduced-motion: no-preference) and (min-width: 768px){.kb-enabled > * { transform: translate3d(0.25rem, 0.12rem, 0.25rem) scale(1.06); transition: transform 2s; }
}
@media screen and (prefers-reduced-motion: reduce){.kb-enabled { transform: none !important; transition: none !important; }
}
@keyframes FadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes FadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.js .show-on-scroll { opacity: 0; }
.collection-wrapper .shopify-section:first-child, .homepage-wrapper .shopify-section:first-child { animation-name: none; }
:root { --animation-translate-y: 15px; --animation-delay-increment: 0.15s; --animation-delay-offset: 0s; }
@media (prefers-reduced-motion: no-preference){.js body:not(.animations-disabled) [data-animate] { opacity: 0.001; transform: none; }
}
@media screen and (prefers-reduced-motion: no-preference) and (min-width: 768px) and (hover: hover){.hover-zoom-enabled [data-animate-hover-zoom] { overflow: hidden; }
.hover-zoom-enabled [data-animate-hover-zoom] [data-animate-hover-zoom-bg-img], .hover-zoom-enabled [data-animate-hover-zoom] img, .hover-zoom-enabled [data-animate-hover-zoom] svg { transition: transform 0.8s; }
.hover-zoom-enabled [data-animate-hover-zoom]:hover [data-animate-hover-zoom-bg-img], .hover-zoom-enabled [data-animate-hover-zoom]:hover img, .hover-zoom-enabled [data-animate-hover-zoom]:hover svg { transform: scale(1.04); }
}
[data-animate-hover-block][data-animate-order="1"], [data-animate][data-animate-order="1"] { animation-delay: calc(0 * var(--animation-delay-increment) + var(--animation-delay-offset)); }
[data-animate-hover-block][data-animate-order="2"], [data-animate][data-animate-order="2"] { animation-delay: calc(1 * var(--animation-delay-increment) + var(--animation-delay-offset)); }
[data-animate-hover-block][data-animate-order="3"], [data-animate][data-animate-order="3"] { animation-delay: calc(2 * var(--animation-delay-increment) + var(--animation-delay-offset)); }
[data-animate-hover-block][data-animate-order="4"], [data-animate][data-animate-order="4"] { animation-delay: calc(3 * var(--animation-delay-increment) + var(--animation-delay-offset)); }
@media screen and (max-width: 1023px){[data-animate-hover-block][data-animate-order-ipad="1"], [data-animate][data-animate-order-ipad="1"] { animation-delay: calc(0 * var(--animation-delay-increment) + var(--animation-delay-offset)); }
[data-animate-hover-block][data-animate-order-ipad="2"], [data-animate][data-animate-order-ipad="2"] { animation-delay: calc(1 * var(--animation-delay-increment) + var(--animation-delay-offset)); }
}
@media screen and (max-width: 767px){[data-animate-hover-block][data-animate-order-mobile="1"], [data-animate][data-animate-order-mobile="1"] { animation-delay: calc(0 * var(--animation-delay-increment) + var(--animation-delay-offset)); }
[data-animate-hover-block][data-animate-order-mobile="2"], [data-animate][data-animate-order-mobile="2"] { animation-delay: calc(1 * var(--animation-delay-increment) + var(--animation-delay-offset)); }
[data-animate-hover-block][data-animate-order-mobile="3"], [data-animate][data-animate-order-mobile="3"] { animation-delay: calc(2 * var(--animation-delay-increment) + var(--animation-delay-offset)); }
}
@keyframes blockFadeIn { 
  0% { opacity: 0.001; transform: translateY(var(--animation-translate-y)); }
  100% { opacity: 1; transform: none; }
}
@keyframes blockFadeInLeft { 
  0% { opacity: 0.001; transform: translateX(calc(var(--animation-translate-y) * -1)); }
  100% { opacity: 1; transform: none; }
}
@keyframes blockFadeInLeftBold { 
  0% { opacity: 0.001; transform: translateX(calc(var(--animation-translate-y) * -2)); }
  100% { opacity: 1; transform: none; }
}
@keyframes blockFadeInRightBold { 
  0% { opacity: 0.001; transform: translateX(calc(var(--animation-translate-y) * 2)); }
  100% { opacity: 1; transform: none; }
}
@keyframes dropdownFadeUp { 
  0% { opacity: 0.001; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}
@keyframes resetOverflow { 
  0% { overflow-y: hidden; padding-right: 3px; }
  100% { overflow-y: auto; padding-right: 0px; }
}
.spin { animation: 1s linear 0s infinite normal none running spin; }
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes fadeInLabel { 
  0% { opacity: 0.001; transform: translateX(8px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInLabelSimple { 
  0% { opacity: 0.001; }
  100% { opacity: 1; }
}
.btn-wrapper-default { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: calc(var(--grid-spacing) * .75); }
@media screen and (min-width: 481px){.btn-wrapper-default { column-gap: var(--grid-spacing); }
}
.btn-wrapper-default .btn { overflow-wrap: break-word; }
.text-link, a { color: var(--link-color); text-decoration: none; background: 0px 0px; }
button { overflow: visible; }
.btn, .shopify-payment-button__button.shopify-payment-button__button--unbranded { user-select: none; display: inline-block; padding: 10px calc(35px); width: auto; margin: 0px; position: relative; overflow: hidden; text-decoration: none; text-align: center; vertical-align: middle; line-height: 1.6; cursor: pointer; border: 0px; appearance: none; border-radius: var(--alt-btn-border-radius); background-color: var(--primary-btn-bg-color); color: var(--primary-btn-text-color); font-family: var(--button-font-stack); font-weight: var(--button-font-weight); font-style: var(--button-font-style); text-transform: var(--button-text-case); font-size: var(--button-font-size-px); letter-spacing: var(--button-text-spacing-px); }
.btn.disabled, .btn.swiper-button-disabled, .btn:disabled, .shopify-payment-button__button.shopify-payment-button__button--unbranded.disabled, .shopify-payment-button__button.shopify-payment-button__button--unbranded.swiper-button-disabled, .shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled { opacity: 0.5; cursor: default; }
.btn--underlined { --link-color: var(--primary-btn-bg-color); --link-border-color: var(--primary-btn-bg-color-opacity50); color: var(--primary-btn-bg-color); border: 0px; }
.btn--underlined.disabled, .btn--underlined:disabled { opacity: 0.5; cursor: default; }
.article-comment--btn, .customer-account-cancel, .newsletter-footer .footer-email-submit { margin-top: 15px; }
.product--add-to-cart-button { display: flex; align-items: center; justify-content: center; position: relative; }
.product--add-to-cart-button svg.spin { position: absolute; top: calc(50% - 0.8em); left: calc(50% - 0.8em); }
.product--add-to-cart-button, .shopify-product-form .shopify-payment-button__button--unbranded { min-height: 44px; width: 100%; }
@media screen and (max-width: 480px){.paymentButtonsWrapper .product--add-to-cart-button, .paymentButtonsWrapper .shopify-payment-button { width: 100%; max-width: 300px; }
}
@media screen and (min-width: 481px){.paymentButtonsWrapper { display: flex; align-items: flex-start; flex-direction: column; }
.paymentButtonsWrapper .product--add-to-cart-button, .paymentButtonsWrapper .shopify-payment-button { flex-grow: 1; }
}
body .color-scheme--white { --color-scheme-text-color: var(--text-color); --color-scheme-text-color-transparent10: var(--text-color-transparent10); --color-scheme-text-color-transparent40: var(--text-color-transparent40); --color-scheme-text-color-transparent50: var(--text-color-transparent50); --color-scheme-background-color: var(--body-color); --color-scheme-background-rgb: var(--color-primary-background-rgb); --color-scheme-border-color: var(--text-color-transparent25); background: var(--body-color); color: var(--text-color); }
body .color-scheme--white .inline-icon--wrapper, body .color-scheme--white .standalone-icon--wrapper, body .color-scheme--white input, body .color-scheme--white input::placeholder { color: var(--text-color); }
body .color-scheme--white a:not(.btn):not(.standalone-icon--wrapper):not(.btn--underlined):not(.animated-link--item--nested) { color: var(--link-color); }
body .color-scheme--light { --color-scheme-text-color: var(--color-scheme-light-text); --color-scheme-text-color-transparent10: var(--color-scheme-light-text-transparent10); --color-scheme-text-color-transparent40: var(--color-scheme-light-text-transparent40); --color-scheme-text-color-transparent50: var(--color-scheme-light-text-transparent50); --color-scheme-background-color: var(--color-scheme-light-background); --color-scheme-background-rgb: var(--color-scheme-light-background-rgb); --color-scheme-border-color: var(--color-scheme-light-text-transparent25); --border-color: var(--color-scheme-light-text-transparent25); --body-color-transparent50: var(--color-scheme-light-background-transparent50); --body-color-transparent40: var(--color-scheme-light-background-transparent40); --body-color: var(--color-scheme-light-background); --text-color: var(--color-scheme-light-text); background-color: var(--color-scheme-light-background); color: var(--color-scheme-light-text); }
body .color-scheme--dark { --color-scheme-text-color: var(--color-scheme-dark-text); --color-scheme-text-color-transparent10: var(--color-scheme-dark-text-transparent10); --color-scheme-text-color-transparent40: var(--color-scheme-dark-text-transparent40); --color-scheme-text-color-transparent50: var(--color-scheme-dark-text-transparent50); --color-scheme-background-color: var(--color-scheme-dark-background); --color-scheme-background-rgb: var(--color-scheme-dark-background-rgb); --color-scheme-border-color: var(--color-scheme-dark-text-transparent25); --border-color: var(--color-scheme-dark-text-transparent25); --body-color-transparent50: var(--color-scheme-dark-background-transparent50); --body-color-transparent40: var(--color-scheme-dark-background-transparent40); --body-color: var(--color-scheme-dark-background); --text-color: var(--color-scheme-dark-text); background: var(--color-scheme-dark-background); color: var(--color-scheme-dark-text); }
body .color-scheme--dark .inline-icon--wrapper, body .color-scheme--dark .standalone-icon--wrapper, body .color-scheme--dark input, body .color-scheme--dark input::placeholder { color: var(--color-scheme-dark-text); }
body .color-scheme--dark .product-grid--price .money.price-line-through.sale-price + .money, body .color-scheme--dark .product-grid--price .money.sale-price + .money, body .color-scheme--dark a:not(.btn):not(.btn--underlined):not(.animated-link--item--nested) { color: var(--color-scheme-dark-text); }
* { overflow-wrap: break-word; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
.using-mouse :focus, .using-mouse :focus-visible, body:not(.using-keyboard):not(.using-mouse) :focus { outline: 0px; }
.hide { display: none !important; }
.hidden { display: none; }
.clearfix::after { content: ""; display: table; clear: both; }
.richtext-block .h1, .richtext-block .h2, .richtext-block .h3, .richtext-block .h4, .richtext-block .h5, .richtext-block .h6, .richtext-block h1, .richtext-block h2, .richtext-block h3, .richtext-block h4, .richtext-block h5, .richtext-block h6, .richtext-block p { margin-bottom: 0px; }
[tabindex="-1"]:focus { outline: 0px; }
.wrapper { padding: 0px; }
.wrapper::after { content: ""; display: table; clear: both; }
.centered { margin: 0px auto; }
.main-content { display: block; }
.width-full { width: 100%; }
.flex-full { display: flex; width: 100%; }
.flex-grid { gap: 20px; display: flex; flex-wrap: wrap; width: 100%; }
@media screen and (min-width: 768px){.flex-grid .flex-grid__item.large--one-half { width: calc(50% - 10px); }
.flex-grid .flex-grid__item.large--one-quarter { width: calc(25% - 10px); }
.flex-grid .flex-grid__item.large--three-quarters { width: calc(75% - 10px); }
}
.border-none { border: 0px !important; }
.padding-none { padding: 0px !important; }
.text-truncate--line { display: -webkit-box; -webkit-line-clamp: var(--text-line-clamp); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.touch-target { cursor: pointer; position: relative; z-index: 1; }
.touch-target::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: -1; width: 44px; height: 44px; transform: translate(-50%, -50%); }
.wrapper-spacing--h { padding-left: 60px; padding-right: 60px; }
@media (max-width: 767px){.wrapper-spacing--h { padding-left: 15px; padding-right: 15px; }
}
.width--content { max-width: 1600px; margin-left: auto; margin-right: auto; }
.width--narrow { max-width: 920px; margin-left: auto; margin-right: auto; }
.width--modal { max-width: 1200px; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) and (max-width: 1199px){.width--modal { max-width: calc(100% - 120px); }
}
.wrapper-spacing--v--template { padding-top: 15px; padding-bottom: 15px; }
@media screen and (min-width: 768px){.wrapper-spacing--v--template { padding-top: 60px; padding-bottom: 60px; }
}
.theme-img, [data-media-poster] { border: 0px; width: 100%; height: auto; }
svg:not(:root) { overflow: hidden; }
.theme-img, [data-media-poster], iframe { max-width: 100%; }
.aspect-ratio:not(.quick-view-media) .grid-view-item--placeholder, .aspect-ratio:not(.quick-view-media) .responsive-image-wrapper { height: 100%; width: 100%; position: absolute !important; }
.responsive-image-wrapper { display: flex; align-items: center; justify-content: center; }
ol, ul { margin: 0px 0px 15px 20px; padding: 0px; }
ol li, ul li { list-style-position: inside; }
ol li > div, ul li > div { display: inline-block; }
ol { list-style: decimal; }
ol ol, ol ul, ul ol, ul ul { margin: 4px 0px 5px 20px; }
li { margin-bottom: 0.25em; }
@keyframes shineAgain { 
  100% { left: -200%; }
}
.btn-colors-primary { background-color: var(--primary-btn-bg-color); color: var(--primary-btn-text-color); }
.btn-hover-default::after, .btn:not(:disabled):not(.standalone-icon--wrapper):not(.swiper-button-disabled):not(.disabled):not(.btn--secondary)::after, .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.disabled):not(:disabled)::after, button.pswp__button::after { background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent); content: ""; height: 100%; left: 150%; position: absolute; top: 0px; transform: skew(-20deg); width: 200%; }
.btn-hover-default:hover::after, .btn:not(:disabled):not(.standalone-icon--wrapper):not(.swiper-button-disabled):not(.disabled):not(.btn--secondary):hover::after, .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.disabled):not(:disabled):hover::after, button.pswp__button:hover::after { animation: 0.75s cubic-bezier(0.01, 0.56, 1, 1) 0s 1 normal none running shineAgain; }
.block-radius { border-radius: var(--block-border-radius); }
.input-radius { border-radius: var(--input-border-radius); }
.thumbnail-radius { border-radius: var(--thumbnail-border-radius); }
.block-radius-clip { clip-path: inset(0 round var(--block-border-radius)); }
.standalone-icon--wrapper { color: currentcolor; }
.standalone-icon--wrapper:not(.icon-no-padding) { min-width: 44px; min-height: 44px; padding: 12px !important; }
.standalone-icon--wrapper:active, .standalone-icon--wrapper:hover, .standalone-icon--wrapper:visited { background-color: unset; }
.standalone-icon--wrapper .pswp__icn, .standalone-icon--wrapper svg { min-width: 20px; min-height: 20px; width: 20px; height: 20px; display: inline-block; margin: 0px; }
.standalone-icon--wrapper:disabled .pswp__icn, .standalone-icon--wrapper:disabled svg { opacity: 0.5; cursor: default; }
.inline-icon--wrapper { display: flex; align-items: center; color: currentcolor; }
.inline-icon--wrapper svg { min-width: var(--inline-icon-size); min-height: var(--inline-icon-size); max-width: var(--inline-icon-size); max-height: var(--inline-icon-size); width: var(--inline-icon-size); height: var(--inline-icon-size); display: inline-block; margin: 0px; }
.inline-icon--wrapper.icon--right svg { margin-left: 10px; }
.inline-icon--wrapper.icon--left svg { margin-right: 10px; }
.shopify-policy__container a, .text-link-animated .btn--underlined, .text-link-animated a:not(.standalone-icon--wrapper) { display: inline; text-decoration: none; position: relative; background-image: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 100% 1px, 0px 1px; background-position: 100% 100%, 0px 100%; background-repeat: no-repeat; transition-property: background-size; transition-timing-function: ease; transition-duration: 0.25s; }
.shopify-policy__container a:focus, .shopify-policy__container a:hover, .text-link-animated .btn--underlined:focus, .text-link-animated .btn--underlined:hover, .text-link-animated a:not(.standalone-icon--wrapper):focus, .text-link-animated a:not(.standalone-icon--wrapper):hover { background-size: 0px 1px, 100% 1px; }
.text-link-animated a:not(.standalone-icon--wrapper)::before { background: var(--link-border-color); }
.color-scheme--accent .nav-link-animated a:not(.standalone-icon--wrapper) span.animated-underline, .color-scheme--dark .nav-link-animated a:not(.standalone-icon--wrapper) span.animated-underline, .color-scheme--light .nav-link-animated a:not(.standalone-icon--wrapper) span.animated-underline { background-color: transparent; background-image: linear-gradient(to top,var(--color-scheme-text-color) 0,var(--color-scheme-text-color) 0),linear-gradient(to top,transparent 0,transparent 0); background-repeat: no-repeat; background-position: left bottom, left bottom; background-size: 0px 1px, 100% 1px; transition-property: background-size; transition-timing-function: ease; transition-duration: 0.25s; }
.color-scheme--accent .nav-link-animated a:not(.standalone-icon--wrapper):hover span, .color-scheme--dark .nav-link-animated a:not(.standalone-icon--wrapper):hover span, .color-scheme--light .nav-link-animated a:not(.standalone-icon--wrapper):hover span { background-position: left bottom, left bottom; background-size: 100% 1px, 100% 1px; }
.color-scheme--accent .text-link-animated a:not(.standalone-icon--wrapper):not(.btn--underlined), .color-scheme--dark .text-link-animated a:not(.standalone-icon--wrapper):not(.btn--underlined), .color-scheme--light .text-link-animated a:not(.standalone-icon--wrapper):not(.btn--underlined) { background-image: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 100% 1px, 0px 1px; background-position: 100% 100%, 0px 100%; background-repeat: no-repeat; }
.color-scheme--accent .text-link-animated a:not(.standalone-icon--wrapper):not(.btn--underlined):focus, .color-scheme--accent .text-link-animated a:not(.standalone-icon--wrapper):not(.btn--underlined):hover, .color-scheme--dark .text-link-animated a:not(.standalone-icon--wrapper):not(.btn--underlined):focus, .color-scheme--dark .text-link-animated a:not(.standalone-icon--wrapper):not(.btn--underlined):hover, .color-scheme--light .text-link-animated a:not(.standalone-icon--wrapper):not(.btn--underlined):focus, .color-scheme--light .text-link-animated a:not(.standalone-icon--wrapper):not(.btn--underlined):hover { background-size: 0px 1px, 100% 1px; }
@media only screen and (min-width: 768px){.nav-link-animated--custom .animated-link--item, .product__meta--vendor.nav-link-animated a, .register-link--wrapper a { background-image: linear-gradient(to top, currentcolor 0px, currentcolor 0px), linear-gradient(to top, transparent 0px, transparent 0px); background-repeat: no-repeat; background-position: left bottom, left bottom; background-size: 0px 1px, 100% 1px; transition-property: background-size; transition-timing-function: ease; transition-duration: 0.25s; background-color: transparent !important; }
.nav-link-animated--custom .animated-link--item:focus, .nav-link-animated--custom .animated-link--item:hover, .product__meta--vendor.nav-link-animated a:focus, .product__meta--vendor.nav-link-animated a:hover, .register-link--wrapper a:focus, .register-link--wrapper a:hover { background-position: left bottom, left bottom; background-size: 100% 1px, 100% 1px; }
.nav-link-animated--custom .animated-link--item--nested span.animated-underline { background-image: linear-gradient(to top, currentcolor 0px, currentcolor 0px), linear-gradient(to top, transparent 0px, transparent 0px); background-repeat: no-repeat; background-position: left bottom, left bottom; background-size: 0px 1px, 100% 1px; transition-property: background-size; transition-timing-function: ease; transition-duration: 0.25s; background-color: transparent !important; }
.nav-link-animated--custom .animated-link--item--nested:focus span.animated-underline, .nav-link-animated--custom .animated-link--item--nested:hover span.animated-underline { background-position: left bottom, left bottom; background-size: 100% 1px, 100% 1px; }
.nav-link-animated a span.animated-underline, header localization-form.nav-link-animated button span.animated-underline { background-color: transparent; background-image: linear-gradient(to top,var(--nav-text-hover) 0,var(--nav-text-hover) 0),linear-gradient(to top,transparent 0,transparent 0); background-repeat: no-repeat; background-position: left bottom, left bottom; background-size: 0px 1px, 100% 1px; transition-property: background-size; transition-timing-function: ease; transition-duration: 0.25s; }
.nav-link-animated a:hover span, header localization-form.nav-link-animated button:hover span { background-position: left bottom, left bottom; background-size: 100% 1px, 100% 1px; }
.first-level-dropdown > .site-nav__link > .site-nav--link-wrapper > span.animated-underline, .top-links--icon-links.nav-link-animated span.animated-underline, header localization-form.nav-link-animated button span.animated-underline { padding-bottom: 4px; }
}
.rte { margin-bottom: 15px; }
.rte .h1, .rte .h2, .rte .h3, .rte .h4, .rte .h5, .rte .h6, .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 { margin-top: 1em; }
.rte .h1:first-child, .rte .h2:first-child, .rte .h3:first-child, .rte .h4:first-child, .rte .h5:first-child, .rte .h6:first-child, .rte h1:first-child, .rte h2:first-child, .rte h3:first-child, .rte h4:first-child, .rte h5:first-child, .rte h6:first-child { margin-top: 0px; }
.rte > div { margin-bottom: 15px; }
.rte ol, .rte ul { margin-left: 0px; }
.rte li { margin-bottom: 0.4em; }
.rte img { max-width: 100%; border-radius: var(--block-border-radius); }
.popup-shadow { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 50px; }
.drawer__close button, .mobile-menu--close-btn, .popup--close, .popup--close-btn, .shop-the-look__modal-close, .store-availabilities-modal__close { right: 15px; top: 12px; display: flex; justify-content: center; align-items: center; z-index: 1; border: 0px; background: 0px 0px; }
.drawer__close button:hover, .mobile-menu--close-btn:hover, .popup--close-btn:hover, .popup--close:hover, .shop-the-look__modal-close:hover, .store-availabilities-modal__close:hover { cursor: pointer; }
.mobile-menu--close-btn:not(.filter-drawer-btn) { margin-right: -12px; }
.visually-hidden { position: absolute; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px; }
.skip-to-content-link:focus-visible { width: auto; height: auto; clip: auto; padding: 10px calc(35px); z-index: 9999; }
.footer-wrapper { align-self: baseline; }
.footer-wrapper .footer-main .footer-main--inner { display: flex; flex-direction: column; column-gap: calc(var(--grid-spacing) * .75); row-gap: 30px; width: 100%; padding-top: 40px; padding-bottom: 40px; }
.footer-wrapper .footer-main .footer-main--inner > * { display: flex; flex-direction: column; gap: 0.5em; }
@media only screen and (min-width: 768px){.footer-wrapper .footer-main .footer-main--inner { display: grid; grid-template-rows: 1fr; padding-top: 60px; padding-bottom: 60px; column-gap: var(--grid-spacing); }
}
@media (max-width: 767px){.footer-wrapper .footer-main .footer-main--inner #newsletter-footer_form { padding: 0px 30px; }
}
.footer-bottom a, .footer-main a { color: var(--color-scheme-text-color); }
.h3.footer-header { font-size: var(--footer-heading-font-size); color: var(--color-scheme-text-color); margin-bottom: 0px; }
@media only screen and (max-width: 767px){.site-footer { text-align: center; }
}
.newsletter-footer .newsletter-footer--wrapper { display: flex; flex-direction: column; gap: 15px; }
.newsletter-footer .newsletter-footer--wrapper .input-group { display: flex; flex-direction: column; gap: 15px; }
.newsletter-footer .newsletter-footer--wrapper .input-group .footer-email-submit { width: fit-content; margin: 0px auto; }
@media screen and (min-width: 768px){.newsletter-footer .newsletter-footer--wrapper .input-group .footer-email-submit { margin: 0px; }
}
@media screen and (max-width: 767px){.newsletter-footer .newsletter-footer--wrapper .input-group input { text-align: center; }
}
.contact-form p { font-size: 12px; }
.footer-email-input, .newsletter-footer input.footer-email-input { background: var(--color-scheme-background-color); color: var(--color-scheme-text-color); }
.footer-article, .footer-article a, .footer-content a { color: var(--color-scheme-text-color); }
.footer-article p, .footer-article.rte { margin-bottom: 0px; }
.copyright--desktop { display: none; }
.bottom--footer---links { display: flex; flex-direction: column; padding: 0px; margin: 0px; flex: 1 1 100%; }
@media only screen and (min-width: 768px){.bottom--footer---links { flex-direction: row; }
}
.bottom--footer---links li { list-style-type: none; display: inline-block; padding: 0px 15px; line-height: 1; }
@media only screen and (min-width: 768px){.bottom--footer---links li { border-left: 1px solid var(--color-scheme-text-color); }
}
.bottom--footer---links li:first-child { border-left: 0px; }
.bottom--footer---links li a { font-size: 12px; }
@media only screen and (min-width: 768px){.footer-alignment--left .copyright--desktop { display: block; }
.footer-alignment--left .copyright--desktop li:first-child { padding-left: 0px; }
}
form { margin-bottom: 0px; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; }
@media screen and (max-width: 767px){input, textarea { font-size: 16px; }
}
button, input, select, textarea { user-select: text; padding: 0px; margin: 0px; }
button, input[type="submit"] { cursor: pointer; }
input:not(.alt-input):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="hidden"]):not(.btn) { border: 1px solid var(--border-color); border-radius: var(--input-border-radius); padding: 10px; }
select, textarea { border: 1px solid var(--border-color); padding: 10px; }
input, select, textarea { background: 0px 0px; max-width: 100%; }
input.input-full, select.input-full, textarea.input-full { width: 100%; }
input::placeholder, select::placeholder, textarea::placeholder { color: var(--text-color-transparent8); }
textarea { min-height: 100px; }
input[type="checkbox"], input[type="radio"] { display: inline; margin: 0px 8px 0px 0px; padding: 0px; width: auto; }
input[type="radio"] { appearance: radio; }
textarea { scrollbar-width: thin; scrollbar-color: var(--text-color-transparent40) var(--text-color-transparent10); }
textarea::-webkit-scrollbar { width: 3px; }
textarea::-webkit-scrollbar-track { background: var(--text-color-transparent10); }
textarea::-webkit-scrollbar-thumb { background: var(--text-color-transparent40); }
.hidden-label { position: absolute; height: 0px; width: 0px; margin-bottom: 0px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
label[for] { cursor: pointer; }
.form-vertical input, .form-vertical select, .form-vertical textarea { display: block; margin-bottom: 10px; }
.form-vertical input[type="checkbox"], .form-vertical input[type="radio"] { display: inline-block; }
.qty-error { margin-top: 10px; }
.input-group { position: relative; display: table; border-collapse: separate; }
.input-group-btn, .input-group-field { display: table-cell; vertical-align: middle; margin: 0px; }
.input-group .input-group-field { width: 100%; }
.errors, .note { border-radius: var(--block-border-radius); padding: 6px 12px; margin-bottom: 15px; margin-top: 15px; border: 1px solid transparent; font-size: 0.9em; text-align: left; }
.errors { color: rgb(208, 46, 46); background-color: rgb(255, 246, 246); border-color: rgb(208, 46, 46); }
.shopify-section { width: 100%; }
.shopify-section .wrapper-spacing--v { padding-top: calc(var(--padding-section-top) * .75); padding-bottom: calc(var(--padding-section-bottom) * .75); }
@media screen and (min-width: 768px){.shopify-section .wrapper-spacing--v { padding-top: var(--padding-section-top); padding-bottom: var(--padding-section-bottom); }
}
.shopify-section .wrapper-spacing--v { margin-top: calc(var(--margin-section-top) * .75); margin-bottom: calc(var(--margin-section-bottom) * .75); }
@media screen and (min-width: 768px){.shopify-section .wrapper-spacing--v { margin-top: var(--margin-section-top); margin-bottom: var(--margin-section-bottom); }
}
.homepage-featured-content-wrapper, .homepage-map-wrapper { position: relative; display: inline-block; width: 100%; vertical-align: top; }
.homepage-featured-box-btn, .homepage-section-btn { margin-top: 20px; }
.homepage-featured-rich-text { text-align: center; }
.homepage-featured-rich-text .rte, .homepage-featured-rich-text p:last-child { margin-bottom: 0px; }
@keyframes fade-in-up { 
  0% { transform: translateY(20px); }
  100% { transform: translateY(0px); }
}
@keyframes fade-in-up-opacity { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.grid--full::after, .grid--rev::after, .grid-uniform::after, .grid::after { content: ""; display: table; clear: both; }
.grid, .grid--full, .grid--rev, .grid-uniform { list-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px; margin-left: calc(-1 * var(--grid-spacing)); }
.grid__item { box-sizing: border-box; float: left; min-height: 1px; padding-left: var(--grid-spacing); vertical-align: top; width: 100%; }
.grid--full { margin-left: 0px; }
.one-whole { width: 100%; }
.three-twelfths { width: 25%; }
.six-twelfths { width: 50%; }
.hide { display: none !important; }
.left { float: left !important; }
.right { float: right !important; }
@media only screen and (max-width: 480px){.small--one-whole { width: 100%; }
.small--one-half { width: 50%; }
.small--hide { display: none !important; }
.grid-uniform .small--five-tenths:nth-child(2n+1), .grid-uniform .small--four-eighths:nth-child(2n+1), .grid-uniform .small--four-twelfths:nth-child(3n+1), .grid-uniform .small--one-fifth:nth-child(5n+1), .grid-uniform .small--one-half:nth-child(2n+1), .grid-uniform .small--one-quarter:nth-child(4n+1), .grid-uniform .small--one-sixth:nth-child(6n+1), .grid-uniform .small--one-third:nth-child(3n+1), .grid-uniform .small--one-twelfth:nth-child(12n+1), .grid-uniform .small--six-twelfths:nth-child(2n+1), .grid-uniform .small--three-sixths:nth-child(2n+1), .grid-uniform .small--three-twelfths:nth-child(4n+1), .grid-uniform .small--two-eighths:nth-child(4n+1), .grid-uniform .small--two-sixths:nth-child(3n+1), .grid-uniform .small--two-twelfths:nth-child(6n+1) { clear: both; }
}
@media only screen and (min-width: 481px) and (max-width: 767px){.medium--one-whole { width: 100%; }
.medium--one-half { width: 50%; }
.medium--hide { display: none !important; }
.grid-uniform .medium--five-tenths:nth-child(2n+1), .grid-uniform .medium--four-eighths:nth-child(2n+1), .grid-uniform .medium--four-twelfths:nth-child(3n+1), .grid-uniform .medium--one-fifth:nth-child(5n+1), .grid-uniform .medium--one-half:nth-child(2n+1), .grid-uniform .medium--one-quarter:nth-child(4n+1), .grid-uniform .medium--one-sixth:nth-child(6n+1), .grid-uniform .medium--one-third:nth-child(3n+1), .grid-uniform .medium--one-twelfth:nth-child(12n+1), .grid-uniform .medium--six-twelfths:nth-child(2n+1), .grid-uniform .medium--three-sixths:nth-child(2n+1), .grid-uniform .medium--three-twelfths:nth-child(4n+1), .grid-uniform .medium--two-eighths:nth-child(4n+1), .grid-uniform .medium--two-sixths:nth-child(3n+1), .grid-uniform .medium--two-twelfths:nth-child(6n+1) { clear: both; }
}
@media only screen and (min-width: 768px){.large--one-half { width: 50%; }
.large--one-quarter { width: 25%; }
.large--three-quarters { width: 75%; }
.large--six-twelfths { width: 50%; }
.grid-uniform .large--five-tenths:nth-child(2n+1), .grid-uniform .large--four-eighths:nth-child(2n+1), .grid-uniform .large--four-twelfths:nth-child(3n+1), .grid-uniform .large--one-fifth:nth-child(5n+1), .grid-uniform .large--one-half:nth-child(2n+1), .grid-uniform .large--one-quarter:nth-child(4n+1), .grid-uniform .large--one-sixth:nth-child(6n+1), .grid-uniform .large--one-third:nth-child(3n+1), .grid-uniform .large--one-twelfth:nth-child(12n+1), .grid-uniform .large--six-twelfths:nth-child(2n+1), .grid-uniform .large--three-sixths:nth-child(2n+1), .grid-uniform .large--three-twelfths:nth-child(4n+1), .grid-uniform .large--two-eighths:nth-child(4n+1), .grid-uniform .large--two-sixths:nth-child(3n+1), .grid-uniform .large--two-twelfths:nth-child(6n+1) { clear: both; }
}
@media only screen and (max-width: 767px){.grid__item { margin-top: 30px; }
}
.header-section:not(.sticky-header) { position: relative; z-index: 1000; }
.header-section--wrapper { z-index: 10000; }
.site-header { border-bottom: 1px solid var(--header-border-color); margin-bottom: 0px; background-color: var(--header-color); }
@media (max-width: 989px){.site-header { display: none; }
}
@media (min-width: 768px){.site-header { position: relative; }
}
.template-index .site-header { margin-bottom: 0px; }
.site-header .site-header__wrapper { position: relative; display: grid; align-items: center; gap: 15px; }
.site-header .site-header__wrapper .site-header__wrapper__left { grid-column: 1 / 2; justify-self: start; display: flex; }
.site-header .site-header__wrapper .site-header__wrapper__center { grid-column: 2 / 3; place-self: center; }
.site-header .site-header__wrapper .site-header__wrapper__right { grid-column: 3 / 4; justify-self: end; display: flex; place-content: center flex-end; flex-wrap: wrap; }
.site-header .site-header__wrapper.site-header__wrapper--logo-left { grid-template-columns: minmax(0px, auto) 1fr; grid-template-rows: 1fr; }
.site-header .site-header__wrapper.site-header__wrapper--logo-left .site-header__wrapper__right { grid-column: 2 / 3; }
@media only screen and (min-width: 768px){.site-header .site-header__wrapper.site-header__wrapper--logo-left .site-header__wrapper__right .shopping-bag, .site-header .site-header__wrapper.site-header__wrapper--logo-left .site-header__wrapper__right .shopping-cart { margin-right: -12px; }
}
.site-header .site-header__wrapper.site-header__wrapper--logo-left .site-header__wrapper__center { display: none; }
.site-header .site-header__wrapper.site-header__wrapper--logo-left .site-nav { margin: 0px; }
.site-nav--has-dropdown ul.site-nav__dropdown li { padding: 0px; }
.site-header__logo.h1, .site-header__logo.header-font, h1.site-header__logo { text-align: center; margin: 0px auto; max-width: 100%; font-size: var(--logo-font-size); }
.site-header__logo.h1 a, .site-header__logo.header-font a, h1.site-header__logo a { display: block; max-width: 100%; font-size: var(--logo-font-size); }
.site-header__logo.h1 img, .site-header__logo.header-font img, h1.site-header__logo img { margin: 0px auto; display: inline-block; vertical-align: top; max-width: 100%; }
@media only screen and (max-width: 767px){.site-header__logo.h1 img, .site-header__logo.header-font img, h1.site-header__logo img { vertical-align: middle; }
}
.site-header__logo { transition: transform 0.3s; }
.site-header__wrapper--logo-left .site-header__logo { transform-origin: left center; }
@keyframes bounceDown { 
  0% { transform: translate(50%, calc(100% - 15px)); }
  30% { transform: translate(50%, calc(100% + 10px)); }
  50% { transform: translate(50%, calc(100% - 2px)); }
  70% { transform: translate(50%, calc(100% + 2px)); }
  100% { transform: translate(50%, 100%); }
}
.site-header__cart-toggle { display: inline-block; }
.cart-count-enabled { position: relative; }
.cart-item-count-bubble { font-family: var(--navigation-font-stack); font-weight: var(--navigation-font-weight); font-style: var(--navigation-font-style); transition: background-color 0.25s; border-radius: 100%; min-width: 20px; min-height: 20px; display: flex; justify-content: center; align-items: center; position: absolute; font-size: 12px; text-align: center; top: 10px; right: 10px; background-color: var(--overlay-header-text-color); color: var(--header-overlay-background-color); }
.shopping-cart .cart-item-count-bubble { transform: translate(50%, -50%); }
.header-section.sticked .cart-item-count-bubble, .mobile-nav-bar-wrapper:not(.overlay-header) .cart-item-count-bubble, .site-header.overlay-header.overlay-header--hover .cart-item-count-bubble, .site-header.overlay-header:hover .cart-item-count-bubble, .site-header:not(.overlay-header) .cart-item-count-bubble { background-color: var(--nav-text-color); color: var(--header-color); }
.site-nav { cursor: default; margin: 0px; }
.site-nav li { margin: 0px; display: block; }
.site-nav > li { position: relative; display: inline-block; }
.site-header__logo-link, .site-header__logo-link:visited, .top-links.site-header__nav a, .top-links.site-header__nav a:visited { transition-behavior: normal; transition-duration: 0.25s; transition-timing-function: ease; transition-delay: 0s; color: var(--nav-text-color); transition-property: background-size, color !important; }
.site-header__logo-link:focus, .site-header__logo-link:hover, .site-header__logo-link:visited:focus, .site-header__logo-link:visited:hover, .top-links.site-header__nav a:focus, .top-links.site-header__nav a:hover, .top-links.site-header__nav a:visited:focus, .top-links.site-header__nav a:visited:hover { color: var(--nav-text-hover) !important; }
.top-links .top-links--icon-links a, .top-links--icon-links select { color: var(--nav-text-color); }
.site-nav__dropdown { background: var(--header-color); top: 100%; visibility: hidden; position: absolute; left: 0px; margin: 0px; z-index: 5; opacity: 0; transition: opacity 0.5s; display: block !important; }
@media (min-width: 768px){.site-nav__dropdown { top: 100%; }
}
.site-nav__dropdown li { width: 100%; }
@media screen and (prefers-reduced-motion: no-preference){.site-nav__dropdown.standard-dropdown li { transform: translateY(10px); }
}
.site-nav__dropdown.standard-dropdown li:hover { color: var(--nav-text-hover); }
.site-nav__dropdown.standard-dropdown:not(.has--subdropdowns) { max-height: calc(-90px + 80vh); overflow: hidden auto; }
.site-nav__dropdown.standard-dropdown { grid-auto-rows: minmax(0px, auto); grid-template-columns: 1fr; align-items: center; flex-direction: column; min-width: 250px; max-width: 350px; padding-top: calc(20px); padding-bottom: calc(20px); border-radius: 0 0 var(--block-border-radius) var(--block-border-radius); display: grid !important; }
.site-nav__dropdown.standard-dropdown::-webkit-scrollbar { width: 3px; }
.site-nav__dropdown.standard-dropdown::-webkit-scrollbar-track { background-color: transparent; }
.site-nav__dropdown.standard-dropdown::-webkit-scrollbar-thumb { background-color: transparent; }
.site-nav__dropdown.standard-dropdown li { font-size: var(--base-font-size); font-family: var(--body-font-stack); font-weight: var(--body-font-weight); font-style: var(--body-font-style); letter-spacing: normal; line-height: 150%; text-transform: none; }
.site-nav__dropdown.standard-dropdown li .site-nav__link { padding: 5px 30px; }
.site-nav__dropdown.standard-dropdown .site-nav--link-wrapper { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, auto); width: 100%; justify-content: space-between; align-items: center; }
.site-nav__dropdown .site-nav__subdropdown, .site-nav__dropdown.standard-dropdown { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px -5px; }
.site-nav__link { display: block; text-decoration: none; position: relative; padding: 15px; }
@media (max-width: 767px){.site-nav__link { padding: 0px; }
}
.site-nav__link:not(.standalone-icon--wrapper):focus, .site-nav__link:not(.standalone-icon--wrapper):hover { color: var(--nav-text-hover) !important; }
.site-nav--mobile .site-nav__link { display: inline-block; border: 0px; background: 0px 0px; }
.first-level-dropdown .site-nav__link { padding: 15px 0px; }
.top-links { margin-bottom: 0px; display: inline-flex; align-items: center; }
.top-links ul.site-nav { display: flex; flex-wrap: wrap; column-gap: 30px; font-size: var(--header-font-size-px); line-height: var(--header-font-size-px) px; }
.top-links ul li:not(:has(.offers-drawer-icon-container)) { display: inline-block; list-style-type: none; font-family: var(--navigation-font-stack); font-weight: var(--navigation-font-weight); font-style: var(--navigation-font-style); letter-spacing: var(--navigation-font-letter-spacing); text-transform: var(--header-font-case); }
.top-links--icon-links { margin: 0px; padding-left: 20px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; list-style: none; }
.top-links--icon-links li { margin: 0px; }
.top-links--icon-links li a { color: var(--nav-text-color); position: relative; display: flex; align-items: center; }
.top-links--icon-links li a:hover { color: var(--nav-text-hover); }
.top-links--icon-links li a:hover svg + [data-cart-count-indicator] { background-color: var(--nav-text-hover) !important; }
body, button, input, select, textarea { font-size: var(--base-font-size); line-height: 1.6; color: var(--text-color); font-family: var(--body-font-stack); font-weight: var(--body-font-weight); font-style: var(--body-font-style); -webkit-font-smoothing: antialiased; text-size-adjust: 100%; }
.custom-font, .h1, .h2, .h3, .h4, .h5, .h6, .header-font, h1, h2, h3, h4, h5, h6 { display: block; font-family: var(--header-font-stack); font-weight: var(--header-font-weight); font-style: var(--header-font-style); letter-spacing: var(--heading-spacing); text-transform: var(--heading-font-case); margin: 0px 0px 0.5em; line-height: var(--heading-line-height); }
.custom-font a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .header-font a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; font-weight: inherit; }
.subdued-text { opacity: 0.75; }
.section-title--wrapper { display: flex; align-items: center; flex-direction: column; text-align: center; margin-bottom: 50px; }
@media (max-width: 767px){.section-title--wrapper { margin-bottom: 37.5px; }
}
.section-title--wrapper .section-title { font-size: var(--h2-size); margin: 0px; }
.section-title--wrapper .section-description { margin: 15px auto 0px; max-width: 50%; }
@media (max-width: 767px){.section-title--wrapper .section-description { max-width: 100%; }
}
.section-title--wrapper .section-description .h1, .section-title--wrapper .section-description .h2, .section-title--wrapper .section-description .h3, .section-title--wrapper .section-description .h4, .section-title--wrapper .section-description .h5, .section-title--wrapper .section-description .h6, .section-title--wrapper .section-description h1, .section-title--wrapper .section-description h2, .section-title--wrapper .section-description h3, .section-title--wrapper .section-description h4, .section-title--wrapper .section-description h5, .section-title--wrapper .section-description h6, .section-title--wrapper .section-description p:last-child { margin-bottom: 0px; }
.template-title--wrapper { margin-bottom: 50px; }
@media (max-width: 767px){.template-title--wrapper { margin-bottom: 37.5px; }
}
.template-title--wrapper .template-title { margin: 0px; }
.h1, h1 { font-size: var(--h1-size); }
.h2, h2 { font-size: var(--h2-size); }
.h3, h3 { font-size: var(--h3-size); }
.h4, h4 { font-size: var(--h4-size); }
.h5, h5 { font-size: var(--h5-size); }
p { margin: 0px 0px 15px; }
p img { margin: 0px; }
em { font-style: italic; }
b, strong { font-weight: 700; }
.label-font { font-family: var(--label-font-stack); font-weight: var(--label-font-weight); font-style: var(--label-font-style); text-transform: var(--label-font-case); letter-spacing: var(--label-spacing); }
.fallback-text { display: none; }
hr { clear: both; border-top-style: ; border-top-color: ; border-width: 1px 0px 0px; margin: 30px 0px; height: 0px; }
.homepage-sections--title, .list-collections--title, .page--title, .shopify-policy__body .h1, .shopify-policy__body .h2, .shopify-policy__body .h3, .shopify-policy__body .h4, .shopify-policy__body .h5, .shopify-policy__body .h6, .shopify-policy__body h1, .shopify-policy__body h2, .shopify-policy__body h3, .shopify-policy__body h4, .shopify-policy__body h5, .shopify-policy__body h6, .shopify-policy__title .h1, .shopify-policy__title h1 { width: 100%; text-align: center; display: inline-block; position: relative; margin-bottom: 15px; }
.blog-post-card { display: block; }
.blog-post-card__image-wrap { margin-bottom: 10px; }
.blog-post-card__image { overflow: hidden; position: relative; }
.blog-post-card__image img { width: 100%; height: auto; object-fit: cover; }
.blog-post-card__tags-over-image { position: absolute; inset: 15px; pointer-events: none; }
.blog-post-card__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.blog-post-card__tag { pointer-events: auto; display: inline-block; position: static !important; }
.blog-post-card__header { display: flex; flex-direction: column; }
.blog-post-card__header:not(:last-child) { margin-bottom: 10px; }
.blog-post-card__title { margin: 0px; }
.blog-post-card__title a { color: var(--text-color); }
.blog-post-card__meta { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 5px; font-size: 12px; line-height: 1.2; opacity: 0.7; }
.blog-post-card__author, .blog-post-card__date { display: inline-block; }
.blog-post-card__excerpt { margin-bottom: 0px; }
.blog-post-card__excerpt:not(:last-child) { margin-bottom: 10px; }
.blog-post-card__excerpt p:last-child { margin-bottom: 0px; }
.cart-drawer__empty-container { display: flex; flex-direction: column; gap: 30px; align-items: center; justify-content: center; }
@media screen and (min-width: 768px){.cart-drawer__empty-container { min-height: 100%; }
}
@media screen and (max-width: 767px){.cart-drawer__empty-container { flex-grow: 1; padding-left: 15px; padding-right: 15px; }
}
.cart-drawer__empty-message { text-align: center; }
.cart-drawer__empty-btn-container { display: flex; flex-direction: column; gap: 20px; }
@media screen and (max-width: 767px){.cart-drawer__empty-btn-container { gap: 15px; }
}
.cart-drawer__empty-btn { width: 100%; }
.cart-drawer__heading { overflow-wrap: break-word; }
@media screen and (max-width: 767px){.cart-drawer__body.global-drawer__body--with-padding { padding-left: 0px; padding-right: 0px; }
}
@keyframes fadeInRecommendations { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.js-qty, .js-qty button, .js-qty input { border: 0px; }
.js-qty .js-qty__adjust { font-size: 10px; }
.js-qty .js-qty__adjust { color: var(--text-color); }
.collapsible-tab collapsible-button { display: block; cursor: pointer; user-select: none; }
.collapsible-tab .summary { padding: 0px; list-style-type: none; display: flex; justify-content: space-between; align-items: center; }
.collapsible-tab .summary .text-with-icon { margin: 15px 0px; }
.collapsible-tab .summary span svg { vertical-align: middle; }
.collapsible-tab .summary .minus-icon { display: none; }
@media screen and (prefers-reduced-motion: no-preference){.collapsible-tab .summary .chevron-down { transition: 0.1s ease-in; }
}
.collapsible-tab .collapsible-content { opacity: 0; overflow: hidden; }
@media screen and (prefers-reduced-motion: no-preference){.collapsible-tab .collapsible-content { transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
}
.collapsible-tab .collapsible-content .content { visibility: hidden; }
@media screen and (prefers-reduced-motion: no-preference){.collapsible-tab .collapsible-content .content { transform: translateY(30px); transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
}
.collapsible-tab.open collapsible-button .summary .chevron-down { transform: scaleY(-1); }
.collapsible-tab.open .collapsible-content { opacity: 1; }
.collapsible-tab.open .collapsible-content .content { transform: translateY(0px); visibility: visible; }
.countdown-timer-badge__container { display: flex; font-size: 12px; font-weight: 700; line-height: 14px; text-transform: uppercase; width: fit-content; padding: 8px 10px; border-radius: var(--badge-border-radius); color: var(--badge-font-color); background-color: var(--countdown-badge-color); }
.countdown-timer-badge__digit-group { display: flex; }
.countdown-timer-badge__digit-group--hours, .countdown-timer-badge__digit-group--minutes, .countdown-timer-badge__digit-group--seconds { min-width: 2ch; }
.countdown-timer-badge__container.countdown-timer-badge__container--with-labels .countdown-timer-badge__digit-group--hours, .countdown-timer-badge__container.countdown-timer-badge__container--with-labels .countdown-timer-badge__digit-group--minutes, .countdown-timer-badge__container.countdown-timer-badge__container--with-labels .countdown-timer-badge__digit-group--seconds { justify-content: flex-end; }
.countdown-timer-badge__time-label { margin-right: 4px; }
.drawer-overlay, .popup-overlay { position: fixed; z-index: 1499; top: 0px; left: 0px; width: 0px; height: 100%; background-color: var(--body-overlay-color); opacity: 0; transition: width linear 0.6s, opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1); }
.drawer { position: fixed; overflow: hidden auto; top: 0px; bottom: 0px; max-width: 90%; z-index: 1500; color: var(--cart-drawer-text-color); background-color: var(--cart-drawer-color); }
.drawer#NavDrawer a { word-break: break-word; color: var(--menu-drawer-text-color); }
.drawer#NavDrawer a:focus:not(.mobile-menu--close-btn), .drawer#NavDrawer a:hover:not(.mobile-menu--close-btn) { color: var(--menu-drawer-text-hover-color); }
.drawer#NavDrawer svg { display: block; }
.drawer--left { transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; }
@media not all and (min-resolution: 0.001dpcm){@supports (-webkit-appearance:none){input { appearance: none; }
}
}
.option-label-wrapper { display: flex; flex-direction: row; justify-content: space-between; }
.global-drawer { visibility: hidden; display: block; position: fixed; top: 0px; width: 450px; max-width: calc(100% - 30px); height: 100%; z-index: 1501; color: var(--cart-drawer-text-color); background-color: var(--cart-drawer-color); }
@media screen and (prefers-reduced-motion: no-preference){.global-drawer { transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
}
.global-drawer[data-drawer-position="right"] { transform: translate(100%); right: 0px; box-shadow: rgba(0, 0, 0, 0.05) -50px 0px 150px 0px; border-top-left-radius: var(--block-border-radius); border-bottom-left-radius: var(--block-border-radius); }
.global-drawer[data-drawer-position="right"] .global-drawer__content { border-top-left-radius: var(--block-border-radius); border-bottom-left-radius: var(--block-border-radius); }
.global-drawer[data-drawer-position="right"] .global-drawer__overlay { right: calc(100% - 30px); }
.global-drawer ::-webkit-scrollbar { width: 3px; height: 2px; }
.global-drawer ::-webkit-scrollbar-track { background-color: var(--cart-drawer-text-color-transparent10); }
.global-drawer ::-webkit-scrollbar-thumb { border-radius: 30px; background-color: var(--cart-drawer-text-color-transparent40); }
.global-drawer__content { height: 100%; display: flex; flex-direction: column; background-color: var(--cart-drawer-color); }
.global-drawer__content a:not(.btn):not(.btn--underlined), .global-drawer__content button.btn--underlined-with-icon { --link-color: var(--cart-drawer-text-color); --link-border-color: var(--cart-drawer-text-color-transparent50); color: var(--cart-drawer-text-color); }
.global-drawer__overlay { position: fixed; top: 0px; z-index: -1; width: calc(30px + 100vw); height: 100vh; background-color: var(--body-overlay-color); opacity: 0; visibility: hidden; transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out; }
.global-drawer__close { position: absolute; z-index: 1; top: 3px; right: 3px; padding: 12px; display: flex; background: 0px 0px; border: 0px; color: var(--cart-drawer-text-color); }
@media screen and (min-width: 768px){.global-drawer__close { top: 18px; right: 18px; padding: 12px; }
}
.global-drawer__body--with-padding, .global-drawer__footer--with-padding, .global-drawer__sticky-header { padding-left: 15px; padding-right: 15px; }
@media screen and (min-width: 768px){.global-drawer__body--with-padding, .global-drawer__footer--with-padding, .global-drawer__sticky-header { padding-left: 30px; padding-right: 30px; }
}
.global-drawer__sticky-header { position: relative; padding-top: 15px; padding-bottom: 20px; min-height: 65px; }
@media screen and (min-width: 768px){.global-drawer__sticky-header { padding-top: 30px; min-height: 80px; }
}
.global-drawer__sticky-header::after { content: ""; display: block; position: absolute; height: 1px; background-color: var(--cart-drawer-text-color-transparent25); bottom: 0px; left: 15px; right: 18px; }
@media screen and (min-width: 768px){.global-drawer__sticky-header::after { left: 30px; right: 33px; }
}
.global-drawer__sticky-header .h3, .global-drawer__sticky-header h3 { margin: 0px; }
.global-drawer__body { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; overflow-y: auto; }
.global-drawer__body--with-padding { padding-top: 20px; padding-bottom: 20px; }
.global-drawer__body--content { flex-grow: 1; }
@media screen and (max-width: 767px){.global-drawer__body--content { display: flex; flex-direction: column; justify-content: space-between; }
}
@media screen and (max-width: 767px){.global-drawer__sticky-bottom { position: relative; }
.global-drawer__sticky-bottom::after { content: ""; display: block; position: absolute; height: 20px; background: linear-gradient(rgba(0,0,0,0),var(--cart-drawer-color)); left: 0px; right: 0px; bottom: 100%; pointer-events: none; }
}
.icon-dot-outline { display: flex; width: var(--inline-icon-size); height: var(--inline-icon-size); border-radius: 100%; background-color: var(--color-scheme-text-color-transparent10,var(--text-color-transparent10)); z-index: 1; }
.icon-dot-outline .icon-dot { position: relative; display: inline-block; text-align: center; width: 12px; height: 12px; border-radius: 100%; z-index: 2; margin: auto; }
.icon-dot-outline .icon-dot.icon-dot.icon-dot--success { background-color: var(--success-color); }
@media screen and (prefers-reduced-motion: no-preference){.stock-indicator-animations .icon-dot--pulsing.icon-dot--success { box-shadow: 0 1px 10px var(--success-color); }
.stock-indicator-animations .icon-dot--pulsing.icon-dot::after { position: absolute; content: ""; width: inherit; height: inherit; left: 0px; top: 0px; z-index: -1; border-radius: 50%; animation: 2s ease-in-out 0s infinite normal none running pulsatingDot; opacity: 0.4; }
.stock-indicator-animations .icon-dot--pulsing.icon-dot--success::after { color: var(--success-color); }
@keyframes pulsatingDot { 
  0% { transform: scale(0.95); box-shadow: 0px 0px; opacity: 0.7; }
  70% { transform: scale(1); box-shadow: 0px 0px 0px 10px; opacity: 0; }
  100% { transform: scale(0.95); box-shadow: 0px 0px; opacity: 0; }
}
}
.product-grid--wrapper { display: flex; flex-wrap: wrap; column-gap: calc(var(--grid-spacing) * .75); position: relative; }
@media (min-width: 768px){.product-grid--wrapper { column-gap: var(--grid-spacing); }
}
.product-grid--wrapper:not(.product-grid--slider-enabled) { row-gap: 2em; }
.product-grid--wrapper::after { display: none; }
@media (min-width: 768px){.product-grid--wrapper { column-gap: var(--grid-spacing); }
}
.product-grid--wrapper .grid__item { margin-top: 0px; padding-left: 0px; }
@media only screen and (max-width: 767px){.product-grid--wrapper .grid__item.small--one-half.medium--one-fifth, .product-grid--wrapper .grid__item.small--one-half.medium--one-half, .product-grid--wrapper .grid__item.small--one-half.medium--one-quarter, .product-grid--wrapper .grid__item.small--one-half.medium--one-third, .product-grid--wrapper .grid__item.small--one-half.medium--one-whole { width: calc(50% - calc(var(--grid-spacing) * .75)/ 2); }
}
@media only screen and (min-width: 768px){.product-grid--wrapper .grid__item.medium--one-half { width: calc(50% - var(--grid-spacing)/ 2); }
}
@media only screen and (min-width: 1024px){.product-grid--wrapper .grid__item.large--one-quarter { width: calc(25% - 3 * var(--grid-spacing)/ 4); }
}
.grid-view-item { display: flex; flex-direction: column; justify-content: space-between; gap: 1em; position: relative; text-align: center; }
.grid-view-item:has(.quick-shop--block) { height: 100%; }
.grid-view-item.text-align--center .product-grid--price, .grid-view-item.text-align--center .product-grid--title, .grid-view-item.text-align--center .product-grid--vendor { text-align: center; }
.grid-view-item.text-align--center .product-grid--quick-shop.quick-shop--block, .grid-view-item.text-align--center .quick-add-wrapper.quick-shop--block { justify-content: center; }
.grid-view-item.text-align--center .product-grid--quick-shop.quick-shop--block form, .grid-view-item.text-align--center .product-grid--quick-shop.quick-shop--block theme-modal, .grid-view-item.text-align--center .quick-add-wrapper.quick-shop--block form, .grid-view-item.text-align--center .quick-add-wrapper.quick-shop--block theme-modal { text-align: center; justify-content: center; }
.grid-view-item .grid-view-item-image:not(:last-child) { margin-bottom: 1em; }
.grid-view-item .product-grid--price:not(:last-child), .grid-view-item .product-grid--rating:not(:last-child), .grid-view-item .product-grid--title:not(:last-child) { padding-bottom: 0.5em; }
.grid-view-item .product-grid--title + .product-grid--price { margin-top: -0.5em; }
.grid__image { display: block; margin: 0px auto; }
.grid__image img { margin: 0px auto; }
.grid-view-item-image { overflow: hidden; position: relative; }
.grid-view-item-image .product-card-image--bottom-wrapper { padding: 0px 15px; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(2, minmax(0px, auto)); position: absolute; bottom: 15px; left: 0px; right: 0px; z-index: 5; }
.product-card__image { align-items: flex-start; }
.product-grid--price, .product-grid--title { overflow-wrap: break-word; font-size: var(--base-font-size); }
.product-grid--price-font-heading, .product-grid--title-font-heading, .product-grid--vendor-font-heading { font-family: var(--header-font-stack); letter-spacing: var(--heading-spacing); text-transform: var(--heading-font-case); font-weight: var(--header-font-weight); font-style: var(--header-font-style); }
.product-grid--price-font-body, .product-grid--title-font-body, .product-grid--vendor-font-body { font-family: var(--body-font-stack); }
.product-grid--price { overflow-wrap: break-word; }
.product-grid--price .money { font-size: inherit; }
.product-grid--price .money.price-line-through.sale-price, .product-grid--price .money.sale-price { color: var(--text-color); opacity: 0.4; }
.product-grid--price .money.price-line-through.sale-price + .money, .product-grid--price .money.sale-price + .money { color: var(--on-sale-color); }
.product-grid--price .money:not(.sale-price):not(.price-line-through), .product-grid--price a, .product-grid--title, .product-grid--title a { color: var(--text-color); }
.product-grid--title { font-weight: 500; }
.product-grid--title a { cursor: pointer; }
.price-line-through { text-decoration: line-through; }
.sale-price { color: var(--on-sale-color); }
.money { font-size: var(--body-font-size-16-to-em); }
.product-grid--quick-shop.quick-shop--block, .quick-add-wrapper.quick-shop--block { position: relative; display: flex; }
.product-grid--quick-shop.quick-shop--block form, .quick-add-wrapper.quick-shop--block form { width: 100%; box-sizing: border-box; }
.product-card-image--bottom-wrapper, .product-card-image--bottom-wrapper .quick-add-wrapper { pointer-events: none; }
.quick-add-wrapper.quick-shop--block .quick-add-button-desktop, .quick-add-wrapper.quick-shop--block .quick-add-button-onboarding-desktop, .quick-add-wrapper.quick-shop--block .quick-add-button-variants-desktop { display: inline-block; }
.badge { transition: 0.2s ease-in-out; opacity: 1; border-radius: var(--badge-border-radius); }
.sale-badge { background: var(--sale-badge-color); }
.custom-badge { background: var(--custom-badge-color); max-width: calc(100% - 30px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.custom-badge, .preorder-badge, .sale-badge, .sold-out-badge { color: var(--badge-font-color); font-size: 9px; font-weight: 700; line-height: 14px; padding: 5px 8px; text-transform: uppercase; z-index: 5; position: absolute; top: 15px; left: 15px; }
.aspect-ratio:not(.quick-view-media) { position: relative; margin-left: auto; margin-right: auto; }
.aspect-ratio:not(.quick-view-media) img, .aspect-ratio:not(.quick-view-media) svg { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.aspect-ratio--square:not(.quick-view-media) { padding-bottom: 100%; }
.js-qty { position: relative; margin-bottom: 1em; max-width: 124px; min-width: 75px; overflow: visible; }
.js-qty input { display: block; background: 0px 0px; text-align: center; width: 100%; max-height: 44px; padding: 12px 0px; margin: 0px; }
.js-qty__adjust { user-select: none; cursor: pointer; position: absolute; display: block; top: 0px; bottom: 0px; border: 0px; background: 0px 0px; text-align: center; overflow: hidden; }
.js-qty__adjust .fallback-text { display: none; }
.js-qty__adjust--plus { right: 0px; }
.js-qty__adjust--minus { left: 0px; }
@media only screen and (max-width: 767px){.social-sharing { position: relative; width: 100%; bottom: 0px; right: 0px; text-align: left; }
}
.social-sharing a { transition: 0.15s ease-in-out; display: inline-block; margin-bottom: -12px; }
.social-sharing a:first-of-type { margin-left: -12px; }
@media only screen and (max-width: 1200px){.social-sharing { bottom: 0px; position: relative; right: 0px; text-align: left; }
}
@media screen and (prefers-reduced-motion: no-preference){@keyframes barExpands { 
  0% { width: calc(100% - 2px); }
}
}
div[data-updates-on-change]:has(stock-level-indicator) { display: none; }
div[data-updates-on-change]:has(stock-level-indicator):has(div.stock-indicator-wrapper) { display: block; }
stock-level-indicator .stock-level-message { display: flex; align-items: center; }
stock-level-indicator .stock-level-message p { line-height: normal; margin: 0px; }
stock-level-indicator .icon-dot-outline { margin-right: 10px; }
stock-level-indicator .icon-dot-outline .icon-dot { flex: 0 0 auto; }
.text-with-icon .text-with-icon--content { display: flex; gap: 10px; }
.text-with-icon .text-with-icon--content .text-with-icon--text { display: inline; word-break: break-word; line-height: normal; }
#ThemeModal { display: flex; align-items: center; justify-content: center; position: fixed; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.95); opacity: 0; z-index: 1500; transition: opacity 0.4s, transform 0.4s; }
@media screen and (min-width: 768px){#ThemeModal { clip-path: inset(0 round var(--block-border-radius)); }
}
theme-modal { display: flex; align-items: center; width: 100%; max-width: 100%; }
.announcement_bar animated-background-text-colors { display: grid; align-items: center; grid-template-columns: 1fr; grid-template-rows: 1fr; }
.announcement_bar animated-background-text-colors .announcement_block { grid-area: 1 / 1 / 2 / 2; }
.announcement_bar animated-background-text-colors .announcement_text { display: inline-block; }
.announcement_bar animated-background-text-colors .announcement_text { padding-top: 8px; padding-bottom: 8px; }
.announcement_bar animated-background-text-colors.announcements_only .announcement_block { display: grid; }
.announcement_bar animated-background-text-colors.announcements_only .announcement_wrapper { grid-row: 1 / 2; }
.announcement_bar animated-background-text-colors.announcements_only .announcement_text { padding-left: 15px; padding-right: 15px; }
@media screen and (min-width: 768px){.announcement_bar animated-background-text-colors.announcements_only .announcement_text { padding-left: 60px; padding-right: 60px; }
}
.announcement_bar .announcement_wrapper { text-align: center; display: flex; justify-content: center; align-items: center; }
.announcement_bar animated-background-text-colors * { color: inherit; }
.announcement_bar .announcement_block { font-size: var(--announcement-text-size); letter-spacing: var(--announcement-text-spacing); opacity: 0; transition: opacity 0.7s cubic-bezier(0.02, 0.01, 0, 0.95); }
.announcement_bar .announcement_block.active { opacity: 1; z-index: 1; transition-delay: 0.35s; }
.announcement_bar animated-background-text-colors { transition: 0.7s cubic-bezier(0.02, 0.01, 0, 0.95), padding 1ms; }
.verification-popup-container .modal-deny-content, .verification-popup-container .modal-initial-content { width: 580px !important; }
.rte > div { margin-bottom: 0px; }
.hidden { display: none !important; }
.site-header .container-wrapper .site-header__wrapper { display: flex; justify-content: space-between; }
.site-header .container-wrapper .site-header__wrapper.site-header__wrapper--logo-left .site-header__wrapper__center { display: block; }
.site-header .container-wrapper .site-header__wrapper .nav-link-animated a span.animated-underline { color: var(---, #061237); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; transition: 0.3s; }
.site-header .container-wrapper .site-header__wrapper .nav-link-animated a:hover span.animated-underline { color: rgb(254, 199, 5); }
.top-links.site-header__nav .first-level-dropdown.active a:visited, .top-links.site-header__nav .first-level-dropdown.active a { transition-behavior: normal; transition-duration: 0.25s; transition-timing-function: ease; transition-delay: 0s; color: var(--nav-text-hover) !important; transition-property: background-size, color !important; }
.width--content { max-width: 1400px; }
.container-wrapper { max-width: 1400px; margin: 0px auto; position: relative; width: 100%; }
.light-desktop { display: block; }
.light-mobile { display: none; }
.product-grid--wrapper .grid__item.large--one-quarter { padding: 20px; border: 1px solid var(---, #FEC705); background: var(---, #F5F6FA); }
.product-grid--wrapper .product-grid--title { border-top: 1px solid var(---, #FEC705); background: var(---, #F5F6FA); padding-top: 1em; }
.product-grid--wrapper .product-grid--title a { color: var(---, #8B4C00); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 600; line-height: 26px; }
.product-grid--wrapper .product-grid--price .product-price--regular { color: var(---, #061237); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 600; line-height: 26px; }
.product-grid--wrapper .quick-add-wrapper { width: 100%; display: flex; padding: 8px 20px; justify-content: center; align-items: center; border-radius: 40px; border: 1px solid var(---, #8B4C00); background: var(---, #FEC705); color: var(---, #8B4C00); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.product-grid--wrapper .quick-add-wrapper button, .product-grid--wrapper .quick-add-wrapper a { color: var(---, #8B4C00); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
#faq .summary .text-with-icon .text-with-icon--content { align-items: center; }
#faq .summary .text-with-icon--content::before { content: "Q"; width: 50px; height: 50px; background: rgb(6, 18, 55); border-radius: 50%; color: rgb(255, 255, 255); font-family: Jost; font-size: 32px; font-style: normal; font-weight: 800; line-height: normal; text-transform: uppercase; text-align: center; }
#faq .collapsible-content .content, #faq .collapsible-tab .collapsible-content .content .richtext-block { padding: 10px 20px; background: rgb(245, 246, 250); }
.template-blog__tag-navigation .swiper-slide a, .template-blog__tag-navigation__grid-list .nav-link-animated--custom a { color: var(---, #061237); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: 42px; }
.template-blog__tag-navigation__grid-list .nav-link-animated--custom { display: inline-flex; align-items: center; }
.template-blog__tag-navigation .swiper-slide.swiper-slide-active a, .template-blog__tag-navigation__grid-list .nav-link-animated--custom.active a { color: var(---, #061237); font-family: Jost; font-size: 30px; font-style: normal; font-weight: 600; line-height: 44px; text-transform: uppercase; }
.template-blog__content .blog-post-card__title a { color: var(---, #061237); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 600; line-height: 26px; }
.template-blog__content .blog-post-card__excerpt p { word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; color: var(---, #515973); text-overflow: ellipsis; font-family: Jost; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }
.template-blog__content .text-link-animated a { color: var(---, #061237); font-family: Jost; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; display: inline-flex; }
.template-blog__content .text-link-animated a span { display: flex; align-items: center; margin-left: 10px; }
.blog-article-aside { position: sticky; top: 100px; z-index: 1; }
.blog-aside-menu { transition: 0.2s; z-index: 10; }
.blog-aside-menu h3 { font-size: 24px; }
.blog-aside-menu ul { margin: 0px; }
.blog-aside-menu ul { padding: 0px; }
.section-contact-form .section-title--wrapper .section-title { color: var(---, #061237); font-family: Jost; font-size: 30px; font-style: normal; font-weight: 600; line-height: 44px; text-transform: uppercase; }
.section-contact-form .section-title--wrapper p { color: var(---, #061237); text-align: center; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.section-contact-form .width--narrow { max-width: 440px; margin: 0px auto; }
.section-contact-form .section-contact-form--form { row-gap: 20px; }
.section-contact-form .width--narrow input { border-radius: 50px; }
.section-contact-form .width--narrow input:not(.alt-input):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="hidden"]):not(.btn) { border-radius: 50px; }
.section-contact-form .block-radius { border-radius: 18px; }
.section-contact-form .width--narrow [data-spam-detection-disclaimer] { display: none; }
.section-contact-form .width--narrow .section-contact-form--submit-wrapper .btn { width: 100%; border-radius: 50px; border: 1px solid var(---, #8B4C00); color: var(---, #8B4C00); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; }
.product-grid--wrapper { justify-content: center; }
.product-section .collapsible { border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.footer-content-flex { display: flex; justify-content: space-between; padding-bottom: 40px; }
.footer-content-flex .newsletter-footer .newsletter-footer--wrapper .input-group { display: flex; flex-direction: inherit; }
.footer-content-flex .footer-email-input { display: flex; width: 440px; height: 50px; padding: 0px 20px; align-items: center; gap: 20px; border: 1px solid rgb(120, 125, 138); background: rgba(255, 255, 255, 0.2); border-radius: 25px !important; }
.footer-content-flex .footer-email-submit { display: flex; padding: 13px 40px; justify-content: center; align-items: center; border-radius: 50px; border: 1px solid rgb(139, 76, 0); background: rgb(254, 199, 5); }
.footer-content-follow .footer-content-follow-center { display: flex; justify-content: center; float: none !important; }
@media (max-width: 1680px){.container-wrapper { margin: 0px auto; max-width: 1200px !important; }
.width--content { max-width: 1200px; margin: 0px auto; }
}
@media (min-width: 1024px){.footer-wrapper .footer-main .footer-main--inner { padding: 100px 0px; }
.footer-content .footer-main-wrap { width: 100%; display: flex; justify-content: space-between; }
.footer-content .row-footer-left { flex: 1 1 0%; }
.footer-content .row-footer-right { width: 30%; }
.footer-content .row-footer-right h3, .footer-content-follow .footer-follow-social h3 { display: none; }
.footer-content .content-footer { display: flex; align-items: center; margin-bottom: 30px; width: 100%; }
.footer-content .content-footer .h3 { width: 130px; color: rgb(255, 255, 255); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 600; line-height: 26px; }
.footer-content .footer-article { flex: 1 1 0%; }
.footer-content .content-footer ul { display: flex; margin-bottom: 0px; list-style-type: none; }
.footer-content .content-footer ul li { margin-bottom: 0px; width: 25%; min-width: 140px; color: rgb(255, 255, 255); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; opacity: 0.7; }
.footer-content .content-footer ul li a { color: rgb(255, 255, 255); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.footer-content .nav-link-animated { color: var(---, #FFF); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; opacity: 0.7; }
.footer-content .nav-link-animated a { font-size: 16px; text-transform: uppercase; }
.footer-content .follow-social-media a { margin-left: 40px; }
.footer-content .col.footer-col { padding: 0px; }
.footer-content .row-footer-right .footer-block { text-align: right; }
.footer-content .row-footer-right .footer-block .footer-list li { margin-bottom: 28px !important; display: block; }
.footer-content .row-footer-right .footer-block .footer-list li .td_d, #shopify-section-footer .row-footer-right .footer-block .footer-collapsed-content a { color: rgb(255, 255, 255); text-align: right; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.footer-content-follow { width: 100%; border-top: 1px solid rgb(255, 255, 255); padding-top: 40px; margin-top: 20px; }
.footer-content-follow .footer-content-follow-social { float: right; }
.footer-content-follow .footer-content-follow-center { float: left; }
.footer-content-follow .footer-content-follow-center { color: var(---, #fff); text-align: right; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
}
@media (max-width: 768px){.light-desktop { display: none; }
.light-mobile { display: block; }
.footer-content { padding-left: 0px; padding-right: 0px; }
.footer-content .row-footer-right { padding-top: 20px; }
.footer-content .footer-list.table_d .tr_d { display: block; text-align: left; color: var(---, #fff); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; opacity: 0.7; margin-bottom: 10px !important; }
.verification-popup-container .modal-button-container button { max-width: 100%; }
.blog-main--wrapper { flex-direction: column; }
.grid__item--article-sidebar { order: -1; }
.grid__item--article-main { order: 0; }
.footer-main-wrap { text-align: left; }
.footer-content { padding: 0px 5px; }
.footer-main-wrap .footer-header { color: var(---, #FFF); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 600; line-height: 26px; }
.footer-main-wrap .content-footer { padding-top: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; }
.footer-main-wrap .content-footer .footer-header { color: var(---, #FFF); font-family: Jost; font-size: 18px; font-style: normal; font-weight: 600; line-height: 26px; padding: 10px 5px 20px 0px; display: flex; justify-content: space-between; align-items: center; }
.footer-main-wrap .content-footer .footer-header::after { content: "+"; display: block; font-weight: 500; font-size: 28px; }
.row-footer-left ul { list-style-type: none; }
.row-footer-left ul li { color: var(---, #FFF); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; opacity: 0.7; }
.row-footer-left ul li a { border-bottom: 0px; }
.row-footer-right .footer-list { margin-left: 0px; }
.footer-content-follow { padding-top: 20px; }
.footer-content-follow .footer-content-follow-social { padding-bottom: 40px; }
.footer-content-follow .follow-social-media a { margin-right: 20px; }
.footer-content-follow .footer-follow-social { text-align: left; }
.footer-content-follow .footer-content-follow-center .copyright--desktop { display: block; }
.footer-content-follow .footer-content-follow-center .copyright--desktop .bottom--footer---links li { color: var(---, #FFF); font-family: Jost; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; opacity: 0.7; }
.footer-main .footer-article { max-height: 0px; overflow: hidden; transition: max-height 0.3s; }
.footer-content-flex { flex-direction: column; }
.footer-content-flex { padding-bottom: 0px; }
.footer-content-subscribe { padding-bottom: 40px; }
.footer-wrapper .footer-main .footer-main--inner #newsletter-footer_form { padding: 0px; }
.footer-content-flex .footer-email-input { flex: 1 1 0%; width: auto; }
.footer-content-flex .footer-content-subscribe h3 { color: rgb(255, 255, 255); text-align: left; }
.footer-content-flex .footer-email-submit { display: flex; padding: 0px; justify-content: center; align-items: center; border-radius: 50px; border: 1px solid rgb(139, 76, 0); background: rgb(254, 199, 5); width: 50px !important; }
.footer-content-flex .footer-email-submit svg { display: block; }
.footer-content-flex .newsletter-footer .newsletter-footer--wrapper .input-group input { text-align: left; padding: 0px 20px !important; }
}
.drawer--left { width: 767px; left: -767px; border-right: 1px solid var(--cart-drawer-text-color); }
.site-nav--mobile { cursor: default; margin: 0px; }
.has-second-icon .site-nav--mobile { display: flex; place-content: center flex-start; }
.has-second-icon .site-nav--mobile .js-drawer-open-right-link, .has-second-icon .site-nav--mobile .search-button { display: flex; justify-content: center; }
.right-side.has-second-icon .site-nav--mobile { justify-content: flex-end; }
.site-nav--mobile .js-drawer-open-right-link.site-nav__link, .site-nav--mobile .site-nav__link:nth-child(2) { position: relative; }
.site-nav--mobile .site-nav__link.shopping-bag, .site-nav--mobile .site-nav__link.shopping-cart { margin-right: -12px; }
.site-nav--mobile a svg, .site-nav--mobile button svg { color: var(--nav-text-color); transition: color 0.25s; }
.site-nav--mobile .search-button svg { width: 20px; }
.site-nav--mobile .fa-2x { display: inline-block; width: 20px; height: 20px; }
.site-nav--mobile .icon-fallback-text { display: flex; align-items: center; }
.mobile-nav { margin: 0px; padding: 0px 15px; font-size: 18px; }
.mobile-nav.mobile-nav--main { grid-area: 2 / 1 / 3 / 2; }
.mobile-nav li { margin-bottom: 0px; }
.mobile-nav.nav--meta { display: grid; align-items: center; padding: 15px; }
.mobile-nav.nav--meta .mobile-nav__item { font-size: 14px; font-family: var(--navigation-font-stack); font-weight: var(--navigation-font-weight); font-style: var(--navigation-font-style); text-transform: var(--header-font-case); letter-spacing: var(--navigation-font-letter-spacing); }
.mobile-nav.nav--meta .mobile-nav__item::after { display: none; }
.mobile-nav.locale--mobile { position: relative; display: flex; flex-direction: column; gap: 15px; }
.mobile-nav.locale--mobile::after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; border-bottom: 1px solid var(--menu-drawer-border-color); }
.mobile-nav__logo-title { padding: 0px 15px; position: sticky; background-color: var(--menu-drawer-color); z-index: 20; top: 0px; grid-area: 1 / 1 / 2 / 2; }
.mobile-nav__logo-title--inner { display: flex; justify-content: flex-end; align-items: center; border-bottom: 1px solid var(--menu-drawer-border-color); }
.mobile-nav__item { position: relative; display: block; }
.mobile-nav > .mobile-nav__item { background-color: var(--menu-drawer-color); }
.mobile-nav__item::after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; border-bottom: 1px solid var(--menu-drawer-border-color); }
.mobile-nav__item.top-level a.mobile-nav__link { font-family: var(--navigation-font-stack); font-weight: var(--navigation-font-weight); font-style: var(--navigation-font-style); text-transform: var(--header-font-case); letter-spacing: var(--navigation-font-letter-spacing); }
.mobile-nav__item.top-level .mobile-nav__toggle, .mobile-nav__item.top-level a.mobile-nav__link { padding: 20px 0px; }
.mobile-nav__item.top-level .mobile-nav__sublist { display: flex; flex-direction: column; }
.mobile-nav__item.top-level .mobile-nav__sublist .mobile-nav__item a.mobile-nav__link { font-family: var(--body-font-stack); font-weight: var(--body-font-weight); font-style: var(--body-font-style); text-transform: none; letter-spacing: normal; }
.mobile-nav__item.top-level .mobile-nav__sublist .mobile-nav__item .mobile-nav__toggle, .mobile-nav__item.top-level .mobile-nav__sublist .mobile-nav__item a.mobile-nav__link { padding: 0px; }
.mobile-nav__item.top-level .mobile-nav__sublist .mobile-nav__item::after { display: none; }
.mobile-nav__item.top-level > .mobile-nav__sublist > .mobile-nav__item { padding-bottom: 15px; }
.mobile-nav__item a { display: block; }
.mobile-nav__item a, .mobile-nav__item button, .mobile-nav__toggle button { color: var(--menu-drawer-text-color); text-decoration: none; background: 0px 0px; border: 0px; }
.mobile-nav__item a:active, .mobile-nav__item a:focus, .mobile-nav__item a:hover, .mobile-nav__item button:active, .mobile-nav__item button:focus, .mobile-nav__item button:hover, .mobile-nav__toggle button:active, .mobile-nav__toggle button:focus, .mobile-nav__toggle button:hover { color: var(--menu-drawer-text-hover-color); }
.mobile-nav__has-sublist { display: grid; grid-template-columns: 1fr minmax(0px, auto); grid-template-rows: 1fr; width: 100%; }
.mobile-nav__has-sublist .mobile-nav__link, .mobile-nav__has-sublist .mobile-nav__toggle { grid-row: 1 / 2; }
.mobile-nav__has-sublist .mobile-nav__link { width: 100%; grid-column: 1 / 2; }
.mobile-nav__has-sublist .mobile-nav__toggle { grid-column: 2 / 3; }
.mobile-nav__toggle { display: flex; align-items: center; justify-content: flex-start; }
.mobile-nav__toggle-close { display: none; }
.mobile-nav__sublist { backface-visibility: hidden; margin: 0px; max-height: 0px; visibility: hidden; overflow: hidden; transition: 0.3s cubic-bezier(0.57, 0.06, 0.05, 0.95), margin 1ms 0.3s; }
.mobile-nav__sublist .mobile-nav__item::after { top: 0px; bottom: auto; }
.mobile-nav__sublist .mobile-nav__link { padding-left: 30px; font-size: 16px; }
.mobile-nav-bar-wrapper { background: var(--header-color); }
@media (min-width: 990px){.mobile-nav-bar--inner, .mobile-nav-bar-wrapper { display: none; }
}
.mobile-nav-bar-wrapper .site-nav__link { padding: 11px 32px 11px 0px; position: relative; }
.mobile-nav-bar-wrapper button.site-nav__link { margin-left: -15px; }
.mobile-nav-bar-wrapper .site-nav--mobile, .mobile-nav-bar-wrapper .text-right .site-nav--mobile { margin: 0px; }
.mobile-nav-bar-wrapper .mobile-grid--table { display: table; table-layout: fixed; width: 100%; }
.mobile-nav-bar-wrapper .mobile-grid--table .grid__item { display: table-cell; float: none; vertical-align: middle; }
.mobile-nav-bar-wrapper .mobile-grid--table .grid__item { padding: 0px; }
#NavDrawer { background-color: var(--menu-drawer-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px; border-right: 0px; display: flex; flex-direction: column; justify-content: space-between; }
#NavDrawer::-webkit-scrollbar { display: none; }
#NavDrawer .mobile-nav-grid-container { display: grid; max-width: 100%; grid-template-columns: minmax(0px, auto); grid-template-rows: auto 1fr; }
#NavDrawer .mobile-nav-grid-container .mobile-nav--footer { position: sticky; z-index: 20; bottom: 0px; width: 100%; background-color: var(--menu-drawer-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px 0px; }
.header-section--wrapper.force-hover .mobile-grid--table a, .header-section--wrapper.force-hover .mobile-grid--table a:visited, .header-section--wrapper.force-hover .mobile-grid--table button, .header-section--wrapper:focus-within .mobile-grid--table a, .header-section--wrapper:focus-within .mobile-grid--table a:visited, .header-section--wrapper:focus-within .mobile-grid--table button, .header-section--wrapper:hover .mobile-grid--table a, .header-section--wrapper:hover .mobile-grid--table a:visited, .header-section--wrapper:hover .mobile-grid--table button { color: var(--nav-text-color) !important; }
.header-section--wrapper.force-hover .mobile-grid--table a svg, .header-section--wrapper.force-hover .mobile-grid--table a:visited svg, .header-section--wrapper.force-hover .mobile-grid--table button svg, .header-section--wrapper:focus-within .mobile-grid--table a svg, .header-section--wrapper:focus-within .mobile-grid--table a:visited svg, .header-section--wrapper:focus-within .mobile-grid--table button svg, .header-section--wrapper:hover .mobile-grid--table a svg, .header-section--wrapper:hover .mobile-grid--table a:visited svg, .header-section--wrapper:hover .mobile-grid--table button svg { color: var(--nav-text-color) !important; }
.header-section--wrapper.force-hover .mobile-grid--table a:active, .header-section--wrapper.force-hover .mobile-grid--table a:hover, .header-section--wrapper.force-hover .mobile-grid--table a:visited:active, .header-section--wrapper.force-hover .mobile-grid--table a:visited:hover, .header-section--wrapper.force-hover .mobile-grid--table button:active, .header-section--wrapper.force-hover .mobile-grid--table button:hover, .header-section--wrapper:focus-within .mobile-grid--table a:active, .header-section--wrapper:focus-within .mobile-grid--table a:hover, .header-section--wrapper:focus-within .mobile-grid--table a:visited:active, .header-section--wrapper:focus-within .mobile-grid--table a:visited:hover, .header-section--wrapper:focus-within .mobile-grid--table button:active, .header-section--wrapper:focus-within .mobile-grid--table button:hover, .header-section--wrapper:hover .mobile-grid--table a:active, .header-section--wrapper:hover .mobile-grid--table a:hover, .header-section--wrapper:hover .mobile-grid--table a:visited:active, .header-section--wrapper:hover .mobile-grid--table a:visited:hover, .header-section--wrapper:hover .mobile-grid--table button:active, .header-section--wrapper:hover .mobile-grid--table button:hover { color: var(--nav-text-hover) !important; }
.header-section--wrapper.force-hover .mobile-grid--table a:active svg, .header-section--wrapper.force-hover .mobile-grid--table a:hover svg, .header-section--wrapper.force-hover .mobile-grid--table a:visited:active svg, .header-section--wrapper.force-hover .mobile-grid--table a:visited:hover svg, .header-section--wrapper.force-hover .mobile-grid--table button:active svg, .header-section--wrapper.force-hover .mobile-grid--table button:hover svg, .header-section--wrapper:focus-within .mobile-grid--table a:active svg, .header-section--wrapper:focus-within .mobile-grid--table a:hover svg, .header-section--wrapper:focus-within .mobile-grid--table a:visited:active svg, .header-section--wrapper:focus-within .mobile-grid--table a:visited:hover svg, .header-section--wrapper:focus-within .mobile-grid--table button:active svg, .header-section--wrapper:focus-within .mobile-grid--table button:hover svg, .header-section--wrapper:hover .mobile-grid--table a:active svg, .header-section--wrapper:hover .mobile-grid--table a:hover svg, .header-section--wrapper:hover .mobile-grid--table a:visited:active svg, .header-section--wrapper:hover .mobile-grid--table a:visited:hover svg, .header-section--wrapper:hover .mobile-grid--table button:active svg, .header-section--wrapper:hover .mobile-grid--table button:hover svg { color: var(--nav-text-hover) !important; }
search-dropdown { color: var(--nav-text-color); position: absolute; top: 100%; left: 0px; width: 100%; overflow: auto; z-index: -1; visibility: hidden; opacity: 0; transform: translateY(-100%); transition: 0.25s ease-in; scroll-behavior: smooth; clip-path: inset(0 0 0 round 0 0 var(--block-border-radius) var(--block-border-radius)); }
@media screen and (max-width: 767px){search-dropdown:has(.predictive-search__empty-state), search-dropdown:has(.predictive-search__results) { height: calc(100vh - var(--header-height-mobile) - var(--announcement-bar-height)); clip-path: unset; }
@supports (height:100dvh){search-dropdown:has(.predictive-search__empty-state), search-dropdown:has(.predictive-search__results) { height: calc(100dvh - var(--header-height-mobile) - var(--announcement-bar-height)); }
}
}
@media screen and (min-width: 768px){search-dropdown { height: auto; max-height: calc(100vh - var(--header-height-desktop) - var(--announcement-bar-height) - 30px); }
@supports (height:100dvh){search-dropdown { max-height: calc(100dvh - var(--header-height-desktop) - var(--announcement-bar-height) - 30px); }
}
}
@media screen and (prefers-reduced-motion: reduce){search-dropdown { transition-duration: 1ms; scroll-behavior: auto; }
}
.search-dropdown__overlay { position: fixed; inset: 0px; height: 0px; z-index: -2; background-color: var(--body-overlay-color); visibility: hidden; opacity: 0; transition: height 1s, visibility 0.25s ease-in, opacity 0.25s ease-in; }
.search-dropdown__close { display: flex; align-items: center; justify-content: center; border: 0px; background: 0px 0px; }
@media screen and (max-width: 767px){predictive-search { height: 100%; display: flex; flex-direction: column; }
}
predictive-search:has(.predictive-search__results) .predictive-search__search-bar, predictive-search:not(:has(.predictive-search__results-container.fade-out)) .predictive-search__search-bar { border-radius: 0px; }
@media screen and (max-width: 767px){.header-section:not(.sticky-header) predictive-search { transform: translate3d(0px, 0px, 0px); }
}
.predictive-search__search-bar { padding-top: 20px; padding-bottom: 20px; background-color: var(--header-color); }
@media screen and (min-width: 768px){.predictive-search__search-bar { padding-top: 30px; padding-bottom: 30px; }
}
.predictive-search__input-container { position: relative; display: flex; align-items: center; background: var(--nav-text-color-transparent5); }
.predictive-search__input { width: 100%; padding: 10px 0px; border: 0px; color: inherit; }
.predictive-search__input::placeholder { opacity: 0.7; color: inherit; }
.predictive-search__clear, .predictive-search__submit { display: flex; align-items: center; justify-content: center; border: 0px; background: 0px 0px; }
.predictive-search__clear { font-size: 12px; padding: 5px; animation: 0.25s ease 0s 1 normal none running FadeIn; color: inherit; }
.predictive-search__results-container { background-color: var(--header-color); }
.predictive-search__results { padding-bottom: 40px; animation: 1s ease 0s 1 normal none running FadeIn; }
@media screen and (max-width: 767px){.predictive-search__results { flex-grow: 1; }
}
.predictive-search__results--is-grid { display: flex; flex-direction: column; gap: 40px; }
@media screen and (min-width: 768px){.predictive-search__results--is-grid { display: grid; gap: 30px; grid-template-columns: 250px minmax(0px, 1fr); }
}
.predictive-search__list { display: flex; flex-direction: column; gap: 20px; }
@media screen and (min-width: 768px){.predictive-search__list:not(:only-child) { width: 250px; }
}
.predictive-search__title { font-size: var(--base-font-size); padding-bottom: 10px; border-bottom: 1px solid var(--nav-text-color-transparent10); margin: 0px; line-height: 1.6; }
.predictive-search__main-results { display: flex; flex-direction: column; gap: 20px; }
.predictive-search__empty-state { background-color: var(--header-color); }
@media screen and (max-width: 767px){.predictive-search__empty-state { flex-grow: 1; }
}
.offers-drawer__heading { display: flex; align-items: center; gap: 10px; }
.offers-drawer__content { justify-content: flex-start; }
.offers-drawer__block:not(:last-of-type) { margin-bottom: 20px; }
.offers-drawer__offer { display: flex; border: 1px solid var(--cart-drawer-text-color-transparent25); overflow: hidden; }
.offers-drawer__offer--above { flex-direction: column; }
.offers-drawer__offer--left { align-items: center; }
.offers-drawer__text-content { display: flex; flex-direction: column; gap: 10px; flex-grow: 1; padding: 15px; }
@media screen and (min-width: 768px){.offers-drawer__text-content { padding: 20px; }
}
.offers-drawer__text-content:has(.offers-drawer__offer-discount-code) { overflow-x: auto; }
.offers-drawer__offer-title-container { --nav-text-hover: var(--cart-drawer-text-color); display: flex; align-items: center; justify-content: flex-start; }
.offers-drawer__offer-description > :last-child, .offers-drawer__offer-title { margin: 0px; }
.offers-drawer__offer-discount-code { display: flex; gap: 8px; align-items: center; justify-content: space-between; width: fit-content; max-width: 100%; border: 1px dashed var(--cart-drawer-text-color-transparent25); border-radius: var(--input-border-radius); padding-left: 8px; }
.offers-drawer__offer-discount-code--code { font-size: var(--button-font-size-px); overflow-x: auto; }
.offers-drawer__offer-discount-code--btn { color: inherit; border: 0px; background: 0px 0px; padding: 5px 8px; position: relative; }
.offers-drawer__offer-discount-code--btn span { display: flex; align-items: center; justify-content: center; transform: scale(1); opacity: 1; transition: 0.2s ease-in-out; }
.offers-drawer__offer-discount-code--btn span.hide-icon { visibility: hidden; transform: scale(0.2); opacity: 0; }
.offers-drawer__offer-discount-code--btn [data-offers-drawer-check-icon] { position: absolute; inset: 0px; }
@media only screen and (max-width: 767px){.grid__item { margin-top: 0px; }
}
.animated { animation-duration: 1s; animation-fill-mode: both; }
@-webkit-keyframes bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}
@keyframes bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}
@-webkit-keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
@keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
@-webkit-keyframes pulse { 
  0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scaleX(1); }
}
@keyframes pulse { 
  0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scaleX(1); }
}
@-webkit-keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}
@keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}
@-webkit-keyframes shake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@keyframes shake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@-webkit-keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}
@keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}
@-webkit-keyframes swing { 
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes swing { 
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
@-webkit-keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}
@keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}
@-webkit-keyframes wobble { 
  0% { transform: translateZ(0px); }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: translateZ(0px); }
}
@keyframes wobble { 
  0% { transform: translateZ(0px); }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes jello { 
  0%, 11.1%, 100% { transform: translateZ(0px); }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@keyframes jello { 
  0%, 11.1%, 100% { transform: translateZ(0px); }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@-webkit-keyframes bounceIn { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}
@keyframes bounceIn { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}
@-webkit-keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@-webkit-keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@-webkit-keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@-webkit-keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@-webkit-keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.fadeIn { animation-name: fadeIn; }
@-webkit-keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@-webkit-keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@-webkit-keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@-webkit-keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@-webkit-keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@-webkit-keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@-webkit-keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 10%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 10%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@-webkit-keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@-webkit-keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@-webkit-keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@-webkit-keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@-webkit-keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@-webkit-keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@-webkit-keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@-webkit-keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@-webkit-keyframes flip { 
  0% { transform: perspective(400px) rotateY(-1turn); animation-timing-function: ease-out; }
  40% { transform: perspective(400px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(400px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
  100% { transform: perspective(400px); animation-timing-function: ease-in; }
}
@keyframes flip { 
  0% { transform: perspective(400px) rotateY(-1turn); animation-timing-function: ease-out; }
  40% { transform: perspective(400px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(400px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
  100% { transform: perspective(400px); animation-timing-function: ease-in; }
}
@-webkit-keyframes flipInX { 
  0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}
@keyframes flipInX { 
  0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}
@-webkit-keyframes flipInY { 
  0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateY(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateY(-5deg); }
  100% { transform: perspective(400px); }
}
@keyframes flipInY { 
  0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateY(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateY(-5deg); }
  100% { transform: perspective(400px); }
}
@-webkit-keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; }
  100% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
}
@keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; }
  100% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
}
@-webkit-keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; }
  100% { transform: perspective(400px) rotateY(90deg); opacity: 0; }
}
@keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; }
  100% { transform: perspective(400px) rotateY(90deg); opacity: 0; }
}
@-webkit-keyframes lightSpeedIn { 
  0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); opacity: 1; }
  100% { transform: translateZ(0px); opacity: 1; }
}
@keyframes lightSpeedIn { 
  0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); opacity: 1; }
  100% { transform: translateZ(0px); opacity: 1; }
}
@-webkit-keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@-webkit-keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; }
  100% { transform-origin: center center; transform: translateZ(0px); opacity: 1; }
}
@keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; }
  100% { transform-origin: center center; transform: translateZ(0px); opacity: 1; }
}
@-webkit-keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translateZ(0px); opacity: 1; }
}
@keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translateZ(0px); opacity: 1; }
}
@-webkit-keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate(45deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translateZ(0px); opacity: 1; }
}
@keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate(45deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translateZ(0px); opacity: 1; }
}
@-webkit-keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translateZ(0px); opacity: 1; }
}
@keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translateZ(0px); opacity: 1; }
}
@-webkit-keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translateZ(0px); opacity: 1; }
}
@keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translateZ(0px); opacity: 1; }
}
@-webkit-keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; }
}
@keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; }
}
@-webkit-keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
}
@keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(-45deg); opacity: 0; }
}
@keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(-45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
}
@keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; }
}
@keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; }
}
@-webkit-keyframes hinge { 
  0% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@keyframes hinge { 
  0% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@-webkit-keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@-webkit-keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}
@keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}
@-webkit-keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@-webkit-keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}
@keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}
@-webkit-keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}
@keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}
@-webkit-keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}
@keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}
@-webkit-keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@keyframes slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@-webkit-keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@-webkit-keyframes slideOutRight { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@keyframes slideOutRight { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes slideOutUp { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
@keyframes slideOutUp { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
.verification-popup-container { height: 100vh; position: fixed; width: 100%; top: 0px; left: 0px; z-index: 10000000; }
.verification-popup-container .hidden { display: none; }
.verification-popup-container .modal__prompt { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 650px; min-height: 300px; margin: 20px auto; padding: 20px 35px; position: relative; z-index: 1000000; overflow-y: auto; }
@media (max-width: 767px){.verification-popup-container .modal__prompt { width: 90%; height: auto; margin: 20px; padding: 10px 20px; overflow-y: auto; }
}
.verification-popup-container .modal__prompt p { font-family: var(--body-font-stack); font-weight: var(--body-font-weight); font-style: var(--body-font-style); font-size: var(--base-font-size); }
.verification-popup-container .modal__prompt h3 { font-family: var(--header-font-stack); text-transform: var(--heading-font-case); font-size: var(--header-text-size-px); margin-bottom: 20px; }
.verification-popup-container .verification-popup-logo__image img { margin: 20px auto 0px; }
.verification-popup-container .modal-content__wrapper { margin: 30px 0px; }
.verification-popup-container .modal-deny-content, .verification-popup-container .modal-initial-content { text-align: center; width: 450px; margin: 0px auto; max-height: 90vh; }
@media (max-width: 767px){.verification-popup-container .modal-deny-content, .verification-popup-container .modal-initial-content { width: 100%; }
}
.verification-popup-container #prompt__background { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 9999999; display: flex; flex-direction: column; justify-content: center; align-items: center; background-size: cover; background-position: center center; background-attachment: fixed; }
.verification-popup-container #prompt__background::after { content: ""; inset: 0px; position: absolute; z-index: -1; }
.verification-popup-container .modal-button-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 20px; }
.verification-popup-container .modal-button-container button { margin: 10px; min-width: 200px; white-space: normal; word-break: break-word; }
@media (max-width: 767px){.verification-popup-container .modal-button-container button { max-width: 200px; }
}
.section-contact-form .section-contact-form--form { display: flex; flex-wrap: wrap; gap: 15px 20px; }
.section-contact-form .input-wrapper { display: flex; flex-direction: column; }
.section-contact-form .w-full, .section-contact-form .w-partial { width: 100%; }
.section-contact-form .section-contact-form--submit-wrapper [data-spam-detection-disclaimer] { font-size: smaller; }
.section-contact-form .section-contact-form--submit-wrapper [data-spam-detection-disclaimer] a { cursor: pointer; }
.accordion-faq .accordion-content { border-bottom: 1px solid var(--color-scheme-border-color); }
.accordion-faq .text-with-icon--content { font-weight: 600; }
.rewards-container-section { width: 100%; }
.rewards-banner-section { position: relative; }
.rewards-banner-section img { width: 100%; display: block; }
.rewards-banner-container { position: absolute; left: 50%; bottom: 20%; transform: translate(-50%, -10%); z-index: 10; width: 100%; display: flex; justify-content: center; }
.rewards-banner-container .hero-text { text-align: center; }
.rewards-banner-container .hero-text h2 { color: rgb(255, 255, 255); text-align: center; font-family: Jost; font-size: 50px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.rewards-banner-container .hero-text p { color: rgb(255, 255, 255); text-align: center; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
.rewards-banner-container .hero-buttom { display: flex; padding-top: 40px; justify-content: center; }
.rewards-banner-container .hero-buttom a { width: 120px; height: 40px; padding: 8px 30px; display: flex; justify-content: center; align-items: center; border-radius: 40px; border: 1px solid var(---, #8B4C00); background: var(---, #FFF); margin: 0px 20px; color: var(---, #8B4C00); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.rewards-banner-container .hero-buttom .signup-button { background: var(---, #FEC705); }
.rewards-ways-section { background: rgb(0, 0, 0); padding: 100px 0px; }
.rewards-ways-section h2 { color: rgb(255, 255, 255); font-family: Jost; font-size: 50px; font-style: normal; font-weight: 600; line-height: normal; text-align: center; margin-bottom: 40px; }
.rewards-ways-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; justify-content: center; align-items: stretch; }
.rewards-ways-item { background-color: rgb(22, 22, 22); border-radius: 12px; padding: 30px 20px; text-align: center; transition: transform 0.3s; }
.rewards-ways-item:hover { transform: translateY(-5px); }
.ways-item-img img { width: 100px; height: 100px; object-fit: contain; }
.ways-item-card p { color: var(---, #FFF); font-family: Jost; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; }
.ways-item-card span { color: var(---, #FFF); text-align: center; font-family: Jost; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; }
.referral-section { background-color: rgb(255, 255, 255); padding: 150px 0px 30px; }
.referral-container { margin: 0px auto; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.referral-text { flex: 1 1 0%; max-width: 580px; }
.referral-text h2 { color: rgb(6, 18, 55); font-family: Jost; font-size: 48px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin-bottom: 20px; }
.referral-text p { color: var(---, #061237); font-family: Jost; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; }
.referral-button { display: flex; width: 120px; padding: 8px 20px; justify-content: center; align-items: center; border-radius: 40px; border: 1px solid var(---, #8B4C00); background: var(---, #FEC705); color: var(---, #8B4C00); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-top: 100px; transition: 0.3s; }
.referral-image { flex: 1 1 0%; max-width: 540px; }
.referral-image img { width: 100%; height: auto; display: block; border-radius: 6px; }
@keyframes rewardsMarquee { 
  0% { transform: translate(0px); }
  100% { transform: translate(-50%); }
}
@media (max-width: 1680px){.rewards-banner-container { transform: translate(-50%, 10%); }
}
@media (max-width: 768px){.rewards-banner-container { bottom: 10%; padding: 0px 4%; }
.rewards-banner-container .hero-text h2 { font-size: 48px; line-height: 50px; margin-bottom: 10px; }
.rewards-banner-container .hero-text p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; align-self: stretch; }
.rewards-ways-section { padding: 60px 4%; }
.rewards-ways-section h2 { font-size: 48px; line-height: 50px; }
.rewards-ways-grid { grid-template-columns: repeat(2, 1fr); }
.rewards-ways-item { padding: 30px 15px; }
.ways-item-card p { font-size: 18px; line-height: 26px; }
.ways-item-card span { font-size: 14px; font-weight: 400; line-height: 20px; }
.referral-container { flex-direction: column; text-align: center; }
.referral-text { order: 1; }
.referral-image { order: 2; max-width: 100%; margin-top: 30px; }
.referral-section { padding: 0px; }
.referral-container .referral-text { padding: 40px 4% 0px; text-align: left; }
.referral-image { margin-top: 0px; }
.referral-text h2 { width: 80%; font-size: 48px; font-style: normal; font-weight: 600; line-height: 50px; margin-bottom: 20px; }
.referral-text p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; }
.referral-button { margin-top: 80px; }
}
.scrolling-banner { position: relative; overflow: hidden; }
.scrolling-banner .banner { display: flex; align-items: center; list-style-type: none; }
.scrolling-banner .banner, .scrolling-banner .banner-item { margin: 0px; }
.scrolling-banner .banner-item { display: flex; flex-shrink: 0; padding-left: var(--scrolling-banner-gutter-mobile); padding-right: var(--scrolling-banner-gutter-mobile); }
@media screen and (min-width: 481px){.scrolling-banner .banner-item { padding-left: var(--scrolling-banner-gutter-desktop); padding-right: var(--scrolling-banner-gutter-desktop); }
}
.scrolling-banner .content-image { width: auto; }
.scrolling-banner scrolling-banner { rotate: var(--scrolling-banner-rotate); }
@media (prefers-reduced-motion){scrolling-banner { display: flex; overflow: hidden; }
scrolling-banner .banner[data-duplicated] { display: none; }
.scrolling-banner .banner { flex-wrap: wrap; align-items: normal; }
.scrolling-banner .banner-item { align-items: center; }
}
@media (prefers-reduced-motion: no-preference){scrolling-banner { display: grid; grid: auto / auto-flow max-content; transition: transform 0.6s ease-out; }
scrolling-banner.animation-direction-normal { justify-content: start; }
scrolling-banner.animation-direction-normal .banner { animation-name: translateLeft; }
scrolling-banner .banner { animation-duration: var(--scrolling-banner-animation-speed); animation-timing-function: linear; animation-iteration-count: infinite; }
scrolling-banner:hover .banner { animation-play-state: paused; }
}
@keyframes translateLeft { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}
@keyframes translateRight { 
  0% { transform: translate(0px); }
  100% { transform: translate(100%); }
}
.image-with-text-overlay__grid { display: grid; grid-template: auto / auto; min-height: var(--height-mobile,auto); }
@media screen and (min-width: 768px){.image-with-text-overlay__grid { min-height: var(--height-desktop,auto); }
}
.image-with-text-overlay__grid--background, .image-with-text-overlay__grid--foreground, .image-with-text-overlay__section-link { grid-area: 1 / 1 / 2 / 2; }
.image-with-text-overlay__desktop-image--original *, .image-with-text-overlay__mobile-image--original * { height: 100%; }
.image-with-text-overlay__desktop-image--original img, .image-with-text-overlay__mobile-image--original img { object-fit: cover; }
@media screen and (max-width: 767px){.image-with-text-overlay__desktop-image--cropped, .image-with-text-overlay__desktop-image--original { display: none; }
}
@media screen and (min-width: 768px){.image-with-text-overlay__mobile-image--cropped, .image-with-text-overlay__mobile-image--original { display: none; }
}
.image-with-text-overlay__grid--background { position: relative; }
.image-with-text-overlay__grid--background::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--overlay-color); }
.image-with-text-overlay__grid--foreground { padding: 15px; }
@media only screen and (min-width: 768px){.image-with-text-overlay__grid--foreground { padding: 60px; }
}
.image-with-text-overlay__caption { display: inline-block; max-width: 100%; }
.image-with-text-overlay__caption--align-mobile-center { text-align: center; }
@media only screen and (min-width: 768px){.image-with-text-overlay__caption { max-width: var(--caption-width-desktop); }
.image-with-text-overlay__caption--align-desktop-center { text-align: center; }
}
.image-with-text-overlay__grid--foreground { display: flex; }
.image-with-text-overlay__text--position-mobile-center { align-items: center; justify-content: center; }
@media only screen and (min-width: 768px){.image-with-text-overlay__text--position-desktop-center { align-items: center; justify-content: center; }
}
.image-with-text-overlay__grid--foreground, .image-with-text-overlay__section-link { z-index: 1; }
.image-with-text-overlay__heading, .image-with-text-overlay__text p { margin: 0px; }
.template-blog__grid { display: grid; grid-template-columns: 1fr; row-gap: 2em; }
@media screen and (min-width: 768px){.template-blog__grid { grid-template-columns: repeat(var(--blog-posts-per-row),1fr); column-gap: var(--grid-spacing-loose); }
}
.template-blog__tag-navigation { padding-bottom: 15px; }
@media screen and (min-width: 768px){.template-blog__tag-navigation { padding-bottom: 60px; }
}
.template-blog__tag-navigation ul { padding: 0px; margin: 0px; list-style: none; }
.template-blog__tag-navigation li { margin: 0px; }
.template-blog__tag-navigation .template-blog__tag-navigation__grid-list { display: flex; flex-wrap: wrap; gap: calc(var(--grid-spacing-tight) * .75); justify-content: var(--grid-alignment); }
@media screen and (min-width: 768px){.template-blog__tag-navigation .template-blog__tag-navigation__grid-list { gap: var(--grid-spacing-tight); }
}
.template-blog__tag-navigation .template-blog__tag-navigation__grid-list.increase-spacing { gap: 15px 22.5px; }
@media screen and (min-width: 768px){.template-blog__tag-navigation .template-blog__tag-navigation__grid-list.increase-spacing { gap: 30px; }
}
.grid__item--article-main { margin-top: 0px; }
.grid__item--article-main .rte { overflow-x: hidden; }
.grid__item--article-main .rte h1:first-of-type, .grid__item--article-main .rte h2:first-of-type, .grid__item--article-main .rte h3:first-of-type, .grid__item--article-main .rte h4:first-of-type, .grid__item--article-main .rte h5:first-of-type, .grid__item--article-main .rte h6:first-of-type { margin-top: 0px; }
.article--image-wrapper { padding-bottom: 20px; }
.blog-main--wrapper.flex-grid { row-gap: 30px; }
.blog-main--wrapper .social-sharing { bottom: 0px; opacity: 1; position: relative; right: 0px; text-align: left; margin-top: 15px; }
.article-prev-next-wrapper .left a, .article-prev-next-wrapper .right a { display: flex; align-items: center; }
.article-prev-next-wrapper .left a svg, .article-prev-next-wrapper .right a svg { color: var(--link-color); vertical-align: middle; }
.shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-desktop--center a, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-desktop--center div, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-desktop--center h1, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-desktop--center h2, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-desktop--center h3, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-desktop--center h4, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-desktop--center h5, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-desktop--center h6, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-desktop--center li, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-desktop--center p { text-align: center !important; }
@media only screen and (max-width: 480px){.shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-mobile--center a, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-mobile--center div, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-mobile--center h1, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-mobile--center h2, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-mobile--center h3, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-mobile--center h4, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-mobile--center h5, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-mobile--center h6, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-mobile--center li, .shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text__text-alignment-mobile--center p { text-align: center !important; }
}
.shopify-section.rich-text .wrapper-spacing--v .homepage-featured-box-btn { margin: 0px; }
.shopify-section.rich-text .wrapper-spacing--v .homepage-featured-rich-text div:last-child { padding-bottom: 0px !important; }
.product-details-product-title { overflow-wrap: break-word; letter-spacing: var(--heading-spacing); text-transform: var(--heading-font-case); margin: 0px; }
@media only screen and (max-width: 767px){[data-wetheme-section-type="template--product"] .product-single-wrapper .product-single { display: flex; gap: 15px; flex-direction: column; }
}
[data-wetheme-section-type="template--product"] .product-single-wrapper .paymentButtonsWrapper { margin-bottom: 0px; }
[data-wetheme-section-type="template--product"] .product-single-wrapper .paymentButtonsWrapper .product--add-to-cart-button, [data-wetheme-section-type="template--product"] .product-single-wrapper .paymentButtonsWrapper .shopify-payment-button { width: 100%; max-width: none; }
@media screen and (min-width: 768px){[data-wetheme-section-type="template--product"] .product-single-wrapper .product-single { display: flex; gap: 20px; }
[data-wetheme-section-type="template--product"] .product-single-wrapper .product-sticky-wrapper { position: relative; }
[data-wetheme-section-type="template--product"] .product-single-wrapper .product-sticky-wrapper .product-sticky { height: fit-content; position: sticky; top: 0px; z-index: 2; }
}
.product-price-group { display: flex; flex-flow: wrap; gap: 10px; align-items: baseline; }
.product-price-size--h3 { font-size: var(--body-font-size-22-to-em); }
#ComparePrice .money, #ProductPrice, #ProductPrice .money { font-size: inherit; margin: 0px; }
#ComparePrice { margin: 0px; text-decoration: line-through; display: inline-block; }
#ComparePrice.sale-price { color: var(--text-color); }
#ComparePrice.on-sale + span + #ProductPrice { color: var(--on-sale-color); }
.shopify-payment-terms__container { width: 100%; }
.product--add-to-cart-form { margin-bottom: 0px; }
.product--add-to-cart-form div.product-form-block:last-of-type, .product--add-to-cart-form div:empty { margin-bottom: 0px; }
.product--add-to-cart-form .product-sub-label, .product--add-to-cart-form .selector-wrapper label { color: var(--text-color); margin-bottom: 5px; display: block; }
.product--add-to-cart-form #Quantity { border: 0px; width: 30px; padding: 8px 0px; }
.product--add-to-cart-form .js-qty { max-width: none; min-width: 0px; display: inline-flex; border: 1px solid var(--color-scheme-border-color,var(--text-color-transparent25)); margin-bottom: 0px; }
.product--add-to-cart-form .js-qty__adjust { position: static; display: flex; }
.swatch { display: block; }
.swatch .option-label-wrapper { display: flex; flex-direction: row; justify-content: space-between; }
.swatch .option-label-wrapper > div { display: flex; flex-direction: row; justify-content: space-between; }
.swatch .option-label-wrapper .header { color: var(--text-color); display: inline-block; margin-bottom: 5px; }
.swatch .swatch-items-wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.swatch .swatch-items-wrapper .swatch-element { display: flex; flex-wrap: wrap; align-items: center; transform: translateZ(0px); -webkit-font-smoothing: antialiased; position: relative; z-index: 2; gap: 10px; }
.swatch .swatch-items-wrapper .swatch-element label { min-width: 30px; margin: 0px; text-align: center; line-height: 1.6; word-break: break-all; overflow-wrap: break-word; display: block; box-sizing: border-box; position: relative; outline: 1px solid var(--text-color-transparent25); transition: outline 0.2s; }
.swatch .swatch-items-wrapper .swatch-element label:hover, .swatch .swatch-items-wrapper .swatch-element:not(.sibling-hover-active) input:checked + label { outline: 1px solid var(--text-color); }
.swatch:not(.is-color-swatch):not(.linked-products-swatch) label { padding: 8px; background: var(--color-primary-background); min-width: 40px; border-radius: var(--input-border-radius); }
.swatch:not(.is-color-swatch):not(.linked-products-swatch) .swatch-element input:checked + label { background: var(--text-color); color: var(--color-primary-background); }
.swatch:not(.is-color-swatch):not(.linked-products-swatch) .swatch-element input:checked + label::after { background: var(--color-primary-background); }
.product-details-wrapper { position: relative; }
.product-form-separator { border-top: 1px solid var(--border-color); }
.product-section .product-form-block { margin-bottom: var(--custom-margin-bottom); }
.product-section [data-product-options] { display: flex; flex-direction: column; gap: 30px; }
.product-section .collapsible { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
product-media.product-media-slider { position: relative; }
product-media.product-media-slider div[data-product-badge] { position: absolute; top: 5px; left: 5px; width: fit-content; max-width: 200px; }
@media (min-width: 768px){product-media.product-media-slider div[data-product-badge] { left: 15px; top: 15px; }
}
product-media.product-media-slider div[data-product-badge] .custom-badge, product-media.product-media-slider div[data-product-badge] .preorder-badge, product-media.product-media-slider div[data-product-badge] .sale-badge, product-media.product-media-slider div[data-product-badge] .sold-out-badge { position: relative; top: unset; left: unset; max-width: unset; }
product-media.media-type-paginated, product-media.media-type-slider { display: block; overflow: hidden; position: relative; }
product-media.media-type-paginated [data-slider-main], product-media.media-type-slider [data-slider-main] { width: 100%; height: 100%; max-width: 100%; max-height: 100%; position: relative; }
product-media.media-type-paginated .media-ratio--square, product-media.media-type-paginated .media-ratio--tall, product-media.media-type-paginated .media-ratio--wide, product-media.media-type-slider .media-ratio--square, product-media.media-type-slider .media-ratio--tall, product-media.media-type-slider .media-ratio--wide { object-fit: cover; }
product-media.media-type-paginated .media-ratio--square, product-media.media-type-slider .media-ratio--square { aspect-ratio: 1 / 1; }
product-media.media-type-paginated .responsive-image-wrapper, product-media.media-type-paginated a[data-main-media-link], product-media.media-type-slider .responsive-image-wrapper, product-media.media-type-slider a[data-main-media-link] { display: flex; height: fit-content; width: 100%; position: relative; }
product-media.media-type-thumbnails { overflow: hidden; display: grid; gap: 15px; }
product-media.media-type-thumbnails .thumb-next, product-media.media-type-thumbnails .thumb-prev { position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--alt-btn-border-radius); color: var(--text-color); background-color: var(--body-color); }
@media (min-width: 768px){product-media.media-type-thumbnails .thumb-next, product-media.media-type-thumbnails .thumb-prev { opacity: 0; }
}
@media screen and (min-width: 768px) and (prefers-reduced-motion: no-preference){product-media.media-type-thumbnails .thumb-next, product-media.media-type-thumbnails .thumb-prev { transition: opacity 0.2s ease-out, transform 0.2s ease-out; }
}
product-media.media-type-thumbnails .thumb-prev { display: flex; left: 10px; }
@media screen and (min-width: 768px){product-media.media-type-thumbnails .thumb-prev { left: 0px; }
}
product-media.media-type-thumbnails .thumb-prev svg { position: relative; left: -1px; }
product-media.media-type-thumbnails .thumb-next { display: flex; right: 10px; }
@media screen and (min-width: 768px){product-media.media-type-thumbnails .thumb-next { right: 0px; }
}
product-media.media-type-thumbnails .thumb-next svg { position: relative; right: -1px; }
product-media.media-type-thumbnails .thumbnail-media--main-media:hover .thumb-next, product-media.media-type-thumbnails .thumbnail-media--main-media:hover .thumb-prev { opacity: 1; }
@media screen and (min-width: 768px){product-media.media-type-thumbnails .thumbnail-media--main-media:hover .thumb-prev { transform: translate(100%, -50%); }
product-media.media-type-thumbnails .thumbnail-media--main-media:hover .thumb-next { transform: translate(-100%, -50%); }
}
product-media.media-type-thumbnails .thumbnail-media--main-media:not(.media--single) .swiper-slide .icon--placeholder, product-media.media-type-thumbnails .thumbnail-media--main-media:not(.media--single) .swiper-slide iframe, product-media.media-type-thumbnails .thumbnail-media--main-media:not(.media--single) .swiper-slide img, product-media.media-type-thumbnails .thumbnail-media--main-media:not(.media--single) .swiper-slide model-viewer, product-media.media-type-thumbnails .thumbnail-media--main-media:not(.media--single) .swiper-slide video { opacity: 0; transition: opacity 0.7s cubic-bezier(0.02, 0.01, 0, 0.95), transform 2s; }
product-media.media-type-thumbnails.thumbnails-below { grid-template-columns: 1fr; grid-template-rows: 1fr minmax(0px, auto); }
product-media.media-type-thumbnails.thumbnails-below .thumbnail-media--main-media { grid-area: 1 / 1 / 2 / 2; }
product-media.media-type-thumbnails.thumbnails-below .thumbnail-media--thumbnails { width: 100%; max-width: 100%; grid-area: 2 / 1 / 3 / 2; position: relative; }
product-media.media-type-thumbnails.thumbnails-below .thumbnail-media--thumbnails:not(.swiper-initialized) .swiper-wrapper .swiper-slide { width: 70px; margin-right: 15px; }
product-media.media-type-thumbnails.thumbnails-below .thumbnail-media--thumbnails::before { content: ""; display: block; position: absolute; width: 30px; height: 100%; background: linear-gradient(to left,rgba(0,0,0,0),var(--body-color)); left: 0px; bottom: 0px; z-index: 10; pointer-events: none; opacity: 0; }
@media screen and (prefers-reduced-motion: no-preference){product-media.media-type-thumbnails.thumbnails-below .thumbnail-media--thumbnails::before { transition: opacity 0.4s; }
}
product-media.media-type-thumbnails.thumbnails-below .thumbnail-media--thumbnails::after { content: ""; display: block; position: absolute; width: 30px; height: 100%; background: linear-gradient(to right,rgba(0,0,0,0),var(--body-color)); right: 0px; bottom: 0px; z-index: 10; pointer-events: none; }
@media screen and (prefers-reduced-motion: no-preference){product-media.media-type-thumbnails.thumbnails-below .thumbnail-media--thumbnails::after { transition: opacity 0.4s; }
}
product-media.media-type-thumbnails.thumbnails-below .thumbnail-media--thumbnails .swiper-wrapper { display: flex; }
product-media.media-type-thumbnails.thumbnails-below .thumbnail-media--thumbnails .swiper-wrapper .swiper-slide { padding: 1px 0px; }
product-media.media-type-thumbnails.thumbnails-below .thumbnail-media--thumbnails .swiper-wrapper .swiper-slide:last-child { margin-right: 0px !important; }
product-media.media-type-thumbnails .media-ratio--square, product-media.media-type-thumbnails .media-ratio--tall, product-media.media-type-thumbnails .media-ratio--wide { object-fit: cover; }
product-media.media-type-thumbnails .media-ratio--square { aspect-ratio: 1 / 1; }
product-media.media-type-thumbnails .responsive-image-wrapper, product-media.media-type-thumbnails a[data-main-media-link] { display: flex; height: fit-content; width: 100%; position: relative; }
product-media.media-type-thumbnails .thumbnail-media--main-media { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
product-media.media-type-thumbnails .thumbnail-media--thumbnails { max-height: 100%; width: 100%; }
product-media.media-type-thumbnails .thumbnail-media--thumbnails .swiper-wrapper .swiper-slide { cursor: pointer; position: relative; min-width: 60px; }
product-media.media-type-thumbnails .thumbnail-media--thumbnails .swiper-wrapper .swiper-slide .icon--placeholder, product-media.media-type-thumbnails .thumbnail-media--thumbnails .swiper-wrapper .swiper-slide .responsive-image-wrapper { box-sizing: border-box; border: 1px solid var(--border-color); }
product-media.media-type-thumbnails .thumbnail-media--thumbnails .swiper-wrapper .swiper-slide .icon--placeholder:hover, product-media.media-type-thumbnails .thumbnail-media--thumbnails .swiper-wrapper .swiper-slide .responsive-image-wrapper:hover { border: 1px solid var(--text-color); }
product-media.product-media-slider.single-media { display: flex; }
product-media .swiper-wrapper { transition-timing-function: cubic-bezier(0.25, 0.85, 0.2, 1); }
product-recommendations { display: block; }
product-media-grid.product-media--grid-wrapper { position: relative; }
product-media-grid.product-media--grid-wrapper div[data-product-badge] { position: absolute; top: 5px; left: 5px; width: fit-content; max-width: 200px; }
@media (min-width: 768px){product-media-grid.product-media--grid-wrapper div[data-product-badge] { left: 15px; top: 15px; }
}
product-media-grid.product-media--grid-wrapper [data-media-main] { display: flex; flex-wrap: wrap; gap: var(--grid-spacing); }
product-media-grid.product-media--grid-wrapper [data-media-main].custom-aspect-ratio .media-column--odd-full, product-media-grid.product-media--grid-wrapper [data-media-main].media--single .media-column--odd-full { display: flex; height: fit-content; width: 100%; }
product-media-grid.product-media--grid-wrapper [data-media-main] .media-ratio--square, product-media-grid.product-media--grid-wrapper [data-media-main] .media-ratio--tall, product-media-grid.product-media--grid-wrapper [data-media-main] .media-ratio--wide { object-fit: cover; }
product-media-grid.product-media--grid-wrapper [data-media-main] .media-ratio--square { aspect-ratio: 1 / 1; }
product-media-grid.product-media--grid-wrapper [data-media-main] a[data-main-media-link] { display: flex; height: fit-content; width: 100%; position: relative; }
.collection-main-body.grid-uniform { margin-left: 0px; }
.collection_grid .btn--underlined { color: var(--primary-btn-bg-color); }
@media screen and (min-width: 768px){.collection_grid { display: grid; grid-template: "collection" / 1fr; }
}