/** Shopify CDN: Minification failed

Line 9:118037 Expected identifier but found whitespace
Line 9:118038 Unexpected "not("
Line 9:118135 Expected identifier but found whitespace
Line 9:118136 Unexpected "not("

**/
/*base.css*/:root { --alpha-button-background: 1; --alpha-button-border: 1; --alpha-link: 0.85; --alpha-badge-border: 0.1; --focused-base-outline: 0.2rem solid rgba(var(--color-foreground), 0.5); --focused-base-outline-offset: 0.3rem; --focused-base-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); } .product-card-wrapper .card, .contains-card--product { --border-radius: var(--product-card-corner-radius); --border-width: var(--product-card-border-width); --border-opacity: var(--product-card-border-opacity); --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset); --shadow-vertical-offset: var(--product-card-shadow-vertical-offset); --shadow-blur-radius: var(--product-card-shadow-blur-radius); --shadow-opacity: var(--product-card-shadow-opacity); --shadow-visible: var(--product-card-shadow-visible); --image-padding: var(--product-card-image-padding); --text-alignment: var(--product-card-text-alignment); } .collection-card-wrapper .card, .contains-card--collection { --border-radius: var(--collection-card-corner-radius); --border-width: var(--collection-card-border-width); --border-opacity: var(--collection-card-border-opacity); --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset); --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset); --shadow-blur-radius: var(--collection-card-shadow-blur-radius); --shadow-opacity: var(--collection-card-shadow-opacity); --shadow-visible: var(--collection-card-shadow-visible); --image-padding: var(--collection-card-image-padding); --text-alignment: var(--collection-card-text-alignment); } .article-card-wrapper .card, .contains-card--article { --border-radius: var(--blog-card-corner-radius); --border-width: var(--blog-card-border-width); --border-opacity: var(--blog-card-border-opacity); --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset); --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset); --shadow-blur-radius: var(--blog-card-shadow-blur-radius); --shadow-opacity: var(--blog-card-shadow-opacity); --shadow-visible: var(--blog-card-shadow-visible); --image-padding: var(--blog-card-image-padding); --text-alignment: var(--blog-card-text-alignment); } .contains-content-container, .content-container { --border-radius: var(--text-boxes-radius); --border-width: var(--text-boxes-border-width); --border-opacity: var(--text-boxes-border-opacity); --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset); --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset); --shadow-blur-radius: var(--text-boxes-shadow-blur-radius); --shadow-opacity: var(--text-boxes-shadow-opacity); --shadow-visible: var(--text-boxes-shadow-visible); } .contains-media, .global-media-settings { --border-radius: var(--media-radius); --border-width: var(--media-border-width); --border-opacity: var(--media-border-opacity); --shadow-horizontal-offset: var(--media-shadow-horizontal-offset); --shadow-vertical-offset: var(--media-shadow-vertical-offset); --shadow-blur-radius: var(--media-shadow-blur-radius); --shadow-opacity: var(--media-shadow-opacity); --shadow-visible: var(--media-shadow-visible); } body:has(.section-header .drawer-menu) .announcement-bar-section .page-width { max-width: 100%; } .page-width.drawer-menu { max-width: 100%; } .page-width-desktop { padding: 0; margin: 0 auto; } .utility-bar__grid.page-width { padding-left: 3rem; padding-right: 3rem; } @media screen and (min-width: 750px) { .page-width { padding: 0 5rem; } .header.page-width, .utility-bar__grid.page-width { padding-left: 3.2rem; padding-right: 3.2rem; } .page-width--narrow { padding: 0 9rem; } .page-width-desktop { padding: 0; } .page-width-tablet { padding: 0 5rem; } } @media screen and (min-width: 990px) { .header:not(.drawer-menu).page-width { padding-left: 5rem; padding-right: 5rem; } .page-width-desktop { max-width: var(--page-width); padding: 0 5rem; } } .isolate { position: relative; z-index: 0; } .element-margin-top { margin-top: 5rem; } @media screen and (min-width: 750px) { .element-margin { margin-top: calc(5rem + var(--page-width-margin)); } } .background-secondary { background-color: rgba(var(--color-foreground), 0.04); } .grid-auto-flow { display: grid; grid-auto-flow: column; } .page-margin, .shopify-challenge__container { margin: 7rem auto; } .rte-width { max-width: 82rem; margin: 0 auto 2rem; } .list-unstyled { margin: 0; padding: 0; list-style: none; } .hidden { display: none !important; } .visually-hidden { position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); word-wrap: normal !important; } .visually-hidden--inline { margin: 0; height: 1em; } .overflow-hidden { overflow: hidden; } .skip-to-content-link:focus { z-index: 9999; position: inherit; overflow: auto; width: auto; height: auto; clip: auto; } .full-width-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .text-body { font-size: 1.5rem; letter-spacing: 0.06rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } .hxxl { font-size: clamp(calc(var(--font-heading-scale) * 5.6rem), 14vw, calc(var(--font-heading-scale) * 7.2rem)); line-height: 1.1; } .hxl { font-size: calc(var(--font-heading-scale) * 5rem); line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale))); } @media only screen and (min-width: 750px) { .hxl { font-size: calc(var(--font-heading-scale) * 6.2rem); } } .h0 { font-size: calc(var(--font-heading-scale) * 4rem); } @media only screen and (min-width: 750px) { .h0 { font-size: calc(var(--font-heading-scale) * 5.2rem); } } h1, .h1 { font-size: calc(var(--font-heading-scale) * 3rem); } @media only screen and (min-width: 750px) { h1, .h1 { font-size: calc(var(--font-heading-scale) * 4rem); } } h2, .h2 { font-size: calc(var(--font-heading-scale) * 2rem); } @media only screen and (min-width: 750px) { h2, .h2 { font-size: calc(var(--font-heading-scale) * 2.4rem); } } h3, .h3 { font-size: calc(var(--font-heading-scale) * 1.7rem); } @media only screen and (min-width: 750px) { h3, .h3 { font-size: calc(var(--font-heading-scale) * 1.8rem); } } h4, .h4 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-size: calc(var(--font-heading-scale) * 1.5rem); } h5, .h5 { font-size: calc(var(--font-heading-scale) * 1.2rem); } @media only screen and (min-width: 750px) { h5, .h5 { font-size: calc(var(--font-heading-scale) * 1.3rem); } } h6, .h6 { color: rgba(var(--color-foreground), 0.75); margin-block-start: 1.67em; margin-block-end: 1.67em; } blockquote { font-style: italic; color: rgba(var(--color-foreground), 0.75); border-left: 0.2rem solid rgba(var(--color-foreground), 0.2); padding-left: 1rem; } @media screen and (min-width: 750px) { blockquote { padding-left: 1.5rem; } } .caption { font-size: 1rem; letter-spacing: 0.07rem; line-height: calc(1 + 0.7 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .caption { font-size: 1.2rem; } } .caption-with-letter-spacing { font-size: 1rem; letter-spacing: 0.13rem; line-height: calc(1 + 0.2 / var(--font-body-scale)); text-transform: uppercase; } .caption-with-letter-spacing--medium { font-size: 1.2rem; letter-spacing: 0.16rem; } .caption-with-letter-spacing--large { font-size: 1.4rem; letter-spacing: 0.18rem; } .color-foreground { color: rgb(var(--color-foreground)); } .small-show { display: none !important; } @media screen and (max-width: 750px) { .small-hide { display: none !important; } .small-show { display: block !important; } .medium-up-show { display: none !important; } } @media screen and (min-width: 750px) { .medium-up-show { display: block !important; } } @media screen and (min-width: 750px) and (max-width: 989px) { .medium-hide { display: none !important; } } @media screen and (min-width: 990px) { .large-up-hide { display: none !important; } } @media screen and (min-width: 769px) { .large-show{display: block !important;} .large-show-{display: none !important;} } @media screen and (max-width: 768px) { .large-show{display: none !important;} .large-show-{display: block !important;} } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .uppercase { text-transform: uppercase; } .light { opacity: 0.7; } a:empty, ul:empty, dl:empty, section:empty, article:empty, p:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty { display: none; } .link, .customer a { cursor: pointer; display: inline-block; border: none; box-shadow: none; color: rgb(var(--color-link)); background-color: transparent; font-family: inherit; } .link--text { color: rgb(var(--color-foreground)); } .link--text:hover { color: rgba(var(--color-foreground), 0.75); } .link-with-icon { display: inline-flex; font-size: 1.4rem; font-weight: 600; letter-spacing: 0.1rem; text-decoration: none; margin-bottom: 4.5rem; white-space: nowrap; } .link-with-icon .icon { width: 1.5rem; margin-left: 1rem; } a:not([href]) { cursor: not-allowed; } .circle-divider::after { content: '\2022'; margin: 0 1.3rem 0 1.5rem; } .circle-divider:last-of-type::after { display: none; } .full-unstyled-link { text-decoration: none; color: currentColor; display: block; } .placeholder { background-color: rgba(var(--color-foreground), 0.04); color: rgba(var(--color-foreground), 0.55); fill: rgba(var(--color-foreground), 0.55); } details > * { box-sizing: border-box; } .break { word-break: break-word; } .visibility-hidden { visibility: hidden; } @media (prefers-reduced-motion) { .motion-reduce { transition: none !important; animation: none !important; } } :root { --duration-short: 100ms; --duration-default: 200ms; --duration-announcement-bar: 250ms; --duration-medium: 300ms; --duration-long: 500ms; --duration-extra-long: 600ms; --duration-extra-longer: 750ms; --duration-extended: 3s; --ease-out-slow: cubic-bezier(0, 0, 0.3, 1); --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards; --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow); } .underlined-link, .customer a, .inline-richtext a { text-underline-offset: 0.3rem; text-decoration-thickness: 0.1rem; transition: text-decoration-thickness ease 100ms; } .underlined-link, .customer a { color: rgba(var(--color-link), var(--alpha-link)); } .inline-richtext a, .rte.inline-richtext a { color: currentColor; } .underlined-link:hover, .customer a:hover, .inline-richtext a:hover { color: rgb(var(--color-link)); text-decoration-thickness: 0.2rem; } .icon-arrow { width: 1.5rem; } h3 .icon-arrow, .h3 .icon-arrow { width: calc(var(--font-heading-scale) * 1.5rem); } .animate-arrow .icon-arrow path { transform: translateX(-0.25rem); transition: transform var(--duration-short) ease; } .animate-arrow:hover .icon-arrow path { transform: translateX(-0.05rem); } .svg-wrapper { display: inline-flex; justify-content: center; align-items: center; width: 20px; height: 20px; } .svg-wrapper > svg { height: 100%; width: 100%; } summary { cursor: pointer; list-style: none; position: relative; } summary .icon-caret { position: absolute; height: 0.6rem; right: 1.5rem; top: calc(50% - 0.2rem); } summary::-webkit-details-marker { display: none; } .disclosure-has-popup { position: relative; } .disclosure-has-popup[open] > summary::before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; display: block; cursor: default; content: ' '; background: transparent; } .disclosure-has-popup > summary::before { display: none; } .disclosure-has-popup[open] > summary + * { z-index: 100; } @media screen and (min-width: 750px) { .disclosure-has-popup[open] > summary + * { z-index: 4; } .facets .disclosure-has-popup[open] > summary + * { z-index: 2; } } .placeholder-svg { height: 100%; width: 100%; } *:focus { outline: 0; box-shadow: none; } .focused { outline: var(--focused-base-outline); outline-offset: var(--focused-base-outline-offset); box-shadow: var(--focused-base-box-shadow); } .focus-inset:focus-visible { outline: 0.2rem solid rgba(var(--color-foreground), 0.5); outline-offset: -0.2rem; box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3); } .focused.focus-inset { outline: 0.2rem solid rgba(var(--color-foreground), 0.5); outline-offset: -0.2rem; box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3); } .focus-none { box-shadow: none !important; outline: 0 !important; } .focus-offset:focus-visible { outline: 0.2rem solid rgba(var(--color-foreground), 0.5); outline-offset: 1rem; box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3); } .focus-offset.focused { outline: 0.2rem solid rgba(var(--color-foreground), 0.5); outline-offset: 1rem; box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3); } .title, .title-wrapper-with-link { margin: 3rem 0 2rem; } .title-wrapper-with-link .title { margin: 0; } .title .link { font-size: inherit; } .title-wrapper { margin-bottom: 3rem; } .title-wrapper-with-link { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 3rem; flex-wrap: wrap; } .title--primary { margin: 4rem 0; } .title-wrapper--self-padded-tablet-down, .title-wrapper--self-padded-mobile { padding-left: 1.5rem; padding-right: 1.5rem; } @media screen and (min-width: 750px) { .title-wrapper--self-padded-mobile { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 990px) { .title, .title-wrapper-with-link { margin: 5rem 0 3rem; } .title--primary { margin: 2rem 0; } .title-wrapper-with-link { align-items: center; } .title-wrapper-with-link .title { margin-bottom: 0; } .title-wrapper--self-padded-tablet-down { padding-left: 0; padding-right: 0; } } .title-wrapper-with-link .link-with-icon { margin: 0; flex-shrink: 0; display: flex; align-items: center; } .title-wrapper-with-link .link-with-icon .svg-wrapper { width: 1.5rem; } .title-wrapper-with-link a { margin-top: 0; flex-shrink: 0; } .title-wrapper--no-top-margin { margin-top: 0; } .title-wrapper--no-top-margin > .title { margin-top: 0; } .subtitle { font-size: 1.8rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); letter-spacing: 0.06rem; color: rgba(var(--color-foreground), 0.7); } .subtitle--small { font-size: 1.4rem; letter-spacing: 0.1rem; } .subtitle--medium { font-size: 1.6rem; letter-spacing: 0.08rem; } .media { display: block; background-color: rgba(var(--color-foreground), 0.1); position: relative; overflow: hidden; } .media--transparent { background-color: transparent; } .media > *:not(.zoom):not(.deferred-media__poster-button), .media model-viewer { display: block; max-width: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .media > img { object-fit: cover; object-position: center center; transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .media--square { padding-bottom: 100%; } .media--portrait { padding-bottom: 125%; } .media--landscape { padding-bottom: 66.6%; } .media--cropped { padding-bottom: 56%; } .media--16-9 { padding-bottom: 56.25%; } .media--circle { padding-bottom: 100%; border-radius: 50%; } .media.media--hover-effect > img + img { opacity: 0; } @media screen and (min-width: 990px) { .media--cropped { padding-bottom: 63%; } } deferred-media { display: block; } .button--secondary, .button--tertiary { --color-button: var(--color-secondary-button); --color-button-text: var(--color-secondary-button-text); } .button--tertiary { --alpha-button-background: 0; --alpha-button-border: 0.2; } .button:not([disabled]):hover::after, .shopify-challenge__button:hover::after, .customer button:hover::after, .shopify-payment-button__button--unbranded:hover::after { --border-offset: 1.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background)); } .button--secondary:after { --border-opacity: var(--buttons-border-opacity); } .button:focus-visible, .button:focus, .button.focused, .shopify-payment-button__button--unbranded:focus-visible, .shopify-payment-button__button--unbranded:focus { outline: 0; box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0 0.5rem rgba(var(--color-foreground), 0.5), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); } .button:focus:not(:focus-visible):not(.focused), .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused) { box-shadow: inherit; } .button::selection, .shopify-challenge__button::selection, .customer button::selection { background-color: rgba(var(--color-button-text), 0.3); } .button, .button-label, .shopify-challenge__button, .customer button { font-size: 1.5rem; letter-spacing: 0.1rem; line-height: calc(1 + 0.2 / var(--font-body-scale)); } .button--tertiary { font-size: 1.2rem; padding: 1rem 1.5rem; min-width: calc(9rem + var(--buttons-border-width) * 2); min-height: calc(3.5rem + var(--buttons-border-width) * 2); } .button--small { padding: 1.2rem 2.6rem; } shopify-accelerated-checkout { --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset); --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)); } shopify-accelerated-checkout-cart { --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset); --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)); } .button:disabled, .button[aria-disabled='true'], .button.disabled, .customer button:disabled, .customer button[aria-disabled='true'], .customer button.disabled, .quantity__button.disabled { cursor: not-allowed; } .button--full-width { display: flex; width: 100%; } .button.loading { color: transparent; position: relative; } @media screen and (forced-colors: active) { .button.loading { color: rgb(var(--color-foreground)); } } .button.loading > .loading__spinner { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; height: 100%; display: flex; align-items: center; } .button.loading > .loading__spinner .spinner { width: fit-content; } .button.loading > .loading__spinner .path { stroke: rgb(var(--color-button-text)); } .share-button { display: block; position: relative; } .share-button details { width: fit-content; } .share-button__button { font-size: 1.4rem; display: flex; align-items: center; color: rgb(var(--color-link)); margin-left: 0; padding-left: 0; min-height: 4.4rem; } details[open] > .share-button__fallback { animation: animateMenuOpen var(--duration-default) ease; } .share-button__button:hover { text-decoration: underline; text-underline-offset: 0.3rem; } .share-button__button, .share-button__fallback button { cursor: pointer; background-color: transparent; border: none; } .share-button__button .icon-share { height: 1.2rem; margin-right: 1rem; min-width: 1.3rem; } .share-button__fallback { display: flex; align-items: center; position: absolute; top: 3rem; left: 0.1rem; z-index: 3; width: 100%; min-width: max-content; border-radius: var(--inputs-radius); border: 0; } .share-button__fallback:after { pointer-events: none; content: ''; position: absolute; top: var(--inputs-border-width); right: var(--inputs-border-width); bottom: var(--inputs-border-width); left: var(--inputs-border-width); border: 0.1rem solid transparent; border-radius: var(--inputs-radius); box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity)); transition: box-shadow var(--duration-short) ease; z-index: 1; } .share-button__fallback:before { background: rgb(var(--color-background)); pointer-events: none; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--inputs-radius-outset); box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity)); z-index: -1; } .share-button__fallback button { width: 4.4rem; height: 4.4rem; padding: 0; flex-shrink: 0; display: flex; justify-content: center; align-items: center; position: relative; right: var(--inputs-border-width); } .share-button__fallback button:hover { color: rgba(var(--color-foreground), 0.75); } .share-button__fallback button:hover .svg-wrapper { transform: scale(1.07); } .share-button__close:not(.hidden) + .share-button__copy { display: none; } .share-button__close, .share-button__copy { background-color: transparent; color: rgb(var(--color-foreground)); } .share-button__copy:focus-visible, .share-button__close:focus-visible { background-color: rgb(var(--color-background)); z-index: 2; } .share-button__copy:focus, .share-button__close:focus { background-color: rgb(var(--color-background)); z-index: 2; } .field:not(:focus-visible):not(.focused) + .share-button__copy:not(:focus-visible):not(.focused), .field:not(:focus-visible):not(.focused) + .share-button__close:not(:focus-visible):not(.focused) { background-color: inherit; } .share-button__fallback .field:after, .share-button__fallback .field:before { content: none; } .share-button__fallback .field { border-radius: 0; min-width: auto; min-height: auto; transition: none; } .share-button__fallback .field__input:focus, .share-button__fallback .field__input:-webkit-autofill { outline: 0.2rem solid rgba(var(--color-foreground), 0.5); outline-offset: 0.1rem; box-shadow: 0 0 0 0.1rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); } .share-button__fallback .field__input { box-shadow: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; filter: none; min-width: auto; min-height: auto; } .share-button__fallback .field__input:hover { box-shadow: none; } .share-button__fallback .icon { width: 1.5rem; height: 1.5rem; } .share-button__message:not(:empty) { display: flex; align-items: center; width: 100%; height: 100%; margin-top: 0; padding: 0.8rem 0 0.8rem 1.5rem; margin: var(--inputs-border-width); } .share-button__message:not(:empty):not(.hidden) ~ * { display: none; } .field:before, .select:before, .customer .field:before, .customer select:before, .localization-form__select:before { pointer-events: none; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--inputs-radius-outset); box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity)); z-index: -1; } .field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after { pointer-events: none; content: ''; position: absolute; top: var(--inputs-border-width); right: var(--inputs-border-width); bottom: var(--inputs-border-width); left: var(--inputs-border-width); border: 0.1rem solid transparent; border-radius: var(--inputs-radius); box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity)); transition: box-shadow var(--duration-short) ease; z-index: 1; } .select__select { font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); font-size: 1.2rem; color: rgba(var(--color-foreground), 0.75); } .field:hover.field:after, .select:hover.select:after, .select__select:hover.select__select:after, .customer .field:hover.field:after, .customer select:hover.select:after, .localization-form__select:hover.localization-form__select:after { box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground), var(--inputs-border-opacity)); outline: 0; border-radius: var(--inputs-radius); } .field__input:focus-visible, .select__select:focus-visible, .customer .field input:focus-visible, .customer select:focus-visible, .localization-form__select:focus-visible.localization-form__select:after { box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground)); outline: 0; border-radius: var(--inputs-radius); } .field__input:focus, .select__select:focus, .customer .field input:focus, .customer select:focus, .localization-form__select:focus.localization-form__select:after { box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground)); outline: 0; border-radius: var(--inputs-radius); } .localization-form__select:focus { outline: 0; box-shadow: none; } .text-area, .select { display: flex; position: relative; width: 100%; } .select .svg-wrapper, .customer select + .svg-wrapper { height: 0.6rem; width: 1rem; pointer-events: none; position: absolute; top: calc(50% - 0.2rem); right: 0; } .select__select, .customer select { cursor: pointer; line-height: calc(1 + 0.6 / var(--font-body-scale)); padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem; margin: var(--inputs-border-width); min-height: calc(var(--inputs-border-width) * 2); } .field { position: relative; width: 100%; display: flex; transition: box-shadow var(--duration-short) ease; } .customer .field { display: flex; } .field--with-error { flex-wrap: wrap; } .field__input, .customer .field input { flex-grow: 1; text-align: left; padding: 1.5rem; margin: var(--inputs-border-width); transition: box-shadow var(--duration-short) ease; } .field__label, .customer .field label { font-size: 1.6rem; left: calc(var(--inputs-border-width) + 2rem); top: calc(1rem + var(--inputs-border-width)); margin-bottom: 0; pointer-events: none; position: absolute; transition: top var(--duration-short) ease, font-size var(--duration-short) ease; color: rgba(var(--color-foreground), 0.75); letter-spacing: 0.1rem; line-height: 1.5; } .field__input:focus ~ .field__label, .field__input:not(:placeholder-shown) ~ .field__label, .field__input:-webkit-autofill ~ .field__label, .customer .field input:focus ~ label, .customer .field input:not(:placeholder-shown) ~ label, .customer .field input:-webkit-autofill ~ label { font-size: 1rem; top: calc(var(--inputs-border-width) + 0.5rem); left: calc(var(--inputs-border-width) + 2rem); letter-spacing: 0.04rem; } .field__input:focus, .field__input:not(:placeholder-shown), .field__input:-webkit-autofill, .customer .field input:focus, .customer .field input:not(:placeholder-shown), .customer .field input:-webkit-autofill { padding: 2.2rem 1.5rem 0.8rem 2rem; margin: var(--inputs-border-width); } .field__input::-webkit-search-cancel-button, .customer .field input::-webkit-search-cancel-button { display: none; } .field__button { align-items: center; background-color: transparent; border: 0; color: currentColor; cursor: pointer; display: flex; height: 4.4rem; justify-content: center; overflow: hidden; padding: 0; position: absolute; right: 0; top: 0; width: 4.4rem; } .field__button > .svg-wrapper { height: 2.5rem; width: 2.5rem; } .field__input:-webkit-autofill ~ .field__button, .field__input:-webkit-autofill ~ .field__label, .customer .field input:-webkit-autofill ~ label { color: rgb(0, 0, 0); } .text-area { font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); min-height: 10rem; resize: none; } input[type='checkbox'] { display: inline-block; width: auto; margin-right: 0.5rem; } .form__label { display: block; margin-bottom: 0.6rem; } .form__message { align-items: center; display: flex; font-size: 1.4rem; line-height: 1; margin-top: 1rem; } .form__message--large { font-size: 1.6rem; } .customer .field .form__message { font-size: 1.4rem; text-align: left; } .form__message .icon, .customer .form__message .svg-wrapper { flex-shrink: 0; height: 1.3rem; margin-right: 0.5rem; width: 1.3rem; } .form__message--large .icon, .customer .form__message .svg-wrapper { height: 1.5rem; width: 1.5rem; margin-right: 1rem; } .customer .field .form__message .svg-wrapper { align-self: start; } .form-status { margin: 0; font-size: 1.6rem; } .form-status-list { padding: 0; margin: 2rem 0 4rem; } .form-status-list li { list-style-position: inside; } .form-status-list .link::first-letter { text-transform: capitalize; } .quantity { color: rgba(var(--color-foreground)); position: relative; width: calc(8rem / var(--font-body-scale) + var(--inputs-border-width) * 2); display: flex; border-radius: var(--inputs-radius); min-height: 36.8px; } .quantity:after { pointer-events: none; content: ''; position: absolute; top: var(--inputs-border-width); right: var(--inputs-border-width); bottom: var(--inputs-border-width); left: var(--inputs-border-width); border: 0.1rem solid transparent; border-radius: var(--inputs-radius); box-shadow: 0 0 0 var(--inputs-border-width) #E8E7DF; transition: box-shadow var(--duration-short) ease; z-index: 1; } .quantity:before { background: rgb(var(--color-background)); pointer-events: none; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--inputs-radius-outset); box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity)); z-index: -1; } .quantity__input { color: currentColor; font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); font-size: 1.6rem; font-weight: 500; opacity: 0.85; text-align: center; background-color: transparent; border: 0; padding: 0 0.5rem; width: 100%; flex-grow: 1; -webkit-appearance: none; appearance: none; } .quantity__button { width: calc(2rem / var(--font-body-scale)); flex-shrink: 0; font-size: 1.8rem; border: 0; background-color: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; color: rgb(var(--color-foreground)); padding: 0; } .quantity__button:first-child { margin-left: calc(var(--inputs-border-width)); } .quantity__button:last-child { margin-right: calc(var(--inputs-border-width)); } .quantity__button .svg-wrapper { width: 1rem; pointer-events: none; } .quantity__button:focus-visible, .quantity__input:focus-visible { background-color: rgb(var(--color-background)); z-index: 2; } .quantity__button:focus, .quantity__input:focus { background-color: rgb(var(--color-background)); z-index: 2; } .quantity__button:not(:focus-visible):not(.focused), .quantity__input:not(:focus-visible):not(.focused) { box-shadow: inherit; background-color: inherit; } .quantity__input:-webkit-autofill, .quantity__input:-webkit-autofill:hover, .quantity__input:-webkit-autofill:active { box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important; -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important; } .quantity__input::-webkit-outer-spin-button, .quantity__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .quantity__input[type='number'] { -moz-appearance: textfield; } .quantity__rules { margin-top: 0.5rem; position: relative; font-size: 1.2rem; } .quantity__rules .caption { display: inline-block; margin-top: 0; margin-bottom: 0; } .quantity__rules .divider + .divider::before { content: '\2022'; margin: 0 0.5rem; } .quantity__rules-cart { position: relative; } .product__info-container .loading__spinner:not(.hidden) ~ *, .quantity__rules-cart .loading__spinner:not(.hidden) ~ * { visibility: hidden; } .modal__toggle { list-style-type: none; } .modal__toggle-close { display: none; } .modal__toggle-open { display: flex; } .modal__close-button.link { display: flex; justify-content: center; align-items: center; padding: 0rem; height: 4.4rem; width: 4.4rem; background-color: transparent; } .modal__close-button .icon { width: 1.7rem; height: 1.7rem; } .modal__content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(var(--color-background)); z-index: 4; display: flex; justify-content: center; align-items: center; } .media-modal { cursor: zoom-out; } .media-modal .deferred-media { cursor: initial; } .cart-count-bubble:empty { display: none; } .cart-count-bubble { position: absolute; background-color: rgb(var(--color-button)); color: rgb(var(--color-button-text)); height: 1.7rem; width: 1.7rem; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-size: 0.9rem; bottom: 0.8rem; left: 2.2rem; line-height: calc(1 + 0.1 / var(--font-body-scale)); } .utility-bar { height: 100%; } .utility-bar--bottom-border { border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08); } @media screen and (min-width: 990px) { .utility-bar--bottom-border-social-only { border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08); } } .utility-bar__grid { display: grid; grid-template-columns: 1fr; grid-template-areas: 'announcements'; } .utility-bar__grid .list-social { justify-content: flex-start; align-content: center; margin-left: -1.2rem; grid-area: social-icons; } @media screen and (max-width: 989px) { .utility-bar .utility-bar__grid .list-social { display: none; } } .utility-bar .list-social__item .icon { scale: 0.9; } @media screen and (min-width: 990px) { .utility-bar__grid--3-col { grid-template-columns: 3fr 4fr 3fr; grid-template-areas: 'social-icons announcements language-currency'; } .utility-bar__grid--2-col { grid-template-columns: 1fr 1fr; grid-template-areas: 'social-icons language-currency'; } .announcement-bar.announcement-bar--one-announcement, .announcement-bar--one-announcement .announcement-bar__link { width: fit-content; margin: auto; } } .localization-wrapper { grid-area: language-currency; align-self: center; display: flex; justify-content: flex-end; } .localization-wrapper .localization-selector + .disclosure__list-wrapper { animation: animateMenuOpen var(--duration-default) ease; } .utility-bar .localization-wrapper .disclosure .localization-form__select, .utility-bar .localization-wrapper .disclosure__link { font-size: calc(var(--font-heading-scale) * 1.3rem); } @media screen and (min-width: 990px) { body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width { padding-left: 5rem; padding-right: 5rem; } } .section-header.shopify-section-group-header-group { z-index: 3; } .shopify-section-header-sticky { position: sticky; top: 0; } .shopify-section-header-hidden { top: calc(-1 * var(--header-height)); } .shopify-section-header-hidden.menu-open { top: 0; } .section-header.animate { transition: top 0.15s ease-out; } .shopify-section-group-header-group { z-index: 40; } .section-header ~ .shopify-section-group-header-group { z-index: initial; } .header-wrapper { display: block; position: relative; background-color: rgb(var(--color-background)); } .header { display: grid; grid-template-areas: 'left-icons heading icons'; grid-template-columns: 1fr 2fr 1fr; align-items: center; } .small-show { display: none !important; } @media screen and (max-width: 749px) { .header--has-app { grid-template-columns: auto 1fr auto; } } @media screen and (min-width: 990px) { .header { grid-template-columns: 1fr auto 1fr; } .header--top-left, .header--middle-left:not(.header--has-menu) { grid-template-areas: 'heading icons' 'navigation navigation'; grid-template-columns: 1fr auto; } .header--top-left.drawer-menu, .header--middle-left.drawer-menu { grid-template-areas: 'navigation heading icons'; grid-template-columns: auto 1fr auto; column-gap: 1rem; } .header--middle-left { grid-template-areas: 'heading navigation icons'; grid-template-columns: auto auto 1fr; column-gap: 2rem; } .header--middle-center:not(.drawer-menu) { grid-template-areas: 'navigation heading icons'; grid-template-columns: 1fr auto 1fr; column-gap: 2rem; } .header--middle-center a.header__heading-link { text-align: center; } .header--top-center { grid-template-areas: 'left-icons heading icons' 'navigation navigation navigation'; } .header--top-center.drawer-menu { grid-template-areas: 'left-icons heading icons'; grid-template-columns: 1fr auto 1fr; } .header:not(.header--middle-left, .header--middle-center) .header__inline-menu { margin-top: 1.05rem; } } .header *[tabindex='-1']:focus { outline: none; } .header__heading { margin: 0; line-height: 0; } .header > .header__heading-link { line-height: 0; } .header__heading, .header__heading-link { grid-area: heading; justify-self: center; } .header__heading-link { display: inline-block; padding: 0.75rem; text-decoration: none; word-break: break-word; } .header__heading-link:hover .h2 { color: rgb(var(--color-foreground)); } .header__heading-link .h2 { line-height: 1; color: rgba(var(--color-foreground), 0.75); } .header__heading-logo { height: auto; max-width: 100%; } .header__heading-logo-wrapper { width: 100%; display: inline-block; transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99); } @media screen and (max-width: 989px) { .header__heading, .header__heading-link { text-align: center; } .header--mobile-left .header__heading, .header--mobile-left .header__heading-link { text-align: left; justify-self: start; } .header--mobile-left { grid-template-columns: auto 2fr 1fr; } } @media screen and (min-width: 990px) { .header--middle-left .header__heading-link, .header--top-left .header__heading-link { margin-left: -0.75rem; } .header__heading, .header__heading-link { justify-self: start; } .header--middle-center .header__heading-link, .header--middle-center .header__heading { justify-self: center; text-align: center; } .header--top-center .header__heading-link, .header--top-center .header__heading { justify-self: center; text-align: center; } } .header__icons { display: flex; grid-area: icons; justify-self: end; padding-right: 0.8rem; } .header__icons .shopify-app-block { max-width: 4.4rem; max-height: 4.4rem; overflow: hidden; } .header__icon:not(.header__icon--summary), .header__icon span { display: flex; align-items: center; justify-content: center; } .header__icon { color: rgb(var(--color-foreground)); } .header__icon span { height: 100%; } .header__icon .svg-wrapper { width: 44px; height: 44px; } .header__icon::after { content: none; } .header__icon:hover .icon, .modal__close-button:hover .icon { transform: scale(1.07); } .header__icon .icon { height: 2rem; width: 2rem; fill: none; vertical-align: middle; } .header__icon, .header__icon--cart .icon { height: 4.4rem; width: 4.4rem; padding: 0; } .header__icon--cart { position: relative; margin-right: -1.2rem; } .header__icon--menu[aria-expanded='true']::before { content: ''; top: 100%; left: 0; height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))); width: 100%; display: block; position: absolute; background: rgba(var(--color-foreground), 0.5); } .header__icon--account shop-user-avatar { --shop-avatar-size: 2.8rem; } details .header__icon-close { display: none; } details[open] .header__icon-close { display: inline-block; } account-icon { display: flex; } .header-search-form { display: flex; align-items: center; } .header-search-wrapper { display: flex; align-items: center; position: relative; } .header-search-input { border: 1px solid var(--colorTextBody); border-radius: 6px; outline: none; color: var(--colorTextBody); font-size: 14px; padding: 8px 38px 8px 12px; width: 200px; min-width: 120px; transition: border-color 0.2s ease; } .header-search-input:focus { border-color: var(--colorTextBody); } .header-search-divider { position: absolute; right: 34px; width: 1px; height: 18px; background-color: var(--colorTextBody); pointer-events: none; } .header-search-btn { position: absolute; right: 8px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; padding: 4px; cursor: pointer; color: var(--colorTextBody); transition: color 0.2s ease; } .header-search-btn:hover { color: rgba(255, 255, 255, 1); } .header-search-btn .icon { width: 18px; height: 18px; } menu-drawer + .header__search { display: none; } .header > .header__search { grid-area: left-icons; justify-self: start; } .header--top-center.drawer-menu > .header__search { margin-left: 3.2rem; } .header--top-center header-drawer { grid-area: left-icons; } .header:not(.header--has-menu) * > .header__search { display: none; } .header__search { display: inline-flex; line-height: 0; } .header--top-center > .header__search { display: none; } .header--top-center * > .header__search { display: inline-flex; } @media screen and (min-width: 990px) { .header:not(.header--top-center) * > .header__search, .header--top-center > .header__search { display: inline-flex; } .header:not(.header--top-center) > .header__search, .header--top-center * > .header__search { display: none; } } details[open] > .search-modal { opacity: 1; animation: animateMenuOpen var(--duration-default) ease; } details[open] .modal-overlay { display: block; } details[open] .modal-overlay::after { position: absolute; content: ''; background-color: rgb(var(--color-foreground), 0.5); top: 100%; left: 0; right: 0; height: 100vh; } .search-modal { opacity: 0; border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08); min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width))); height: 100%; } .search-modal__content { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 5rem 0 1rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); position: relative; } .search-modal__content-bottom { bottom: calc((var(--inputs-margin-offset) / 2)); } .search-modal__content-top { top: calc((var(--inputs-margin-offset) / 2)); } .search-modal__form { width: 100%; } .search-modal__close-button { position: absolute; right: 0.3rem; } @media screen and (min-width: 750px) { .search-modal__close-button { right: 1rem; } .search-modal__content { padding: 0 6rem; } } @media screen and (min-width: 990px) { .search-modal__form { max-width: 74.2rem; } .search-modal__close-button { position: initial; margin-left: 0.5rem; } } .header__icon--menu .icon { display: block; position: absolute; opacity: 1; transform: scale(1); transition: transform 150ms ease, opacity 150ms ease; } details:not([open]) > .header__icon--menu .icon-close, details[open] > .header__icon--menu .icon-hamburger { visibility: hidden; opacity: 0; transform: scale(0.8); } .js details[open]:not(.menu-opening) > .header__icon--menu .icon-close { visibility: hidden; } .js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger { visibility: visible; opacity: 1; transform: scale(1.07); } .js details > .header__submenu { opacity: 0; transform: translateY(-1.5rem); } details[open] > .header__submenu { animation: animateMenuOpen var(--duration-default) ease; animation-fill-mode: forwards; z-index: 1; } @media (prefers-reduced-motion) { details[open] > .header__submenu { opacity: 1; transform: translateY(0); } } .header__inline-menu { margin-left: -1.2rem; grid-area: navigation; display: none; } .header--top-center .header__inline-menu, .header--top-center .header__heading-link { margin-left: 0; } @media screen and (min-width: 990px) { .header__inline-menu { display: block; } .header--top-center .header__inline-menu { justify-self: center; } .header--top-center .header__inline-menu > .list-menu--inline { justify-content: center; } .header--middle-left .header__inline-menu { margin-left: 0; } } .header__menu { padding: 0 1rem; } .header__menu-item { padding: 1.2rem; text-decoration: none; color: rgba(var(--color-foreground), 0.75); } .header__menu-item:hover { color: rgb(var(--color-foreground)); } .header__menu-item span { transition: text-decoration var(--duration-short) ease; } .header__menu-item:hover span { text-decoration: underline; text-underline-offset: 0.3rem; } details[open] > .header__menu-item { text-decoration: underline; } details[open]:hover > .header__menu-item { text-decoration-thickness: 0.2rem; } details[open] > .header__menu-item .icon-caret { transform: rotate(180deg); } .header__menu-item:hover .header__active-menu-item { text-decoration-thickness: 0.2rem; } .header__submenu { transition: opacity var(--duration-default) ease, transform var(--duration-default) ease; } .global-settings-popup, .header__submenu.global-settings-popup { border-radius: var(--popup-corner-radius); border-color: rgba(var(--color-foreground), var(--popup-border-opacity)); border-style: solid; border-width: var(--popup-border-width); box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity)); z-index: -1; } .header__submenu.list-menu { padding: 1rem 0; } .header__submenu .header__submenu { background-color: rgba(var(--color-foreground), 0.03); padding: 1rem 0; margin: 1rem 0; } .header__submenu .header__menu-item:after { right: 2rem; } .header__submenu .header__menu-item { justify-content: space-between; padding: 0.8rem 2rem; } .header__submenu .header__menu-item:hover { text-decoration-line: underline; } .header__menu-item .icon-caret { right: 0.8rem; } .header__submenu .icon-caret { flex-shrink: 0; margin-left: 1rem; position: static; } header-menu > details, details-disclosure > details { position: relative; } @keyframes animateMenuOpen { 0% { opacity: 0; transform: translateY(-1.5rem); } 100% { opacity: 1; transform: translateY(0); } } .overflow-hidden-mobile, .overflow-hidden-tablet, .overflow-hidden-desktop { overflow: hidden; } @media screen and (min-width: 750px) { .overflow-hidden-mobile { overflow: auto; } } @media screen and (min-width: 990px) { .overflow-hidden-tablet { overflow: auto; } } .badge { border: 1px solid transparent; border-radius: var(--badge-corner-radius); display: inline-block; font-size: 1.2rem; letter-spacing: 0.1rem; line-height: 1; padding: 0.5rem 1.3rem 0.6rem 1.3rem; text-align: center; background-color: rgb(var(--color-badge-background)); border-color: rgba(var(--color-badge-border), var(--alpha-badge-border)); color: rgb(var(--color-badge-foreground)); word-break: break-word; } .gradient { background: rgb(var(--color-background)); background: var(--gradient-background); background-attachment: fixed; } @media screen and (forced-colors: active) { .icon { color: CanvasText; fill: CanvasText !important; } .icon-close-small path { stroke: CanvasText; } } .ratio { display: flex; position: relative; align-items: stretch; } .ratio::before { content: ''; width: 0; height: 0; padding-bottom: var(--ratio-percent); } .content-container { border-radius: var(--text-boxes-radius); border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity)); position: relative; } .content-container:after { content: ''; position: absolute; top: calc(var(--text-boxes-border-width) * -1); right: calc(var(--text-boxes-border-width) * -1); bottom: calc(var(--text-boxes-border-width) * -1); left: calc(var(--text-boxes-border-width) * -1); border-radius: var(--text-boxes-radius); box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity)); z-index: -1; } .content-container--full-width:after { left: 0; right: 0; border-radius: 0; } .small-show { display: none !important; } @media screen and (max-width: 749px) { .content-container--full-width-mobile { border-left: none; border-right: none; border-radius: 0; } .content-container--full-width-mobile:after { display: none; } } .global-media-settings { position: relative; border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity)); border-radius: var(--media-radius); overflow: visible !important; background-color: rgb(var(--color-background)); } .global-media-settings:after { content: ''; position: absolute; top: calc(var(--media-border-width) * -1); right: calc(var(--media-border-width) * -1); bottom: calc(var(--media-border-width) * -1); left: calc(var(--media-border-width) * -1); border-radius: var(--media-radius); box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity)); z-index: -1; pointer-events: none; } .global-media-settings--no-shadow { overflow: hidden !important; } .global-media-settings--no-shadow:after { content: none; } .global-media-settings img, .global-media-settings iframe, .global-media-settings model-viewer, .global-media-settings video, .global-media-settings .placeholder-svg { border-radius: calc(var(--media-radius) - var(--media-border-width)); } .content-container--full-width, .global-media-settings--full-width, .global-media-settings--full-width img, .global-media-settings--full-width video, .global-media-settings--full-width iframe, .global-media-settings--full-width .placeholder-svg { border-radius: 0; border-left: none; border-right: none; } @supports not (inset: 10px) { .grid { margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing)); } .grid__item { padding-left: var(--grid-mobile-horizontal-spacing); padding-bottom: var(--grid-mobile-vertical-spacing); } @media screen and (min-width: 750px) { .grid { margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing)); } .grid__item { padding-left: var(--grid-desktop-horizontal-spacing); padding-bottom: var(--grid-desktop-vertical-spacing); } } .grid--gapless .grid__item { padding-left: 0; padding-bottom: 0; } @media screen and (min-width: 749px) { .grid--peek .grid__item { padding-left: var(--grid-mobile-horizontal-spacing); } } .product-grid .grid__item { padding-bottom: var(--grid-mobile-vertical-spacing); } @media screen and (min-width: 750px) { .product-grid .grid__item { padding-bottom: var(--grid-desktop-vertical-spacing); } } } .font-body-bold { font-weight: var(--font-body-weight-bold); } @media (forced-colors: active) { .button, .shopify-challenge__button, .customer button { border: transparent solid 1px; } .button:focus-visible, .button:focus, .button.focused, .shopify-payment-button__button--unbranded:focus-visible, .shopify-payment-button [role='button']:focus-visible, .shopify-payment-button__button--unbranded:focus, .shopify-payment-button [role='button']:focus { outline: solid transparent 1px; } .field__input:focus, .select__select:focus, .customer .field input:focus, .customer select:focus, .localization-form__select:focus.localization-form__select:after { outline: transparent solid 1px; } .localization-form__select:focus { outline: transparent solid 1px; } } .shape--mask { display: block; height: 0; width: 0; } .shape--arch { clip-path: url('#Shape-Arch'); } .shape--blob { clip-path: polygon(var(--shape--blob-1)); } .shape--chevronleft { clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%); } .shape--chevronright { clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%); } .shape--circle { clip-path: circle(closest-side); } .shape--diamond { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } .shape--parallelogram { clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%); } .shape--round { clip-path: ellipse(45% 45% at 50% 50%); } .animate--fixed { clip-path: inset(0); } .animate--fixed > img:not(.zoom):not(.deferred-media__poster-button), .animate--fixed > svg:not(.zoom):not(.deferred-media__poster-button) { position: fixed; height: 100vh; } .animate--zoom-in { --zoom-in-ratio: 1; } .animate--zoom-in > img, .animate--zoom-in > .svg-wrapper { transition: scale var(--duration-short) linear; scale: var(--zoom-in-ratio); } @media (prefers-reduced-motion: no-preference) { .animate--ambient > img, .animate--ambient > .svg-wrapper { animation: animateAmbient 30s linear infinite; } @keyframes animateAmbient { 0% { transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2); } 100% { transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2); } } .scroll-trigger.animate--fade-in, .scroll-trigger.animate--slide-in { opacity: 0.01; } .scroll-trigger.animate--slide-in { transform: translateY(2rem); } .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in { opacity: 1; animation: var(--animation-fade-in); } .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in { animation: var(--animation-slide-in); animation-delay: calc(var(--animation-order) * 75ms); } .scroll-trigger.scroll-trigger--design-mode.animate--fade-in, .scroll-trigger.scroll-trigger--design-mode.animate--slide-in, .scroll-trigger.scroll-trigger--design-mode .slider, .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel { opacity: 1; animation: none; transition: none; transform: none; } .scroll-trigger.scroll-trigger--design-mode.animate--slide-in { transform: translateY(0); } @keyframes slideIn { from { transform: translateY(2rem); opacity: 0.01; } to { transform: translateY(0); opacity: 1; } } @keyframes fadeIn { from { opacity: 0.01; } to { opacity: 1; } } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .animate--hover-3d-lift .card-wrapper .card--card, .animate--hover-3d-lift .card-wrapper .card--standard .card__inner, .animate--hover-3d-lift .button:not(.button--tertiary), .animate--hover-3d-lift .shopify-challenge__button, .animate--hover-3d-lift .customer button, .animate--hover-3d-lift .shopify-payment-button__button, .animate--hover-3d-lift .deferred-media .deferred-media__poster-button { transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease; transform-origin: center; } .animate--hover-3d-lift .card-wrapper:hover .card--card, .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner, .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover, .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover, .animate--hover-3d-lift .customer button:not([disabled]):hover, .animate--hover-3d-lift .shopify-payment-button__button:hover, .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button { transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease; transform: rotate(1deg); box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05), 0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5); } .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button { transform: translate(-50%, -50%) scale(1.05); } .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card, .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner { transform: rotate(0.5deg); } .animate--hover-3d-lift .product-grid .grid__item:hover, .animate--hover-3d-lift .collection-list .grid__item:hover, .animate--hover-3d-lift .collage__item:hover, .animate--hover-3d-lift .blog-articles .article:hover, .animate--hover-3d-lift .complementary-slide li:hover { z-index: 2; } .animate--hover-3d-lift .product-grid { isolation: isolate; } .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner { box-shadow: none; transition: transform var(--duration-long) ease, filter var(--duration-long) ease; } .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner { transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease; filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15)); } .animate--hover-3d-lift .card-wrapper:hover .card--card:after, .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after, .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before { background-image: var(--easter-egg); background-size: 250px 250px; mix-blend-mode: color-dodge; pointer-events: none; z-index: 2; } .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .animate--hover-3d-lift .card-wrapper .card--card:before, .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; pointer-events: none; transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease; mix-blend-mode: overlay; background-size: 400% 100%; background-position: 90% 0; background-repeat: no-repeat; background-image: linear-gradient( 135deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 55% ); } .animate--hover-3d-lift .card-wrapper:hover .card--card:before, .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after { opacity: 0.2; transition: background-position 6s ease, opacity var(--duration-long) ease; background-position: left; z-index: 2; } :root { --easter-egg: none; --sparkle: url('./sparkle.gif'); } .animate--hover-vertical-lift .button:not(.button--tertiary), .animate--hover-vertical-lift .shopify-challenge__button, .animate--hover-vertical-lift .customer button, .animate--hover-vertical-lift .shopify-payment-button__button { transition: transform var(--duration-default) var(--ease-out-slow); } .animate--hover-vertical-lift .card-wrapper .card--card, .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner { transition: transform var(--duration-medium) var(--ease-out-slow); } .animate--hover-vertical-lift .card-wrapper:hover .card--card, .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner { transform: translateY(-0.75rem); } .animate--hover-vertical-lift .card-wrapper:active .card--card, .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner { transform: translateY(-0.5rem); } .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover, .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover, .animate--hover-vertical-lift .customer button:not([disabled]):hover, .animate--hover-vertical-lift .shopify-payment-button__button:hover { transform: translateY(-0.25rem); } .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active, .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active, .animate--hover-vertical-lift .customer button:not([disabled]):active, .animate--hover-vertical-lift .shopify-payment-button__button:active { transform: translateY(0); } .animate--hover-vertical-lift .button:not([disabled]):hover:after, .animate--hover-vertical-lift .customer button:not([disabled]):hover:after, .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after { --border-offset: 0.3px; box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background)); } .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after { --border-offset: 0px; } } .loading__spinner { position: absolute; z-index: 1; width: 1.8rem; } .loading__spinner { width: 1.8rem; display: inline-block; } .spinner { animation: rotator 1.4s linear infinite; } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: center; stroke: rgb(var(--color-foreground)); animation: dash 1.4s ease-in-out infinite; } @media screen and (forced-colors: active) { .path { stroke: CanvasText; } } @keyframes dash { 0% { stroke-dashoffset: 280; } 50% { stroke-dashoffset: 75; transform: rotate(135deg); } 100% { stroke-dashoffset: 280; transform: rotate(450deg); } } .loading__spinner:not(.hidden) + .cart-item__price-wrapper, .loading__spinner:not(.hidden) ~ cart-remove-button { opacity: 50%; } .loading__spinner:not(.hidden) ~ cart-remove-button { pointer-events: none; cursor: default; } .progress-bar-container { width: 100%; margin: auto; } .progress-bar { height: 0.13rem; width: 100%; } .progress-bar-value { width: 100%; height: 100%; background-color: rgb(var(--color-foreground)); animation: indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out; transform-origin: 0; } .progress-bar .progress-bar-value { display: block; } @keyframes indeterminateAnimation { 0% { transform: translateX(-20%) scaleX(0); } 40% { transform: translateX(30%) scaleX(0.7); } 100% { transform: translateX(100%) scaleX(0); } } .jdgm-xx { left: 0 } .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow, .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow { border-color: #8c8b8b } .jdgm-carousel-wrapper .jdgm-carousel__item-wrapper { height: 220px } .jdgm-carousel-title-and-link { width: calc(100% - 81px); margin: 0 auto 24px auto } .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel { width: calc(100% - 81px); margin: 0 auto } .jdgm-carousel-wrapper .jdgm-carousel__left-arrow { float: left; margin-left: -25px; margin-top: -132.0px } .jdgm-carousel-wrapper .jdgm-carousel__right-arrow { float: right; margin-right: -25px; margin-top: -132.0px } .jdgm-carousel-item__timestamp { display: none !important } .jdgm-carousel-item__product-title { display: none !important } .jdgm-carousel-wrapper .jdgm-carousel-item__review { height: calc(72% - 1.4em) } .jdgm-carousel-wrapper .jdgm-carousel-item__product { height: 0 } .jdgm-carousel-wrapper .jdgm-carousel-item__review { height: calc(100% - 1.4em) } .w-full{width: 100%;} .hide{display: none!important;} .text-center{text-align: center;} .c-gray{color:$color-font-sec !important;} .c-black{color:black;} .c-white{color:white !important;} .c-primary{color: $color-primary !important;} .c-se{color: #FF6F06 !important;} .c-price{color: #FF3265 !important;} .c-warn{color: #F64F33 !important;} .c-0{color:#000;} .c-1{color:#111;} .c-2{color:#222;} .c-3{color:#333;} .c-4{color:#444;} .c-5{color:#555;} .c-6{color:#666;} .c-7{color:#777;} .c-8{color:#888;} .c-9{color:#999;} .c-a{color:#aaa;} .c-b{color:#bbb;} .c-c{color:#ccc;} .c-d{color:#ddd;} .c-e{color:#eee;} .c-f{color:#fff;} .bg-primary{background-color:--color-primary !important;} .bg_{background-color:--color-primary;} .bg-white{background-color:white;} .bg-tt{background: transparent;} .ml-auto,.ml-a{margin-left: auto;} .mt-auto,.mt-a{margin-top: auto;} .m-auto,.m-auto{margin:0 auto;} .f-bold,.fw-b{font-weight: bold;} .f-i{font-style: italic;} .flex{display: flex;} .ai-stretch{align-items: stretch; } .ai-start{align-items: start; } .ai-c{align-items: center; } .ai-fe{align-items: flex-end; } .ai-b{align-items: baseline; } .jc-c{justify-content: center; } .jc-fe{justify-content: flex-end; } .jc-b{justify-content: space-between; } .jc-a{justify-content: space-around; } .as-fe{align-self: flex-end; } .flex.wrap{flex-wrap: wrap;} .flex.nowrap{flex-wrap: nowrap;} .lh-1{line-height: 1 !important;} .button--full-width{width: 100% !important;}/*theme.css*/audio,canvas,progress,video { display: inline-block; vertical-align: baseline } @keyframes preloading { 0% { opacity: 0; transform: scaleX(0); transform-origin: 0% 50% } 40% { opacity: 1; transform: scaleX(1); transform-origin: 0% 50% } 41% { opacity: 1; transform: scaleX(1); transform-origin: 100% 50% } to { opacity: 1; transform: scaleX(0); transform-origin: 100% 50% } } @keyframes slideshowBars { 0% { transform: translate(-100%) } to { transform: translate(0) } } @keyframes grid-product__loading { 0% { opacity: 1 } 60% { opacity: 0 } to { opacity: 1 } } @keyframes shine { to { left: -200% } } @keyframes overlay-on { 0% { opacity: 0 } to { opacity: .6 } } @keyframes overlay-off { 0% { opacity: .6 } to { opacity: 0 } } @keyframes full-overlay-on { 0% { opacity: 0 } to { opacity: 1 } } @keyframes full-overlay-off { 0% { opacity: 1 } to { opacity: 0 } } @keyframes modal-open { 0% { opacity: 0; transform: translateY(30px) } to { opacity: 1; transform: translateY(0) } } @keyframes modal-closing { 0% { opacity: 1; transform: scale(1) } to { opacity: 0; transform: scale(.9) } } @keyframes rise-up { 0% { opacity: 1; transform: translateY(120%) } to { opacity: 1; transform: translateY(0) } } @keyframes rise-up-out { 0% { opacity: 1; transform: translateY(0) } to { opacity: 1; transform: translateY(-120%) } } @keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } } @keyframes zoom-fade { 0% { opacity: 0; transform: scale(1.3) } to { opacity: 1; transform: scale(1) } } @keyframes placeholder-shimmer { 0% { background-position: -150% 0 } to { background-position: 150% 0 } } @media only screen and (max-width: 768px) { .small--show { display:block!important } .small--hide { display: none!important } .small--text-left { text-align: left!important } .small--text-right { text-align: right!important } .small--text-center { text-align: center!important } } @media only screen and (max-width: 959px) { .medium-down--show { display:block!important } .medium-down--hide { display: none!important } .medium-down--text-left { text-align: left!important } .medium-down--text-right { text-align: right!important } .medium-down--text-center { text-align: center!important } } @media only screen and (min-width: 769px) { .medium-up--show { display:block } .medium-up--hide { display: none!important } .medium-up--text-left { text-align: left!important } .medium-up--text-right { text-align: right!important } .medium-up--text-center { text-align: center!important } } body { font-weight: var(--typeBaseWeight); } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { display: block; margin: 0 0 10px } @media only screen and (min-width: 769px) { .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { margin:0 0 15px } } .h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight: inherit; -webkit-text-decoration: none; text-decoration: none } .h1,.h2,.h3,h1,h2,h3 { font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight: var(--typeHeaderWeight); letter-spacing: var(--typeHeaderSpacing); line-height: var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .h1,[data-type_header_capitalize=true] .h2,[data-type_header_capitalize=true] .h3,[data-type_header_capitalize=true] h1,[data-type_header_capitalize=true] h2,[data-type_header_capitalize=true] h3 { text-transform: uppercase } .h1,h1 { font-size: calc(var(--typeHeaderSize)*.85) } .h2,h2 { font-size: calc(var(--typeHeaderSize)*.73) } .h3,h3 { font-size: calc(var(--typeHeaderSize)*.62) } @media only screen and (min-width: 769px) { .h1,h1 { font-size:var(--typeHeaderSize) } .h2,h2 { font-size: calc(var(--typeHeaderSize)*.85) } .h3,h3 { font-size: calc(var(--typeHeaderSize)*.65) } } .h4,h4 { font-size: .8em; letter-spacing: .3em; text-transform: uppercase } .h5,.h6,h5,h6 { font-size: .75em; letter-spacing: .15em; margin-bottom: 10px; text-transform: uppercase } @media only screen and (max-width: 768px) { .h5,.h6,h5,h6 { margin-bottom:5px } } .text-link,a { background: transparent; color: var(--colorTextBody); -webkit-text-decoration: none; text-decoration: none } p { margin: 0 0 15px } .footer__section { margin-bottom: 15px } @media only screen and (min-width: 769px) { .footer__section { margin-bottom:0; margin-top: 30px } } ol,ul { margin: 0 0 15px 30px; padding: 0; text-rendering: optimizeLegibility } body, html { margin: 0; padding: 0; } .faux-select,body,button,input,select,textarea { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-family: var(--typeBasePrimary),var(--typeBaseFallback); font-size: calc(var(--typeBaseSize)*.92); letter-spacing: var(--typeBaseSpacing); line-height: var(--typeBaseLineHeight); text-rendering: optimizeSpeed } .variant__button-label, .btn, .product-reviews .spr-button, .product-reviews .spr-summary-actions a, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded ,.button{ border-radius: 4px; } .btn--secondary.btn--small { font-weight: 400; } .variant__button-label, .btn, .product-reviews .spr-button, .product-reviews .spr-summary-actions a, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded { border-radius: 4px; } .btn--small { background-position: 150% 45%; font-size: calc(var(--typeBaseSize) - 6px); font-size: max(calc(var(--typeBaseSize) - 6px), 12px); min-width: 90px; padding: 8px 14px; } .btn--secondary, .rte .btn--secondary { background-color: transparent; border: 1px solid; border-color: var(--colorBorder); color: var(--colorTextBody); border-radius: 20px !important; } .form-vertical label { text-align: left; } .form-vertical input,.form-vertical select,.form-vertical textarea { display: block; margin-bottom: 30px } .form-vertical .btn,.form-vertical input[type=checkbox],.form-vertical input[type=radio] { display: inline-block } .form-vertical .btn:not(:last-child) { margin-bottom: 30px } [data-center-text=true] .form-vertical { text-align: center; } button { background: none; border: none; cursor: pointer; display: inline-block; padding-block-end: unset; padding-block-start: unset; } .no-bullets { list-style: none outside; margin-left: 0 } .inline-list { margin: 0; padding: 0 } .inline-list li { display: inline-block; margin-bottom: 0; vertical-align: middle } .hidden-label { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } label[for] { cursor: pointer } label,.label-info { display: block; margin-bottom: 10px } .hr--large { margin: 30px auto } @media only screen and (min-width: 769px) { .hr--large { margin:45px auto } } .hr--large,.hr--medium,.hr--small,hr { border: 0; border-top: 1px solid; border-top-color: var(--colorBorder); height: 1px } .hr--clear { border: 0 } .page-width { margin: 0 auto; max-width: 1500px } .page-full,.page-width { padding: 0 12px } @media only screen and (min-width: 769px) { .page-full,.page-width { padding:0 40px } } .page-width--narrow { max-width: 1000px } .page-width--tiny { max-width: 450px } @media only screen and (max-width: 768px) { .page-width--flush-small { padding:0 } } .page-content,.shopify-email-marketing-confirmation__container,.shopify-policy__container { padding-bottom: 40px; padding-top: 40px } @media only screen and (min-width: 769px) { .page-content,.shopify-email-marketing-confirmation__container,.shopify-policy__container { padding-bottom:75px; padding-top: 75px } } .shopify-email-marketing-confirmation__container { text-align: center } .page-content--top,.page-content--with-blocks { padding-bottom: 0 } .page-content--bottom { padding-top: 0 } .main-content { display: block; min-height: 300px } @media only screen and (min-width: 769px) { .main-content { min-height:700px } } .template-challange .main-content { min-height: 0 } html:not(.no-js):not(.tab-outline) :focus { outline: none } .is-transitioning { display: block!important; visibility: visible!important } .text-spacing,.text-spacing.rte:last-child { margin-bottom: 15px } div.article__date,h1.section-header__title,div.article__author,div.article__body.rte>h1,div.article__body.rte>h2,div.article__body.rte>h3,div.article__body.rte>h4,div.article__body.rte>h5,div.article__body.rte>h6 { font-family: Roboto,sans-serif!important } button { color: currentColor; overflow: visible } button[disabled],html input[disabled] { cursor: default } .btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded,.spr-container .spr-button,.spr-container .spr-summary-actions a { -webkit-appearance: none; -moz-appearance: none; background: var(--colorBtnPrimary); border: 1px solid transparent; border-radius: var(--buttonRadius); color: var(--colorBtnPrimaryText); cursor: pointer; display: inline-block; font-size: 13px; font-weight: 700; line-height: 1.42; margin: 0; min-width: 90px; padding: 11px 20px; text-align: center; -webkit-text-decoration: none; text-decoration: none; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: middle; white-space: normal; width: auto } @media only screen and (max-width: 768px) { .btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded,.spr-container .spr-button,.spr-container .spr-summary-actions a { font-size: 12px; line-height: 20px; padding: 9px 17px; font-weight: normal; } } .btn:hover,.rte .btn:hover,.shopify-payment-button .shopify-payment-button__button--unbranded:hover,.spr-container .spr-button:hover,.spr-container .spr-summary-actions a:hover { background-color: var(--colorBtnPrimary); color: var(--colorBtnPrimaryText) } .btn.disabled,.btn[disabled],.rte .btn.disabled,.rte .btn[disabled],.shopify-payment-button .shopify-payment-button__button--unbranded.disabled,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled],.spr-container .spr-button.disabled,.spr-container .spr-button[disabled],.spr-container .spr-summary-actions a.disabled,.spr-container .spr-summary-actions a[disabled] { background-color: #f6f6f6; color: #b6b6b6; cursor: default } .btn.disabled:hover,.btn[disabled]:hover,.rte .btn.disabled:hover,.rte .btn[disabled]:hover,.shopify-payment-button .shopify-payment-button__button--unbranded.disabled:hover,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:hover,.spr-container .spr-button.disabled:hover,.spr-container .spr-button[disabled]:hover,.spr-container .spr-summary-actions a.disabled:hover,.spr-container .spr-summary-actions a[disabled]:hover { background-color: #f6f6f6; color: #b6b6b6 } [data-button_style=angled] .btn.disabled:after,[data-button_style=angled] .btn.disabled:before,[data-button_style=angled] .btn[disabled]:after,[data-button_style=angled] .btn[disabled]:before,[data-button_style=angled] .rte .btn.disabled:after,[data-button_style=angled] .rte .btn.disabled:before,[data-button_style=angled] .rte .btn[disabled]:after,[data-button_style=angled] .rte .btn[disabled]:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.disabled:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.disabled:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:before,[data-button_style=angled] .spr-container .spr-button.disabled:after,[data-button_style=angled] .spr-container .spr-button.disabled:before,[data-button_style=angled] .spr-container .spr-button[disabled]:after,[data-button_style=angled] .spr-container .spr-button[disabled]:before,[data-button_style=angled] .spr-container .spr-summary-actions a.disabled:after,[data-button_style=angled] .spr-container .spr-summary-actions a.disabled:before,[data-button_style=angled] .spr-container .spr-summary-actions a[disabled]:after,[data-button_style=angled] .spr-container .spr-summary-actions a[disabled]:before { background-color: #f6f6f6; border-bottom: 1px solid; border-bottom-color: #b6b6b6; border-top: 1px solid; border-top-color: #b6b6b6 } [data-button_style=angled] .btn,[data-button_style=angled] .rte .btn,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded,[data-button_style=angled] .spr-container .spr-button,[data-button_style=angled] .spr-container .spr-summary-actions a { border: 0; margin-left: 10px; margin-right: 10px; position: relative } [data-button_style=angled] .btn:after,[data-button_style=angled] .btn:before,[data-button_style=angled] .rte .btn:after,[data-button_style=angled] .rte .btn:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:before,[data-button_style=angled] .spr-container .spr-button:after,[data-button_style=angled] .spr-container .spr-button:before,[data-button_style=angled] .spr-container .spr-summary-actions a:after,[data-button_style=angled] .spr-container .spr-summary-actions a:before { background-color: inherit; bottom: 0; content: ""; display: block; position: absolute; top: 0; transform: skew(-12deg); width: 20px } [data-button_style=angled] .btn:before,[data-button_style=angled] .rte .btn:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:before,[data-button_style=angled] .spr-container .spr-button:before,[data-button_style=angled] .spr-container .spr-summary-actions a:before { left: -6px } [data-button_style=angled] .btn:after,[data-button_style=angled] .rte .btn:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:after,[data-button_style=angled] .spr-container .spr-button:after,[data-button_style=angled] .spr-container .spr-summary-actions a:after { right: -6px } [data-button_style=angled] .btn.btn--small:before,[data-button_style=angled] .rte .btn.btn--small:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.btn--small:before,[data-button_style=angled] .spr-container .spr-button.btn--small:before,[data-button_style=angled] .spr-container .spr-summary-actions a.btn--small:before { left: -5px } [data-button_style=angled] .btn.btn--small:after,[data-button_style=angled] .rte .btn.btn--small:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.btn--small:after,[data-button_style=angled] .spr-container .spr-button.btn--small:after,[data-button_style=angled] .spr-container .spr-summary-actions a.btn--small:after { right: -5px } [data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static) { overflow: hidden; position: relative; transition: background .2s ease 0s } [data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after { background-image: linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent); content: ""; height: 100%; left: 150%; position: absolute; top: 0; transform: skew(-20deg); width: 200% } [data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after { animation: shine .75s cubic-bezier(.01,.56,1,1) } [data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover { background: var(--colorBtnPrimaryLight); transition-delay: .25s } [data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active { background: var(--colorBtnPrimary); transition-delay: 0s } .shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]) { background-color: var(--colorBtnPrimary); color: var(--colorBtnPrimaryText) } .shopify-payment-button__more-options { color: inherit } .btn--secondary,.rte .btn--secondary { background-color: transparent; border: 1px solid; border-color: var(--colorBorder); color: var(--colorTextBody) } [data-button_style=angled] .btn--secondary,[data-button_style=angled] .rte .btn--secondary { border-bottom: 1px solid; border-bottom-color: var(--colorBorder); border-left: 0; border-right: 0; border-top: 1px solid; border-top-color: var(--colorBorder) } [data-button_style=angled] .btn--secondary:after,[data-button_style=angled] .btn--secondary:before,[data-button_style=angled] .rte .btn--secondary:after,[data-button_style=angled] .rte .btn--secondary:before { background-color: transparent; bottom: -1px; top: -1px } [data-button_style=angled] .btn--secondary:before,[data-button_style=angled] .rte .btn--secondary:before { border-bottom: 1px solid; border-bottom-color: var(--colorBorder); border-left: 1px solid; border-left-color: var(--colorBorder) } [data-button_style=angled] .btn--secondary:after,[data-button_style=angled] .rte .btn--secondary:after { border-right: 1px solid; border-right-color: var(--colorBorder); border-top: 1px solid; border-top-color: var(--colorBorder) } .btn--secondary:hover,.rte .btn--secondary:hover { background-color: transparent; border-color: var(--colorTextBody); color: var(--colorTextBody); transition: border .3s ease } .btn--secondary:hover:before,.rte .btn--secondary:hover:before { border-color: var(--colorTextBody); transition: border .3s ease } .btn--secondary:hover:after,.rte .btn--secondary:hover:after { border-color: var(--colorTextBody); transition: border .3s ease } .btn--tertiary,.rte .btn--tertiary { background-color: transparent; border: 1px solid; border-color: var(--colorBorder); color: var(--colorTextBody); font-weight: 400; letter-spacing: normal; padding: 8px 10px; text-transform: none; white-space: nowrap } .btn--tertiary:hover,.rte .btn--tertiary:hover { background-color: transparent; color: var(--colorTextBody) } .btn--tertiary.disabled,.btn--tertiary[disabled],.rte .btn--tertiary.disabled,.rte .btn--tertiary[disabled] { background-color: #f6f6f6; border-color: #b6b6b6; color: #b6b6b6; cursor: default } [data-button_style=angled] .btn--tertiary,[data-button_style=angled] .rte .btn--tertiary { margin-left: 0; margin-right: 0 } [data-button_style=angled] .btn--tertiary:after,[data-button_style=angled] .btn--tertiary:before,[data-button_style=angled] .rte .btn--tertiary:after,[data-button_style=angled] .rte .btn--tertiary:before { content: none } .btn--tertiary-active { background: var(--colorBtnPrimary); border-color: var(--colorBtnPrimary); color: var(--colorBtnPrimaryText) } .btn--tertiary-active:hover { background: var(--colorBtnPrimary); color: var(--colorBtnPrimaryText) } .btn--body,.btn--body:active,.btn--body:hover { background-color: var(--colorBody); border: 1px solid; border-color: var(--colorBorder); color: var(--colorTextBody) } .btn--circle { border-radius: 50%; line-height: 1; min-width: 0; padding: 10px } .btn--circle .icon { height: 20px; width: 20px } .btn--circle:after,.btn--circle:before { background: none; content: none; width: auto } .btn--circle.btn--large .icon { height: 30px; width: 30px } .btn--circle.btn--large { padding: 15px } [data-button_style=angled] .btn--circle { border: 1px solid; border-color: var(--colorBorder) } [data-button_style=angled] .btn--circle:after,[data-button_style=angled] .btn--circle:before { display: none } .btn--small { background-position: 150% 45%; font-size: calc(var(--typeBaseSize) - 6px); font-size: max(calc(var(--typeBaseSize) - 6px),12px); min-width: 90px; padding: 8px 14px } [data-button_style=angled] .btn--small { margin-left: 10px; padding-left: 16px; padding-right: 16px } .btn--secondary.btn--small { font-weight: 400 } .btn--large { padding: 15px 20px } .btn--full { padding: 13px 20px; transition: none; width: 100% } [data-button_style=angled] .btn--full,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded { max-width: 94% } .btn--inverse { background-color: transparent; border: 2px solid #fff; color: #fff } .btn--inverse:focus,.btn--inverse:hover { background-color: transparent } [data-button_style=angled] .btn--inverse { border-bottom: 2px solid; border-left: 0; border-right: 0; border-top: 2px solid } [data-button_style=angled] .btn--inverse:after,[data-button_style=angled] .btn--inverse:before { background-color: transparent; border-color: #fff; bottom: -2px; top: -2px } [data-button_style=angled] .btn--inverse:before { border-bottom: 2px solid; border-left: 2px solid } [data-button_style=angled] .btn--inverse:after { border-right: 2px solid; border-top: 2px solid } .hero__link .btn--inverse { border-color: var(--colorHeroText); color: var(--colorHeroText) } [data-button_style=angled] .hero__link .btn--inverse:before { border-color: var(--colorHeroText) } [data-button_style=angled] .hero__link .btn--inverse:after { border-color: var(--colorHeroText) } .btn--loading { background-color: var(--colorBtnPrimaryDim); color: var(--colorBtnPrimaryDim); position: relative; text-indent: -9999px } .btn--loading:active,.btn--loading:hover { background-color: var(--colorBtnPrimaryDim); color: var(--colorBtnPrimaryDim) } .btn--loading:before { animation: spin 1s linear infinite; border: 3px solid; border-color: var(--colorBtnPrimaryText); border-radius: 50%; border-top-color: transparent; content: ""; display: block; height: 24px; left: 50%; margin-left: -12px; margin-top: -12px; position: absolute; top: 50%; width: 24px } [data-button_style=angled] .btn--loading:before { border-color: var(--colorBtnPrimaryText)!important; border-top-color: transparent!important } [data-button_style=angled] .btn--loading:before { border: 3px solid; height: 24px; left: 50%; top: 50%; transform: none; width: 24px } [data-button_style=angled] .btn--loading:after { background-color: var(--colorBtnPrimaryDim) } [data-button_style=angled] .btn--loading.btn--secondary:after { bottom: 1px } .btn--loading.btn--secondary { background: transparent; color: var(--colorTextBody) } .btn--loading.btn--secondary:before { border-color: var(--colorTextBody); border-top-color: transparent } input,select,textarea { background-color: inherit; color: inherit; } input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled] { background-color: #f6f6f6; border-color: transparent } input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus { border: 1px solid; border-color: var(--colorTextBody) } input[type=image] { background-color: transparent } input,select,textarea { border: 1px solid; border-color: var(--colorBorder); border-radius: 0; max-width: 100%; padding: 8px 10px } input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled] { border-color: #b6b6b6; cursor: default } input.input-full,select.input-full,textarea.input-full { width: 100% } textarea { min-height: 100px } input[type=checkbox],input[type=radio] { margin: 0 10px 0 0; padding: 0; width: auto } input[type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox } input[type=radio] { -webkit-appearance: radio; -moz-appearance: radio } input[type=image] { padding-left: 0; padding-right: 0 } .input-group { display: flex } .input-group .input-group-btn:first-child .btn,.input-group .input-group-field:first-child,.input-group input[type=hidden]:first-child+.input-group-field { border-radius: 0 } .input-group .input-group-field:last-child { border-radius: 0 } .input-group .input-group-btn:first-child .btn,.input-group input[type=hidden]:first-child+.input-group-btn .btn { border-radius: var(--buttonRadius) 0 0 var(--buttonRadius) } .input-group .input-group-btn:last-child .btn { border-radius: 0 var(--buttonRadius) var(--buttonRadius) 0 } .input-group input::-moz-focus-inner { border: 0; margin-bottom: -1px; margin-top: -1px; padding: 0 } .input-group-field { flex: 1 1 auto; margin: 0; min-width: 0 } .input-group-btn { display: flex; flex: 0 1 auto; margin: 0 } .input-group-btn .icon { vertical-align: initial } [data-button_style=angled] .input-group-btn { left: -8px; position: relative } .faux-select,select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; color: inherit; cursor: pointer; padding-right: 28px; text-indent: .01px; text-overflow: "" } .faux-select .icon { height: 11px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 11px } .return-link .icon { margin-right: 8px; width: 20px } .multi-selectors { align-items: center; display: flex; flex-wrap: wrap; justify-content: center } .multi-selectors__item { margin: 0 20px 10px } @media only screen and (max-width: 768px) { .multi-selectors__item { margin:10px 20px } } .toolbar .multi-selectors__item { margin-bottom: 0; margin-right: 0 } .countdown__background-image-wrapper image-element,.fading-images__item-wrapper image-element,.grid__image-ratio image-element,.image-wrap image-element,.social-section__image-wrapper image-element,.svg-mask image-element { height: 100%; left: 0; position: absolute; top: 0; width: 100% } img { border: 0 none; display: block; max-width: 100% } .image-element { opacity: 0 } .image-element[loading=eager],.template-giftcard .image-element { opacity: 1 } .aos-animate[data-aos=image-fade-in] .image-element { animation: fade-in .5s cubic-bezier(.29,.65,.58,1) forwards } .aos-animate[data-aos=image-fade-in] .image-element.loader-logo__img { animation: pulse-fade .4s linear infinite } [data-animate_images=false] .aos-animate[data-aos=image-fade-in] .image-element,[data-media-gallery-layout=stacked] .aos-animate[data-aos=image-fade-in] .image-element { animation: none; opacity: 1 } .aos-animate[data-aos=image-fade-in] .image-element.scheme-image,.aos-animate[data-aos=image-fade-in] .image-element.hero__image { animation: none } .no-js .image-element { opacity: 1 } .image-wrap img { height: auto; -o-object-fit: cover; object-fit: cover; width: 100% } .image-wrap { background: var(--colorSmallImageBg); overflow: hidden; position: relative } .image-wrap .animate-me,.image-wrap svg { opacity: 0 } .no-js .image-wrap .animate-me,.no-js .image-wrap svg { opacity: 1 } .aos-animate .image-wrap .animate-me,.aos-animate .image-wrap svg { animation: fade-in 1s cubic-bezier(.26,.54,.32,1) 0s forwards } .aos-animate[data-aos=row-of-3]:nth-child(3n+2) .image-wrap img { animation-delay: .15s } .aos-animate[data-aos=row-of-3]:nth-child(3n+3) .image-wrap img { animation-delay: .3s } .aos-animate[data-aos=row-of-4]:nth-child(4n+2) .image-wrap img { animation-delay: .12s } .aos-animate[data-aos=row-of-4]:nth-child(4n+3) .image-wrap img { animation-delay: .24s } .aos-animate[data-aos=row-of-4]:nth-child(4n+4) .image-wrap img { animation-delay: .36s } .aos-animate[data-aos=row-of-5]:nth-child(5n+2) .image-wrap img { animation-delay: 75ms } .aos-animate[data-aos=row-of-5]:nth-child(5n+3) .image-wrap img { animation-delay: .15s } .aos-animate[data-aos=row-of-5]:nth-child(5n+4) .image-wrap img { animation-delay: 225ms } .aos-animate[data-aos=row-of-5]:nth-child(5n+5) .image-wrap img { animation-delay: .3s } .aos-animate[data-aos=row-of-6]:nth-child(6n+2) .image-wrap img { animation-delay: 50ms } .aos-animate[data-aos=row-of-6]:nth-child(6n+3) .image-wrap img { animation-delay: .1s } .aos-animate[data-aos=row-of-6]:nth-child(6n+4) .image-wrap img { animation-delay: .15s } .aos-animate[data-aos=row-of-6]:nth-child(6n+5) .image-wrap img { animation-delay: .2s } .aos-animate[data-aos=row-of-6]:nth-child(6n+6) .image-wrap img { animation-delay: .25s } .aos-animate[data-aos=row-of-3]:nth-child(3n+2) .collection-image { animation-delay: .15s } .aos-animate[data-aos=row-of-3]:nth-child(3n+3) .collection-image { animation-delay: .3s } .aos-animate[data-aos=row-of-4]:nth-child(4n+2) .collection-image { animation-delay: .12s } .aos-animate[data-aos=row-of-4]:nth-child(4n+3) .collection-image { animation-delay: .24s } .aos-animate[data-aos=row-of-4]:nth-child(4n+4) .collection-image { animation-delay: .36s } .aos-animate[data-aos=row-of-5]:nth-child(5n+2) .collection-image { animation-delay: 75ms } .aos-animate[data-aos=row-of-5]:nth-child(5n+3) .collection-image { animation-delay: .15s } .aos-animate[data-aos=row-of-5]:nth-child(5n+4) .collection-image { animation-delay: 225ms } .aos-animate[data-aos=row-of-5]:nth-child(5n+5) .collection-image { animation-delay: .3s } .aos-animate[data-aos=row-of-6]:nth-child(6n+2) .collection-image { animation-delay: 50ms } .aos-animate[data-aos=row-of-6]:nth-child(6n+3) .collection-image { animation-delay: .1s } .aos-animate[data-aos=row-of-6]:nth-child(6n+4) .collection-image { animation-delay: .15s } .aos-animate[data-aos=row-of-6]:nth-child(6n+5) .collection-image { animation-delay: .2s } .aos-animate[data-aos=row-of-6]:nth-child(6n+6) .collection-image { animation-delay: .25s } .aos-animate[data-aos=image-fade-in] .image-element { animation: fade-in .5s cubic-bezier(.29,.65,.58,1) forwards } .aos-animate[data-aos=image-fade-in] .image-element.loader-logo__img { animation: pulse-fade .4s linear infinite } [data-animate_images=false] .aos-animate[data-aos=image-fade-in] .image-element,[data-media-gallery-layout=stacked] .aos-animate[data-aos=image-fade-in] .image-element { animation: none; opacity: 1 } .aos-animate[data-aos=image-fade-in] .image-element.scheme-image,.aos-animate[data-aos=image-fade-in] .image-element.hero__image { animation: none } .grid-product__price { color: var(--colorPrice); font-size: calc(var(--typeBaseSize)*.85); margin-top: 5px } .grid-product__price--original { margin-right: 5px; -webkit-text-decoration: line-through; text-decoration: line-through } .grid-product__price--savings { color: var(--colorTextSavings); margin-left: 5px; white-space: nowrap } svg.icon-bag circle,svg.icon-bag ellipse,svg.icon-bag g,svg.icon-bag line,svg.icon-bag path,svg.icon-bag polygon,svg.icon-bag polyline,svg.icon-bag rect,svg.icon-bag-minimal circle,svg.icon-bag-minimal ellipse,svg.icon-bag-minimal g,svg.icon-bag-minimal line,svg.icon-bag-minimal path,svg.icon-bag-minimal polygon,svg.icon-bag-minimal polyline,svg.icon-bag-minimal rect,svg.icon-cart circle,svg.icon-cart ellipse,svg.icon-cart g,svg.icon-cart line,svg.icon-cart path,svg.icon-cart polygon,svg.icon-cart polyline,svg.icon-cart rect,svg.icon-chevron-down circle,svg.icon-chevron-down ellipse,svg.icon-chevron-down g,svg.icon-chevron-down line,svg.icon-chevron-down path,svg.icon-chevron-down polygon,svg.icon-chevron-down polyline,svg.icon-chevron-down rect,svg.icon-circle-checkmark circle,svg.icon-circle-checkmark ellipse,svg.icon-circle-checkmark g,svg.icon-circle-checkmark line,svg.icon-circle-checkmark path,svg.icon-circle-checkmark polygon,svg.icon-circle-checkmark polyline,svg.icon-circle-checkmark rect,svg.icon-close circle,svg.icon-close ellipse,svg.icon-close g,svg.icon-close line,svg.icon-close path,svg.icon-close polygon,svg.icon-close polyline,svg.icon-close rect,svg.icon-email circle,svg.icon-email ellipse,svg.icon-email g,svg.icon-email line,svg.icon-email path,svg.icon-email polygon,svg.icon-email polyline,svg.icon-email rect,svg.icon-filter circle,svg.icon-filter ellipse,svg.icon-filter g,svg.icon-filter line,svg.icon-filter path,svg.icon-filter polygon,svg.icon-filter polyline,svg.icon-filter rect,svg.icon-gift circle,svg.icon-gift ellipse,svg.icon-gift g,svg.icon-gift line,svg.icon-gift path,svg.icon-gift polygon,svg.icon-gift polyline,svg.icon-gift rect,svg.icon-globe circle,svg.icon-globe ellipse,svg.icon-globe g,svg.icon-globe line,svg.icon-globe path,svg.icon-globe polygon,svg.icon-globe polyline,svg.icon-globe rect,svg.icon-hamburger circle,svg.icon-hamburger ellipse,svg.icon-hamburger g,svg.icon-hamburger line,svg.icon-hamburger path,svg.icon-hamburger polygon,svg.icon-hamburger polyline,svg.icon-hamburger rect,svg.icon-heart circle,svg.icon-heart ellipse,svg.icon-heart g,svg.icon-heart line,svg.icon-heart path,svg.icon-heart polygon,svg.icon-heart polyline,svg.icon-heart rect,svg.icon-leaf circle,svg.icon-leaf ellipse,svg.icon-leaf g,svg.icon-leaf line,svg.icon-leaf path,svg.icon-leaf polygon,svg.icon-leaf polyline,svg.icon-leaf rect,svg.icon-lock circle,svg.icon-lock ellipse,svg.icon-lock g,svg.icon-lock line,svg.icon-lock path,svg.icon-lock polygon,svg.icon-lock polyline,svg.icon-lock rect,svg.icon-package circle,svg.icon-package ellipse,svg.icon-package g,svg.icon-package line,svg.icon-package path,svg.icon-package polygon,svg.icon-package polyline,svg.icon-package rect,svg.icon-phone circle,svg.icon-phone ellipse,svg.icon-phone g,svg.icon-phone line,svg.icon-phone path,svg.icon-phone polygon,svg.icon-phone polyline,svg.icon-phone rect,svg.icon-ribbon circle,svg.icon-ribbon ellipse,svg.icon-ribbon g,svg.icon-ribbon line,svg.icon-ribbon path,svg.icon-ribbon polygon,svg.icon-ribbon polyline,svg.icon-ribbon rect,svg.icon-search circle,svg.icon-search ellipse,svg.icon-search g,svg.icon-search line,svg.icon-search path,svg.icon-search polygon,svg.icon-search polyline,svg.icon-search rect,svg.icon-shield circle,svg.icon-shield ellipse,svg.icon-shield g,svg.icon-shield line,svg.icon-shield path,svg.icon-shield polygon,svg.icon-shield polyline,svg.icon-shield rect,svg.icon-size-chart circle,svg.icon-size-chart ellipse,svg.icon-size-chart g,svg.icon-size-chart line,svg.icon-size-chart path,svg.icon-size-chart polygon,svg.icon-size-chart polyline,svg.icon-size-chart rect,svg.icon-tag circle,svg.icon-tag ellipse,svg.icon-tag g,svg.icon-tag line,svg.icon-tag path,svg.icon-tag polygon,svg.icon-tag polyline,svg.icon-tag rect,svg.icon-tcwi-bills circle,svg.icon-tcwi-bills ellipse,svg.icon-tcwi-bills g,svg.icon-tcwi-bills line,svg.icon-tcwi-bills path,svg.icon-tcwi-bills polygon,svg.icon-tcwi-bills polyline,svg.icon-tcwi-bills rect,svg.icon-tcwi-calendar circle,svg.icon-tcwi-calendar ellipse,svg.icon-tcwi-calendar g,svg.icon-tcwi-calendar line,svg.icon-tcwi-calendar path,svg.icon-tcwi-calendar polygon,svg.icon-tcwi-calendar polyline,svg.icon-tcwi-calendar rect,svg.icon-tcwi-cart circle,svg.icon-tcwi-cart ellipse,svg.icon-tcwi-cart g,svg.icon-tcwi-cart line,svg.icon-tcwi-cart path,svg.icon-tcwi-cart polygon,svg.icon-tcwi-cart polyline,svg.icon-tcwi-cart rect,svg.icon-tcwi-charity circle,svg.icon-tcwi-charity ellipse,svg.icon-tcwi-charity g,svg.icon-tcwi-charity line,svg.icon-tcwi-charity path,svg.icon-tcwi-charity polygon,svg.icon-tcwi-charity polyline,svg.icon-tcwi-charity rect,svg.icon-tcwi-chat circle,svg.icon-tcwi-chat ellipse,svg.icon-tcwi-chat g,svg.icon-tcwi-chat line,svg.icon-tcwi-chat path,svg.icon-tcwi-chat polygon,svg.icon-tcwi-chat polyline,svg.icon-tcwi-chat rect,svg.icon-tcwi-gears circle,svg.icon-tcwi-gears ellipse,svg.icon-tcwi-gears g,svg.icon-tcwi-gears line,svg.icon-tcwi-gears path,svg.icon-tcwi-gears polygon,svg.icon-tcwi-gears polyline,svg.icon-tcwi-gears rect,svg.icon-tcwi-gift circle,svg.icon-tcwi-gift ellipse,svg.icon-tcwi-gift g,svg.icon-tcwi-gift line,svg.icon-tcwi-gift path,svg.icon-tcwi-gift polygon,svg.icon-tcwi-gift polyline,svg.icon-tcwi-gift rect,svg.icon-tcwi-globe circle,svg.icon-tcwi-globe ellipse,svg.icon-tcwi-globe g,svg.icon-tcwi-globe line,svg.icon-tcwi-globe path,svg.icon-tcwi-globe polygon,svg.icon-tcwi-globe polyline,svg.icon-tcwi-globe rect,svg.icon-tcwi-open-envelope circle,svg.icon-tcwi-open-envelope ellipse,svg.icon-tcwi-open-envelope g,svg.icon-tcwi-open-envelope line,svg.icon-tcwi-open-envelope path,svg.icon-tcwi-open-envelope polygon,svg.icon-tcwi-open-envelope polyline,svg.icon-tcwi-open-envelope rect,svg.icon-tcwi-package circle,svg.icon-tcwi-package ellipse,svg.icon-tcwi-package g,svg.icon-tcwi-package line,svg.icon-tcwi-package path,svg.icon-tcwi-package polygon,svg.icon-tcwi-package polyline,svg.icon-tcwi-package rect,svg.icon-tcwi-phone circle,svg.icon-tcwi-phone ellipse,svg.icon-tcwi-phone g,svg.icon-tcwi-phone line,svg.icon-tcwi-phone path,svg.icon-tcwi-phone polygon,svg.icon-tcwi-phone polyline,svg.icon-tcwi-phone rect,svg.icon-tcwi-plant circle,svg.icon-tcwi-plant ellipse,svg.icon-tcwi-plant g,svg.icon-tcwi-plant line,svg.icon-tcwi-plant path,svg.icon-tcwi-plant polygon,svg.icon-tcwi-plant polyline,svg.icon-tcwi-plant rect,svg.icon-tcwi-recycle circle,svg.icon-tcwi-recycle ellipse,svg.icon-tcwi-recycle g,svg.icon-tcwi-recycle line,svg.icon-tcwi-recycle path,svg.icon-tcwi-recycle polygon,svg.icon-tcwi-recycle polyline,svg.icon-tcwi-recycle rect,svg.icon-tcwi-ribbon circle,svg.icon-tcwi-ribbon ellipse,svg.icon-tcwi-ribbon g,svg.icon-tcwi-ribbon line,svg.icon-tcwi-ribbon path,svg.icon-tcwi-ribbon polygon,svg.icon-tcwi-ribbon polyline,svg.icon-tcwi-ribbon rect,svg.icon-tcwi-sales-tag circle,svg.icon-tcwi-sales-tag ellipse,svg.icon-tcwi-sales-tag g,svg.icon-tcwi-sales-tag line,svg.icon-tcwi-sales-tag path,svg.icon-tcwi-sales-tag polygon,svg.icon-tcwi-sales-tag polyline,svg.icon-tcwi-sales-tag rect,svg.icon-tcwi-shield circle,svg.icon-tcwi-shield ellipse,svg.icon-tcwi-shield g,svg.icon-tcwi-shield line,svg.icon-tcwi-shield path,svg.icon-tcwi-shield polygon,svg.icon-tcwi-shield polyline,svg.icon-tcwi-shield rect,svg.icon-tcwi-stopwatch circle,svg.icon-tcwi-stopwatch ellipse,svg.icon-tcwi-stopwatch g,svg.icon-tcwi-stopwatch line,svg.icon-tcwi-stopwatch path,svg.icon-tcwi-stopwatch polygon,svg.icon-tcwi-stopwatch polyline,svg.icon-tcwi-stopwatch rect,svg.icon-tcwi-store circle,svg.icon-tcwi-store ellipse,svg.icon-tcwi-store g,svg.icon-tcwi-store line,svg.icon-tcwi-store path,svg.icon-tcwi-store polygon,svg.icon-tcwi-store polyline,svg.icon-tcwi-store rect,svg.icon-tcwi-thumbs-up circle,svg.icon-tcwi-thumbs-up ellipse,svg.icon-tcwi-thumbs-up g,svg.icon-tcwi-thumbs-up line,svg.icon-tcwi-thumbs-up path,svg.icon-tcwi-thumbs-up polygon,svg.icon-tcwi-thumbs-up polyline,svg.icon-tcwi-thumbs-up rect,svg.icon-tcwi-trophy circle,svg.icon-tcwi-trophy ellipse,svg.icon-tcwi-trophy g,svg.icon-tcwi-trophy line,svg.icon-tcwi-trophy path,svg.icon-tcwi-trophy polygon,svg.icon-tcwi-trophy polyline,svg.icon-tcwi-trophy rect,svg.icon-tcwi-truck circle,svg.icon-tcwi-truck ellipse,svg.icon-tcwi-truck g,svg.icon-tcwi-truck line,svg.icon-tcwi-truck path,svg.icon-tcwi-truck polygon,svg.icon-tcwi-truck polyline,svg.icon-tcwi-truck rect,svg.icon-tcwi-wallet circle,svg.icon-tcwi-wallet ellipse,svg.icon-tcwi-wallet g,svg.icon-tcwi-wallet line,svg.icon-tcwi-wallet path,svg.icon-tcwi-wallet polygon,svg.icon-tcwi-wallet polyline,svg.icon-tcwi-wallet rect,svg.icon-truck circle,svg.icon-truck ellipse,svg.icon-truck g,svg.icon-truck line,svg.icon-truck path,svg.icon-truck polygon,svg.icon-truck polyline,svg.icon-truck rect,svg.icon-user circle,svg.icon-user ellipse,svg.icon-user g,svg.icon-user line,svg.icon-user path,svg.icon-user polygon,svg.icon-user polyline,svg.icon-user rect { fill: none; stroke-width:var(--iconWeight); stroke: currentColor; stroke-linecap:var(--iconLinecaps); stroke-linejoin:var(--iconLinecaps); } .theme-block { margin-bottom: 30px } .theme-block:last-child { margin-bottom: 0 } .site-nav { margin: 0 } .text-center .site-navigation { margin: 0 auto } .header-layout--left .site-navigation { padding-left: 10px } .site-nav__icons { white-space: nowrap } .site-nav__item { display: inline-block; margin: 0; position: relative } .site-nav__item li { display: block } .site-nav__item .icon-chevron-down { height: 10px; width: 10px } .site-nav__link { color: var(--colorNavText); display: inline-block; padding: 7.5px 15px; -webkit-text-decoration: none; text-decoration: none; vertical-align: middle; white-space: nowrap } .site-header--heading-style .site-nav__link { font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight: var(--typeHeaderWeight); letter-spacing: var(--typeHeaderSpacing); line-height: var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .site-header--heading-style .site-nav__link { text-transform: uppercase } .site-nav__link:hover { color: var(--colorNavText) } .is-light .site-nav__link,.is-light .site-nav__link:hover { color: #fff } .site-nav--has-dropdown>.site-nav__link { position: relative; z-index: 6 } .site-nav__link .icon-chevron-down { margin-left: 5px } @media only screen and (max-width: 959px) { .site-nav__link { padding:7.5px } .header-layout--center .site-nav__link { padding-left: 2px; padding-right: 2px } } .site-nav__link--underline { position: relative } .site-nav__link--underline:after { border-bottom: 2px solid; border-bottom-color: var(--colorNavText); bottom: 0; content: ""; display: block; left: 0; margin: 0 15px; position: absolute; right: 100%; transition: right .5s } [data-disable-animations=true] .site-nav__link--underline:after { transition: none } .is-light .site-nav__item:not(.site-nav--has-dropdown) .site-nav__link--underline:after { border-bottom-color: #fff } .site-nav--has-dropdown .site-nav__link--underline:after { border-bottom-color: var(--colorTextBody) } .site-nav__item:hover .site-nav__link--underline:after { right: 0 } .site-nav__details { cursor: pointer } .site-nav--has-dropdown { z-index: 6 } .site-nav--has-dropdown.is-focused,.site-nav--has-dropdown:hover { z-index: 7 } .site-nav--has-dropdown.is-focused>a,.site-nav--has-dropdown:hover>a { color: var(--colorTextBody)!important } .site-nav--has-dropdown.is-focused>a,.site-nav--has-dropdown:hover>a { background-color: var(--colorBody); opacity: 1; transition: none } .site-nav__link--icon { padding-left: 12px; padding-right: 12px } @media only screen and (max-width: 768px) { .site-nav__link--icon { padding-left:7.5px; padding-right: 7.5px } .site-nav__link--icon+.site-nav__link--icon { margin-left: -4px } } @media only screen and (min-width: 769px) { .site-nav__link--icon .icon { height: 28px !important; width: 28px !important; } } .site-nav__link--icon .icon { height: 30px; width: 30px } .site-nav__dropdown { background-color: var(--colorBody); box-shadow: 0 10px 20px #00000017; display: block; left: 0; margin: 0; min-width: 100%; padding: 10px 0 5px; position: absolute; transform: translate3d(0,-12px,0); visibility: hidden; z-index: 5 } details[open]>.site-nav__dropdown { display: block; transform: translateZ(0); transition: all .3s cubic-bezier(.2,.06,.05,.95); visibility: visible } .site-nav__dropdown li { margin: 0 } .site-nav__dropdown>li { position: relative } .site-nav__dropdown>li>a { position: relative; z-index: 6 } .site-nav__dropdown a { background-color: var(--colorBody) } .site-nav__deep-dropdown { background-color: var(--colorBody); box-shadow: 0 10px 20px #00000017; left: 100%; margin: 0; opacity: 0; position: absolute; top: 0; transform: translate3d(-12px,0,0); visibility: hidden; z-index: 5 } .is-focused+.site-nav__deep-dropdown,.site-nav__deep-dropdown-trigger:hover .site-nav__deep-dropdown { opacity: 1; transform: translateZ(0); transition: all .3s cubic-bezier(.2,.06,.05,.95); visibility: visible } .site-nav__deep-dropdown:before { background-image: linear-gradient(90deg,rgba(0,0,0,.09),transparent); bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; top: 0; width: 10px } .site-nav__deep-dropdown-trigger:hover .site-nav__dropdown-link--has-children { background-color: var(--colorBodyDim) } .site-nav__dropdown-link--has-children:focus,.site-nav__dropdown-link--has-children:hover { background-color: var(--colorBodyDim) } .site-nav__deep-dropdown-trigger .icon-chevron-down { height: 10px; position: absolute; right: 10px; top: 50%; transform: rotate(-90deg) translate(50%); width: 10px } .site-nav--is-megamenu.site-nav__item { position: static } .site-header { background: var(--colorNav); position: relative } @media only screen and (min-width: 769px) { .site-header { } .toolbar+.header-sticky-wrapper .site-header { border-top: 1px solid; border-top-color: var(--colorHeaderTextAlpha01) } } .predictive-overflow-hidden { overflow: hidden } @media only screen and (max-width: 768px) { .predictive-overflow-hidden { overflow:auto } } predictive-search { align-items: center; display: flex; margin: 0 auto; max-width: 960px; position: relative; width: 100% } predictive-search.is-active { flex: 99 } predictive-search.is-active .predictive__screen { display: block; z-index: 3 } predictive-search.is-active .btn--close-search { align-items: center; display: flex; justify-content: center } [data-dark=true] input { color: #fff!important } [data-dark=true] .btn--search path { stroke: #fff!important } [data-dark=false] input { color: #000!important } [data-dark=false] .btn--search path { stroke: #000!important } .predictive__screen { background: var(--colorModalBg); display: none; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw } predictive-search form { display: flex; flex-wrap: wrap; position: relative; width: 100%; z-index: 4 } .search__input-wrap { flex: 5; position: relative; transition: flex .3s ease-in-out } .search__input { background: var(--colorNavSearch, #fff); border-radius: calc(var(--roundness, 0)*2); color: var(--color-body-text); flex: 1; padding-left: 16px; padding-right: 16px; width: 100% } .btn--search { position: absolute; right: 15px; top: 50%; transform: translateY(-50%) } .btn--search .icon { height: 25px; width: 25px } @media only screen and (min-width: 769px) { .btn--search { right:10px } } [dir=rtl] .btn--search { left: 15px; right: auto } @media only screen and (min-width: 769px) { [dir=rtl] .btn--search { left:10px } } .btn--close-search { display: none; flex: 30px 0 0; margin-left: 10px } .btn--close-search .icon { height: 25px; width: 25px } .btn--close-search .icon path { stroke: var(--colorNavText)!important } .search__results { background: var(--color-body); color: var(--color-body-text); container-type: inline-size; display: none; margin-top: 10px; max-height: 80vh; overflow-y: auto; padding: 0; position: absolute; top: 100%; width: 100% } @media only screen and (max-width: 768px) { .search__results { margin-left:calc(var(--pageWidthPadding, 17px)*-1); margin-right: calc(var(--pageWidthPadding, 17px)*-1); max-height: 75vh; width: calc(100% + var(--pageWidthPadding, 17px)*2) } .template-search .page-content .search__results { max-height: 50vh } } .results { display: block; padding: 0 20px 20px; width: 100% } .results ul { list-style: none; margin: 0; padding: 0 } .results li { margin-bottom: 0; padding: 10px; transition: background .2s ease } .results li:hover { background: #0000000d } .results li a { align-items: center; display: flex } .results--queries span { font-weight: bolder } .results--queries mark { background-color: transparent; font-weight: 400 } .results--products span { margin-left: 10px } .results--products #predictive-search-products { margin-bottom: 20px } .results-products__image { height: 80px; max-width: 80px; min-width: 80px; width: 100% } .results-products__info { display: flex; flex-direction: column } .predictive-search-results { display: flex; flex-direction: column; flex-wrap: wrap; overflow-y: auto; padding: 40px 0 0 } .predictive-search-results h3 { border-bottom: 1px solid; border-color: var(--colorBorder); margin-bottom: 10px; padding-bottom: 10px } .predictive-search-results--none { padding-top: 20px } .predictive-search__no-results { display: block; width: 100% } .predictive-search__no-results:hover { opacity: .5 } .results__group-1 { flex: 100% 0 0 } .results__group-1>div:not(.results--queries) { display: none } .results__group-2 { flex: 100% 0 0 } .results__search-btn { border: 1px solid; border-color: var(--colorBorder); padding: 10px; transition: background-color .2s ease; width: 100% } .results__search-btn:hover { background-color: #0000000d } @container (min-width: 800px) { .predictive-search-results { flex-direction: row; flex-wrap: nowrap } .results { padding: 0 40px 20px } .results__group-1 { flex: 1 0 0 } .results__group-1 div: not(.results--queries) { display:block } .results__group-2 { flex: 2 0 0 } .results__group-2>div: not(.results--products) { display:none } .results__search-btn { padding: 10px 0 10px 40px; text-align: left } } @media only screen and (max-width: 768px) { predictive-search .search__results { margin-left:-20px; margin-right: -10px; width: calc(100% + 30px) } } @media only screen and (max-width: 768px) { predictive-search form { margin:0 10px 0 20px } } .megamenu { line-height: 1.8; opacity: 0; padding: 39px 0; transform: none; transition: all .3s cubic-bezier(.2,.06,.05,.95); transition-delay: .3s } details[open]>.megamenu { opacity: 1; transition-delay: 0s } details[open]>.megamenu .appear-animation { opacity: 1; transform: none } .site-nav--is-megamenu.site-nav__item { position: static } .megamenu .site-nav__dropdown-link { padding: 4px 0; white-space: normal; } .megamenu__collection-image { display: block; height: 100%; margin-bottom: 20px; -o-object-fit: cover; object-fit: cover; width: 100% } .text-center .megamenu .grid { text-align: center } .text-center .megamenu .grid .grid__item { display: inline-block; float: none; text-align: left; vertical-align: top } .megamenu .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) { font-size: calc(var(--typeBaseSize) - 1px); line-height: 1.5 } .megamenu .h5,.megamenu h5 { margin-bottom: 5px } .grid { list-style: none; margin: 0 0 0 -22px; padding: 0 } .grid:after { clear: both; content: ""; display: table } @media only screen and (max-width: 768px) { .grid { margin-left:-17px } html[dir=rtl] .grid { margin-left: 0; margin-right: -17px } } html[dir=rtl] .grid { margin-left: 0; margin-right: -22px } .grid--small { margin-left: -10px } .grid--small .grid__item { padding-left: 10px } .grid__item { float: left; min-height: 1px; padding-left: 22px; width: 100% } @media only screen and (max-width: 768px) { .grid__item { padding-left:17px } html[dir=rtl] .grid__item { padding-left: 0; padding-right: 17px } } html[dir=rtl] .grid__item { float: right; padding-left: 0; padding-right: 22px } .grid--no-gutters { margin-left: 0 } .grid--no-gutters .grid__item { padding-left: 0 } .grid--flush-bottom { margin-bottom: -22px; overflow: auto } .grid--flush-bottom>.grid__item { margin-bottom: 22px } .grid--center { text-align: center } .grid--center .grid__item { display: inline-block; float: none; text-align: left; vertical-align: top } html[dir=rtl] .grid--center .grid__item { text-align: right } .grid--full { margin-left: 0 } .grid--full>.grid__item { padding-left: 0 } @media only screen and (min-width: 769px) { .grid--table-large { display:table; table-layout: fixed; width: 100% } .grid--table-large>.grid__item { display: table-cell; float: none; vertical-align: middle } } @media only screen and (max-width: 768px) { .small--grid--flush { margin-left:-2px } .page-width .small--grid--flush { margin-left: -17px; margin-right: -15px } .small--grid--flush>.grid__item { padding-left: 0 } } @media only screen and (min-width: 769px) { .faux-select,body,button,input,select,textarea { font-size:var(--typeBaseSize) } } .announcement-bar { background-color: var(--colorAnnouncement); color: var(--colorAnnouncementText); font-size: calc(var(--typeBaseSize)*.75); padding: 10px 0; position: relative; text-align: center } @media only screen and (min-width: 769px) { .announcement-bar { font-size:calc(var(--typeBaseSize)*.85) } } @media only screen and (max-width: 768px) { .announcement-bar { padding: 5px 0; } } .announcement-bar a,.announcement-bar a:visited,.announcement-bar a:active,.announcement-bar a:hover,.announcement-bar a:visited:active,.announcement-bar a:visited:hover { color: var(--colorAnnouncementText) } .announcement-slider__slide { overflow: hidden; padding: 0 5px; position: relative; width: 100% } .announcement-link { color: var(--colorAnnouncementText); display: block } .announcement-link:active,.announcement-link:hover { color: var(--colorAnnouncementText) } .announcement-text { display: block; font-size: .85em; font-weight: 700; letter-spacing: .2em; text-transform: uppercase } .announcement-link-text { display: block } .announcement-link .announcement-link-text { -webkit-text-decoration: underline; text-decoration: underline } .announcement-link-text a { color: inherit } @media only screen and (min-width: 769px) { .announcement-slider[data-compact=true] .announcement-slider__slide { display:none } .announcement-slider[data-compact=true] .announcement-slider__slide:first-child { display: block } .announcement-slider[data-compact=true] .announcement-link-text,.announcement-slider[data-compact=true] .announcement-text { display: inline } .announcement-slider[data-compact=true] .announcement-text+.announcement-link-text { padding-left: 5px } .announcement-slider.flickity-enabled[data-compact=true] .announcement-slider__slide { display: block } .announcement-slider[data-compact=false] { display: flex } .announcement-slider[data-compact=false] .announcement-slider__slide { flex: 1 1 33% } } @media only screen and (max-width: 768px) { .announcement-slider .announcement-slider__slide { display:none } .announcement-slider .announcement-slider__slide:first-child,.announcement-slider.flickity-enabled .announcement-slider__slide { display: block } .announcement-text{ font-size: .8em; } } .section-header { margin-bottom: 30px } @media only screen and (min-width: 769px) { .section-header { margin-bottom:50px } } [data-type_headers_align_text=true] .section-header { text-align: center } .section-header select { display: inline-block; vertical-align: middle } .section-header--flush { margin-bottom: 0 } .section-header--with-link { align-items: center; display: flex } .section-header--with-link select { flex: 0 1 auto } .section-header--hero { color: var(--colorHeroText); flex: 1 1 100%; margin-bottom: 0; position: relative } .section-header--hero a { color: var(--colorHeroText) } .section-header__shadow { display: inline-block; position: relative } .section-header__shadow:before { background: radial-gradient(rgba(0,0,0,var(--colorImageOverlayTextShadow)) 0%,transparent 60%); bottom: 0; content: ""; left: 0; margin: -100px -200px; position: absolute; right: 0; top: 0; z-index: auto; z-index: -1 } .section-header__shadow .breadcrumb,.section-header__shadow .section-header__title { position: relative } .section-header__title { margin-bottom: 0 } .section-header--with-link .section-header__title { flex: 1 1 auto } @media only screen and (min-width: 769px) { .section-header--hero .section-header__title { font-size:calc(var(--typeHeaderSize)*1.45) } } .section-header__link { flex: 0 1 auto; margin-top: 6px } .section-header--with-link .section-header__link { margin-top: 0 } .section-header--404 { padding-top: 80px } .section-header select,.section-header p { margin: 10px 0 } @media only screen and (max-width: 768px) { .section-header__title { font-size: 15px; } .section-header__link { padding: 6px 24px; font-size: 11px; margin-top: 3px } } .site-header--opening { transform: translateZ(0); transition: transform .4s cubic-bezier(.165,.84,.44,1) } .site-header__logo { display: block; font-size: 30px; margin: 10px 0; position: relative; z-index: 6 } @media only screen and (min-width: 769px) { .text-center .site-header__logo { margin:10px auto; padding-right: 0 } } .header-layout[data-logo-align=center] .site-header__logo { margin-left: auto; margin-right: auto; text-align: center } .site-header__logo a { max-width: 100% } .site-header__logo a,.site-header__logo a:hover { -webkit-text-decoration: none; text-decoration: none } .site-header__logo img { display: block } .site-header .site-header__logo img { left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%) } .site-header__logo-link { align-items: center; color: var(--colorNavText); display: flex; position: relative } .site-header__logo-link:hover { color: var(--colorNavText) } @media only screen and (max-width: 768px) { .site-header__logo-link { margin:0 auto } } .site-header__search-container { bottom: 200%; display: none; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; z-index: 28 } .site-header__search-container.is-active { bottom: 0; display: block; overflow: visible } .site-header__search { background-color: var(--colorBody); bottom: 0; box-shadow: 0 15px 45px #0000001a; color: var(--colorTextBody); display: flex; left: 0; position: absolute; right: 0; top: 0; transform: translate3d(0,-110%,0); z-index: 28 } .site-header__search .page-width { align-items: stretch; display: flex; flex: 1 1 100% } @media only screen and (max-width: 768px) { .site-header__search .page-width { padding:0 } } .is-active .site-header__search { transform: translateZ(0) } .site-header__search .icon { height: 30px; width: 30px } .site-header__search-input { border: 0; flex: 1 1 auto; width: 100px } .site-header__search-input:focus { border: 0; outline: 0 } .site-header__search-btn { padding: 0 15px } @media only screen and (min-width: 769px) { .site-header__search-btn--submit { padding:0 15px 0 0 } .site-header__search-btn--submit .icon { height: 28px; position: relative; top: -1px; width: 28px } } .product-block--sales-point+.product-block--sales-point { margin-top: -20px; } .product-block { margin-bottom:10px; } @media screen and (max-width: 769px) { .product-block { margin-bottom: 8px !important; } .product-block--tab+.product-block--tab { margin-top: -8px !important; } } .product-block hr { margin: 0 } .product-block--tab+.product-block--tab { margin-top: -10px } .product-block--sales-point+.product-block--sales-point { margin-top: -20px } .product-block--header+.product-block--price { margin-top: -20px } .sales-points { list-style: none; margin: 25px 0; padding: 0 } .quick-add-modal .sales-points { display: none } .sales-point { display: block; margin-bottom: 10px } .sales-point:last-child { margin-bottom: 0 } .sales-point .icon { height: 25px; margin-right: 10px; position: relative; width: 25px } [dir=rtl] .sales-point .icon { margin-left: 10px; margin-right: 0 } @media only screen and (max-width: 768px) { .sales-point .icon-and-text { justify-content:left } } .icon-and-text { align-items: center; display: flex; flex-wrap: nowrap } .icon-and-text .icon { flex: 0 0 auto } .product__photos--beside { display: flex; width: 100% } .product__photos { direction: ltr } .product__photos a { display: block; max-width: 100% } .product__photos img { display: block; margin: 0 auto; max-width: 100%; width: 100% } .product__main-photos { flex: 1 1 auto; position: relative } .product__main-photos .flickity-page-dots { display: none } @media only screen and (max-width: 768px) { .product__main-photos { margin-bottom:30px; margin-left: -11px; margin-right: -11px; } .product__main-photos .flickity-viewport { overflow: hidden } .product-main-slide { overflow: hidden } .product__main-photos img { object-fit: cover; width: 100% } .product__main-photos .flickity-page-dots { display: block } .product-main-slide { width: 85% !important; margin-left: 2px; margin-right:2px; } .product-main-slide.is-selected { opacity: 1; z-index: 1; } .product-main-slide .image-wrap { aspect-ratio: 1 / 1; } } .product__thumbs { position: relative } .product__thumbs--below { margin-top: 8.5px } @media only screen and (min-width: 769px) { .product__thumbs--below { margin-top:15px } } .product__thumbs--beside { flex: 0 0 60px; margin-left: 8.5px; max-width: 60px } @media only screen and (min-width: 769px) { .product__thumbs--beside { flex:0 0 80px; margin-left: 15px; max-width: 80px } .product__thumbs--beside.product__thumbs-placement--left { margin-left: 0; margin-right: 15px; order: -1; } } .product__thumbs--scroller { -ms-overflow-style: -ms-autohiding-scrollbar; scroll-behavior: smooth; scrollbar-width: none } .product__thumbs--scroller::-webkit-scrollbar { height: 0; width: 0 } .product__thumbs--below .product__thumbs--scroller { overflow-x: scroll; white-space: nowrap } .product__thumbs--beside .product__thumbs--scroller { bottom: 0; left: 0; overflow-y: scroll; position: absolute; right: 0; top: 0; width: 100% } .product__thumb-item { border: 2px solid transparent } .product__thumb-item a.is-active,.product__thumb-item a:focus { outline: none } .product__thumb-item a.is-active:before,.product__thumb-item a:focus:before { bottom: 0; box-shadow: inset 0 0 0 2px var(--colorTextBody); content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1 } .product__thumb-item a:active:before { content: none } .product__thumbs--beside .product__thumb-item { margin-bottom: 8.5px } @media only screen and (min-width: 769px) { .product__thumbs--beside .product__thumb-item { margin-bottom:15px } } .product__thumbs--beside .product__thumb-item:last-child { margin-bottom: 0 } .product__thumbs--below .product__thumb-item { display: inline-block; margin-right: 8.5px; max-width: 80px; vertical-align: middle } @media only screen and (min-width: 769px) { .product__thumbs--below .product__thumb-item { margin-right:15px } } .product__thumbs--below .product__thumb-item:last-child { margin-right: 0 } .product__thumb { cursor: pointer; display: block; position: relative } .product__thumb>.image-wrap img { height: auto; position: static } .product__thumb-icon { background-color: var(--colorTextBody); border-radius: 100px; font-size: 0; opacity: 0; padding: 6px; position: absolute; right: 5px; top: 5px; transition: opacity .5s ease; z-index: 1 } .aos-animate .product__thumb-icon { opacity: 1 } .product__thumb-icon .icon { fill: var(--colorBody); height: 10px; width: 10px } @media only screen and (min-width: 769px) { .product__thumb-icon .icon { height:13px; width: 13px } } .product-main-slide:not(.is-selected) button,.product-main-slide:not(.is-selected) iframe,.product-main-slide:not(.is-selected) model-viewer,.product-main-slide:not(.is-selected) video { display: none } .product-main-slide { display: none; overflow: hidden; width: 100% } .product-main-slide:first-child,.flickity-slider .product-main-slide { display: block } @media only screen and (max-width: 768px) { .grid--product-images--partial .flickity-slider .product-main-slide { margin-right:4px; width: 75% } } .product-slideshow.flickity-enabled .product-main-slide { display: none } .product-slideshow.flickity-enabled .flickity-viewport .product-main-slide { display: block } .product__photo-zoom { position: absolute!important; } .product__photo-zoom { bottom: 0; cursor: zoom-in; right: 0 } @media only screen and (max-width: 768px) { .product__photo-zoom { padding:6px } .product__main-photos .product__photo-zoom { margin-bottom: 10px; margin-right: 10px } .product-slideshow .product__photo-zoom { opacity: 0; transition: opacity .5s ease-out } .product-slideshow .is-selected .product__photo-zoom { opacity: 1 } } @media only screen and (min-width: 769px) { .product__photo-zoom { border-radius:0; left: 0; margin: 0; opacity: 0; top: 0; width: 100% } .product__photo-zoom span,.product__photo-zoom svg { display: none } } .product__price { color: var(--colorPrice); font-size: calc(var(--typeBaseSize) + 2px); margin-right: 5px } .product__price.on-sale { padding-right: 5px } .product__unit-price { font-size: .8em; opacity: .8 } .product__unit-price--spacing { margin-top: 10px } .product__price--compare { display: inline-block; padding-right: 5px; -webkit-text-decoration: line-through; text-decoration: line-through } .product__price-savings { color: var(--colorTextSavings); white-space: nowrap } .product-review-under-title { font-size: .9em; font-style: italic; background-color: #e3fafb } .page-content--product { padding-top: 55px; padding-bottom: 30px; } @media only screen and (max-width: 768px) { .page-content--product { padding-top:0; padding-bottom: 0px; } .grid--product-images-right { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .grid--product-images-right .grid__item:first-child { -ms-flex-order: 2; order: 2 } } .js-qty__wrapper { background-color: var(--colorBody); color: var(--colorTextBody); display: inline-block; max-width: 80px; min-width: 60px; overflow: visible; position: relative } .js-qty__wrapper.is-loading { opacity: .5; pointer-events: none } .js-qty__num { background: none; display: block; margin: 0; padding: 5px 20px; text-align: center; width: 100%; z-index: 1 } .js-qty__adjust { fill: var(--colorTextBody); backface-visibility: hidden; background: none; border: 0 none; bottom: 0; cursor: pointer; display: block; line-height: 1; overflow: hidden; padding: 0 10px; position: absolute; text-align: center; top: 0; transition: background-color .1s ease-out; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2 } .js-qty__adjust .icon { fill: inherit; display: block; font-size: 8px; height: 10px; vertical-align: middle; width: 10px } .js-qty__adjust:hover { background-color: var(--colorBodyDim); color: var(--colorTextBody) } .js-qty__num:active~.js-qty__adjust,.js-qty__num:focus~.js-qty__adjust { border-color: var(--colorTextBody) } .js-qty__adjust--plus { right: 0 } .js-qty__adjust--minus { left: 0 } .drawer .js-qty__wrapper { background-color: transparent; border-color: var(--colorDrawerBorder) } .drawer .js-qty__num { color: var(--colorDrawerText); padding-bottom: 2px; padding-top: 2px } .drawer .js-qty__adjust { fill: var(--colorDrawerText); color: var(--colorDrawerText) } .drawer .js-qty__adjust:hover { fill: var(--colorDrawers); background-color: var(--colorDrawerText); color: var(--colorDrawers) } .variant-input-wrap { font-size: 16px!important } .variant-input-wrap { border: 0; margin: 0 0 -12px; padding: 0; position: relative } .variant-input-wrap input { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .variant-input-wrap label { background-color: var(--colorBody); box-shadow: 0 0 0 1px var(--colorBorder); display: inline-block; font-family: var(--typeBasePrimary),var(--typeBaseFallback); font-size: calc(var(--typeBaseSize)*.92); font-weight: 400; letter-spacing: var(--typeBaseSpacing); line-height: var(--typeBaseLineHeight); margin: 0 8px 12px 0; overflow: hidden; padding: 7px 15px; position: relative } @media only screen and (min-width: 769px) { .variant-input-wrap label { font-size:var(--typeBaseSize) } } [data-center-text=true] .variant-input-wrap label { margin: 0 4px 12px } .variant-input-wrap label.disabled { color: var(--colorBorder) } .variant-input-wrap label.disabled:after { border-left: 1px solid; border-color: var(--colorBorder); bottom: 0; content: ""; left: 50%; position: absolute; top: 0; transform: rotate(45deg) } .variant-input-wrap input[type=radio]:focus+label { border-color: var(--colorTextBodyAlpha005); box-shadow: 0 0 0 1px var(--colorTextBody) } .variant-input-wrap input[type=radio]:checked+label { box-shadow: 0 0 0 2px var(--colorTextBody) } .variant-input { display: inline-block } select .variant-input { display: block } .variant-wrapper+.variant-wrapper { margin-top: 25px } .no-js .variant-wrapper { display: none } .variant-wrapper--dropdown { display: inline-block; margin-bottom: 0; margin-right: 15px; max-width: 100% } .variant__label[for] { cursor: default; display: block; margin-bottom: 10px } .variant__label-info { font-weight: 400; letter-spacing: 0; text-transform: none } .rte { margin-bottom: 7.5px } .rte:after { clear: both; content: ""; display: table } @media only screen and (min-width: 769px) { .rte { margin-bottom:15px } } .rte:last-child { margin-bottom: 0 } .rte+.rte { margin-top: 30px } .rte ol,.rte p,.rte table,.rte ul { margin-bottom: 15px } @media only screen and (min-width: 769px) { .rte ol,.rte p,.rte table,.rte ul { margin-bottom:13px !important } } .rte ol:last-child,.rte p:last-child,.rte table:last-child,.rte ul:last-child { margin-bottom: 0 !important } .rte ul ul { margin-bottom: 0 } .rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6 { margin-bottom: 25px; margin-top: 25px } .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: 0 } .rte h1 a,.rte h2 a,.rte h3 a,.rte h4 a,.rte h5 a,.rte h6 a { -webkit-text-decoration: none; text-decoration: none } .rte meta:first-child+h1,.rte meta:first-child+h2,.rte meta:first-child+h3,.rte meta:first-child+h4,.rte meta:first-child+h5,.rte meta:first-child+h6 { margin-top: 0 } .rte>div { margin-bottom: 15px } .rte>div:last-child { margin-bottom: 0 } .rte li { margin-bottom: 0 } .rte table { table-layout: fixed } .rte--block { margin-bottom: 8px } @media only screen and (min-width: 769px) { .rte--block { margin-bottom:12px } } .rte-setting>p:last-child { margin-bottom: 0 } .rte a,.rte-setting a { -webkit-text-decoration: none; text-decoration: none } .rte img,.rte-setting img { height: auto; display: inline; } .rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview),.rte-setting a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview) { border-bottom: 1px solid; border-bottom-color: var(--colorTextBodyAlpha015); display: inline-block; position: relative; -webkit-text-decoration: none; text-decoration: none } .rte a:not(.btn):not(.spr-summary-actions-newreview):after,.rte-setting a:not(.btn):not(.spr-summary-actions-newreview):after { border-bottom: 2px solid currentColor; bottom: -2px; content: ""; left: 0; position: absolute; transition: width .5s ease; width: 0 } .rte a:not(.btn):focus:after,.rte a:not(.btn):hover:after,.rte-setting a:not(.btn):focus:after,.rte-setting a:not(.btn):hover:after { width: 100% } .rte a.rte__image:after,.rte-setting a.rte__image:after { content: none } .text-center .rte ol,.text-center .rte ul,.text-center.rte ol,.text-center.rte ul { list-style-position: inside; margin-left: 0 } .rte--nomargin { margin-bottom: 0 } .header-layout { display: flex; justify-content: space-between } .header-layout--center { align-items: center } .header-item { align-items: center; display: flex; flex: 1 1 auto } .header-item--logo { flex: 0 0 auto } .header-item--icons { flex: 0 1 auto; justify-content: flex-end } .header-layout--left-center .header-item--icons,.header-layout--left-center .header-item--logo { flex: 0 0 200px; max-width: 50% } @media only screen and (min-width: 769px) { .header-layout--left-center .header-item--icons,.header-layout--left-center .header-item--logo { min-width:130px } } @media only screen and (min-width: 769px) { .header-layout[data-logo-align=center] .header-item--logo { margin:0 30px } } .header-layout[data-logo-align=center] .header-item--icons,.header-layout[data-logo-align=center] .header-item--navigation { flex: 1 1 130px } .header-layout[data-logo-align=left] .site-header__logo { margin-right: 10px } .header-item--logo-split { align-items: center; display: flex; flex: 1 1 100%; justify-content: center } .header-item--logo-split .header-item:not(.header-item--logo) { flex: 1 1 20%; text-align: center } .header-item--split-left { justify-content: flex-end } .header-item--left .site-nav { margin-left: -12px } @media only screen and (max-width: 768px) { .header-item--left .site-nav { margin-left:-7.5px } } .header-item--icons .site-nav { margin-right: -12px } @media only screen and (max-width: 768px) { .header-item--icons .site-nav { margin-right:-7.5px } } .mobile-nav { margin: calc(var(--drawer-gutter)*-1) calc(var(--drawer-gutter)*-1) 0 } .mobile-nav li { list-style: none; margin-bottom: 0 } .mobile-nav__search { padding: 15px } .mobile-nav__item { display: block; position: relative } .mobile-nav>.mobile-nav__item { background-color: var(--colorDrawers) } .mobile-nav__item:after { border-bottom: 1px solid; border-bottom-color: var(--colorDrawerBorder); bottom: 0; content: ""; left: var(--drawer-gutter); position: absolute; right: var(--drawer-gutter) } .mobile-nav__faux-link,.mobile-nav__link { display: block } .mobile-nav__link--top-level { font-size: 1.4em } .mobile-nav--heading-style .mobile-nav__link--top-level { font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight: var(--typeHeaderWeight); letter-spacing: var(--typeHeaderSpacing); line-height: var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .mobile-nav--heading-style .mobile-nav__link--top-level { text-transform: uppercase } .mobile-nav__faux-link,.mobile-nav__link,.mobile-nav__toggle .faux-button,.mobile-nav__toggle button { color: var(--colorDrawerText); padding: 15px var(--drawer-gutter); -webkit-text-decoration: none; text-decoration: none } .mobile-nav__faux-link:active,.mobile-nav__link:active,.mobile-nav__toggle .faux-button:active,.mobile-nav__toggle button:active { color: var(--colorDrawerTextDark) } .mobile-nav__faux-link:active,.mobile-nav__link:active,.mobile-nav__toggle .faux-button:active,.mobile-nav__toggle button:active { background-color: var(--colorDrawersDim) } .mobile-nav__child-item { display: flex } .mobile-nav__child-item .mobile-nav__link,.mobile-nav__child-item a { flex: 1 1 auto } .mobile-nav__child-item .collapsible-trigger:not(.mobile-nav__link--button) { flex: 0 0 43px } .mobile-nav__child-item .collapsible-trigger__icon { margin-right: 15px; padding: 0 } [dir=rtl] .mobile-nav__child-item .collapsible-trigger__icon { margin-left: 15px; margin-right: 0 } .mobile-nav__item--secondary a { padding-bottom: 5px; padding-top: 10px } .mobile-nav__item--secondary:after { display: none } .mobile-nav__item:not(.mobile-nav__item--secondary)+.mobile-nav__item--secondary { margin-top: 10px } .mobile-nav__has-sublist,.mobile-nav__link--button { display: flex } .mobile-nav__has-sublist>*,.mobile-nav__link--button>* { flex: 1 1 auto; word-break: break-word } .mobile-nav__link--button { padding: 0; text-align: left; width: 100% } .mobile-nav__toggle { flex: 0 1 auto } .mobile-nav__toggle .icon { height: 16px; width: 16px } .mobile-nav__toggle .faux-button,.mobile-nav__toggle button { height: 60%; margin: 20% 0; padding: 0 30px } .mobile-nav__toggle button { border-left: 1px solid; border-left-color: var(--colorDrawerBorder) } [dir=rtl] .mobile-nav__toggle button { border-left: none; border-right: 1px solid; border-right-color: var(--colorDrawerBorder) } .mobile-nav__sublist { margin: 0 } .mobile-nav__sublist .mobile-nav__item:after { border-bottom: none; bottom: auto; top: 0 } .mobile-nav__sublist .mobile-nav__item:last-child { padding-bottom: 15px } .mobile-nav__sublist .mobile-nav__faux-link,.mobile-nav__sublist .mobile-nav__link { font-weight: 400; padding: 7.5px 25px 7.5px var(--drawer-gutter) } .mobile-nav__grandchildlist { margin: 0 } .mobile-nav__grandchildlist:before { background: #000; bottom: 10px; content: ""; display: block; left: 17px; position: absolute; top: 10px; width: 1px } [dir=rtl] .mobile-nav__grandchildlist:before { left: auto; right: 17px } .mobile-nav__grandchildlist .mobile-nav__item:last-child { padding-bottom: 0 } .mobile-nav__grandchildlist .mobile-nav__link { padding-left: 35px } .mobile-nav__social { display: flex; flex-wrap: wrap; justify-content: stretch; list-style: none outside; margin: 15px 0 20px } @media only screen and (min-width: 769px) { .mobile-nav__social { margin-left:calc(var(--drawer-gutter)*-1); margin-right: calc(var(--drawer-gutter)*-1) } } .mobile-nav__social a { display: block; padding: 12px 30px } .mobile-nav__social a .icon { position: relative; top: -1px } .mobile-nav__social-item { border: 1px solid; border-color: var(--colorDrawerBorder); flex: 0 1 33.33%; margin: 0 0 -1px; text-align: center } .mobile-nav__social-item:nth-child(3n-1) { margin-left: -1px; margin-right: -1px } .collapsibles-wrapper--border-bottom { border-bottom: 1px solid; border-bottom-color: var(--colorBorder) } .collapsibles-wrapper--border-bottom+.collapsibles-wrapper--border-bottom .collapsible-trigger-btn--borders { border-top: 0 } .product-block--tab+.product-block--tab .collapsible-trigger-btn--borders { border-top: 0 } .collapsible-trigger { color: inherit; position: relative } .collapsible-trigger__icon { display: block; height: 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 10px } @media only screen and (min-width: 769px) { .collapsible-trigger__icon { height:12px; width: 12px } } .mobile-nav__has-sublist .collapsible-trigger__icon { right: 25px } .collapsible-trigger__icon .icon { display: block; height: 10px; transition: all .1s ease-in; width: 10px } @media only screen and (min-width: 769px) { .collapsible-trigger__icon .icon { height:12px; width: 12px } } .collapsible-trigger--inline { padding: 11px 0 11px 40px } .collapsible-trigger--inline .collapsible-trigger__icon { left: 0; right: auto } .collapsible-trigger__icon--circle { border: 1px solid; border-color: var(--colorBorder); border-radius: 28px; height: 28px; text-align: center; width: 28px } .collapsible-trigger__icon--circle .icon { left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%) } .collapsible-trigger.is-open .collapsible-trigger__icon>.icon-chevron-down,.collapsible-trigger.is-open .collapsible-trigger__icon>.icon-caret { transform: scaleY(-1) } .collapsible-trigger.is-open .collapsible-trigger__icon--circle>.icon-chevron-down,.collapsible-trigger.is-open .collapsible-trigger__icon--circle>.icon-caret { transform: translate(-50%,-50%) scaleY(-1) } .collapsible-content { transition: opacity .3s cubic-bezier(.25,.46,.45,.94),height .3s cubic-bezier(.25,.46,.45,.94) } .collapsible-content.is-open { opacity: 1; transition: opacity 1s cubic-bezier(.25,.46,.45,.94),height .35s cubic-bezier(.25,.46,.45,.94); visibility: visible } .collapsible-content--all { backface-visibility: hidden; height: 0; opacity: 0; overflow: hidden; visibility: hidden } .collapsible-content--all .collapsible-content__inner { transform: translateY(40px) } @media only screen and (max-width: 768px) { .collapsible-content--small { backface-visibility:hidden; height: 0; opacity: 0; overflow: hidden; visibility: hidden } .collapsible-content--small .collapsible-content__inner { transform: translateY(40px) } } .collapsible-content__inner { transition: transform .3s cubic-bezier(.25,.46,.45,.94) } @media only screen and (min-width: 769px) { .collapsible-content__inner video{ height: 380px; } } .is-open .collapsible-content__inner { transform: translateY(0); transition: transform .5s cubic-bezier(.25,.46,.45,.94) } .rte.collapsible-content__inner--faq { padding-bottom: 30px } .collapsible-trigger[aria-expanded=true] .collapsible-label__closed,.collapsible-label__open { display: none } .collapsible-trigger[aria-expanded=true] .collapsible-label__open { display: inline-block } .collapsible-content--sidebar { backface-visibility: hidden; height: 0; opacity: 0; overflow: hidden; visibility: hidden } @media only screen and (min-width: 769px) { .collapsible-content--sidebar.is-open { height:auto; opacity: 1; overflow: initial; visibility: visible } } .collapsible-trigger-btn { text-align: left } [data-center-text=true] .collapsible-trigger-btn { text-align: center } .collapsible-trigger-btn { display: block; font-size: .8em; letter-spacing: .3em; padding: 15px 10px 15px 0; text-transform: uppercase; width: 100% } .collection-sidebar__group .collapsible-trigger-btn { text-align: left } .collapsible-trigger-btn--borders { border: 1px solid; border-color: var(--colorBorder); border-bottom: 0; padding: 12px } .collapsible-trigger-btn--borders .collapsible-trigger__icon { right: 12px } @media only screen and (min-width: 769px) { .collapsible-trigger-btn--borders { padding:15px } .collapsible-trigger-btn--borders .collapsible-trigger__icon { right: 15px } } .collapsible-content+.collapsible-trigger-btn--borders { margin-top: -1px } .collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner { border: 1px solid; border-color: var(--colorBorder); border-top: 0; padding: 0 20px 20px } .collapsible-trigger-btn--borders+.collapsible-content--expanded { margin-bottom: 30px } .collapsible-trigger-btn--borders+.collapsible-content--expanded:last-child { margin-bottom: -1px } .collapsible-trigger-btn--borders-top { border-top: 1px solid; border-top-color: var(--colorBorder) } .flickity-enabled { position: relative } .flickity-enabled:focus { outline: none } .flickity-viewport { height: 100%; overflow: hidden; position: relative; transition: height .35s; min-height: 300px; } .flickity-slider { height: 100%; position: absolute; width: 100% } .flickity-enabled.is-draggable { -webkit-user-select: none; -moz-user-select: none; user-select: none } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: grab } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing } .flickity-button { background: var(--colorBtnPrimary); border: none; border-radius: 50%; color: var(--colorBtnPrimaryText); position: absolute } .hero .flickity-button { background-color: var(--colorBody); box-shadow: 0 5px 5px #0000001a; color: var(--colorTextBody) } .flickity-button:hover { cursor: pointer; opacity: 1 } .flickity-button:disabled { cursor: auto; display: none; pointer-events: none } .flickity-prev-next-button { height: 40px; top: 50%; transform: translateY(-50%); width: 40px } @media only screen and (max-width: 768px) { .flickity-prev-next-button { height:33px; width: 33px } } .flickity-prev-next-button:hover { transform: translateY(-50%) scale(1.12) } .flickity-prev-next-button:active { transform: translateY(-50%) scale(1); transition: transform .05s ease-out } .flickity-previous { left: 10px } .flickity-next { right: 10px } .flickity-rtl .flickity-previous { left: auto; right: 10px } .flickity-rtl .flickity-next { left: 10px; right: auto } .flickity-button-icon { fill: currentColor; height: 30%; left: 35%; position: absolute; top: 35%; width: 30% } .flickity-page-dots { bottom: -25px; color: currentColor; line-height: 1; list-style: none; margin: 0; padding: 0; position: absolute; text-align: center; width: 100% } .hero .flickity-page-dots { bottom: 20px; color: #fff } .flickity-rtl .flickity-page-dots { direction: rtl } .flickity-page-dots .dot { background-color: currentColor; border-radius: 100%; cursor: pointer; display: inline-block; height: 6px; margin: 0 5px; opacity: .4; vertical-align: middle; width: 6px } .flickity-page-dots .dot:hover { opacity: .6 } .flickity-page-dots .dot.is-selected { background-color: currentColor; height: 9px; opacity: 1; width: 9px } .flickity-enabled.is-fade .flickity-slider>* { pointer-events: none; z-index: 0 } .flickity-enabled.is-fade .flickity-slider>.is-selected { pointer-events: auto; z-index: 1 } .hero[data-arrows=true] { overflow: visible; z-index: 5 } .hero[data-arrows=true] .flickity-prev-next-button { bottom: -20px; top: auto; transform: none } .hero[data-arrows=true] .flickity-prev-next-button:hover { transform: scale(1.12) } .hero[data-arrows=true] .flickity-prev-next-button:active { transform: scale(1) } .hero[data-arrows=true] .flickity-previous { left: auto; right: 90px } .hero[data-arrows=true] .flickity-next { right: 40px } .hero.flickity-rtl[data-arrows=true] .flickity-previous { left: 90px; right: auto } .hero.flickity-rtl[data-arrows=true] .flickity-next { left: 40px; right: auto } @media only screen and (max-width: 768px) { .hero[data-arrows=true] .flickity-prev-next-button { bottom:-16px } .hero[data-arrows=true] .flickity-previous { right: 60px } .hero[data-arrows=true] .flickity-next { right: 20px } .hero.flickity-rtl[data-arrows=true] .flickity-previous { left: 60px } .hero.flickity-rtl[data-arrows=true] .flickity-next { left: 20px } } .hero[data-bars=true] .flickity-page-dots { bottom: 0; height: 6px; line-height: 6px; z-index: 6 } [data-bars=true] .flickity-page-dots .dot { background: none; border: 0; border-radius: 0; height: 6px; opacity: 1; overflow: hidden; position: relative; vertical-align: top; width: 120px } @media only screen and (max-width: 768px) { [data-bars=true] .flickity-page-dots .dot { width:45px } } [data-bars=true] .flickity-page-dots .dot:after,[data-bars=true] .flickity-page-dots .dot:before { background-color: currentColor; content: ""; display: block; height: 100%; left: 0; position: absolute; width: 100% } [data-bars=true] .flickity-page-dots .dot:before { opacity: .4 } [data-bars=true] .flickity-page-dots .dot:hover:before { opacity: .6 } [data-bars=true] .flickity-page-dots .dot:after { transform: translate(-100%); transition: none } [data-bars=true] .flickity-page-dots .dot.is-selected:after { animation: slideshowBars 0s linear forwards } .pswp { -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: hidden; position: absolute; top: 0; touch-action: none; width: 100%; z-index: 1500 } .pswp img { max-width: none } .pswp--animate_opacity { opacity: .001; transition: opacity 333ms cubic-bezier(.4,0,.22,1); will-change: opacity } .pswp--open { display: block } .pswp--zoom-allowed .pswp__img { cursor: zoom-in } .pswp--zoomed-in .pswp__img { cursor: grab } .pswp--dragging .pswp__img { cursor: grabbing } .pswp__bg { -webkit-backface-visibility: hidden; background: var(--colorBody); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transform: translateZ(0); width: 100% } .pswp__scroll-wrap { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100% } .pswp__container,.pswp__zoom-wrap { bottom: 0; left: 0; position: absolute; right: 0; top: 0; touch-action: none } .pswp__container,.pswp__img { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .pswp__zoom-wrap { position: absolute; transform-origin: left top; transition: transform 333ms cubic-bezier(.4,0,.22,1); width: 100% } .pswp__bg { transition: opacity 333ms cubic-bezier(.4,0,.22,1); will-change: opacity } .pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap { transition: none } .pswp__container,.pswp__zoom-wrap { -webkit-backface-visibility: hidden } .pswp__item { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0 } .pswp__img { height: auto; left: 0; position: absolute; top: 0; width: auto } .pswp__img--placeholder { -webkit-backface-visibility: hidden } .pswp--ie .pswp__img { height: auto!important; width: 100%!important } .pswp--ie .pswp__img { left: 0; top: 0 } .pswp__error-msg { color: #ccc; left: 0; line-height: 16px; margin-top: -8px; position: absolute; text-align: center; top: 50%; width: 100% } .pswp__error-msg a { color: #ccc; -webkit-text-decoration: underline; text-decoration: underline } .pswp__button { position: relative } .pswp__button:after { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0 } .pswp__button svg { pointer-events: none } .pswp__button--arrow--left .icon,.pswp__button--arrow--right .icon { height: 13px; margin: 8px; width: 13px } .pswp__button[disabled] { opacity: 0; pointer-events: none } .pswp__ui { align-items: center; bottom: 30px; display: flex; justify-content: center; left: 0; position: absolute; right: 0; transform: translateY(0); transition: transform .25s .6s } .pswp__ui .btn { margin: 15px } .pswp__ui--hidden { transform: translateY(150%); transition: transform .25s } html.pswp-open-in-ios,html.pswp-open-in-ios body { background: #444; box-sizing: border-box; height: var(--window-inner-height); overflow: hidden } .pswp-open-in-ios body>* { display: none } .pswp-open-in-ios body .pswp.pswp--open { display: block } .grid-product { margin-bottom: 15px } @media only screen and (min-width: 769px) { .grid-product { margin-bottom:30px } } @media only screen and (max-width: 768px) { .grid-overflow-wrapper .grid-product { margin-bottom:0 } } .grid-product__content { position: relative; text-align: left } html[dir=rtl] .grid-product__content { text-align: right } .grid__item-image-wrapper { position: relative } .grid-product__title--heading { font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight: var(--typeHeaderWeight); letter-spacing: var(--typeHeaderSpacing); line-height: var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .grid-product__title--heading { text-transform: uppercase } .grid-product__title--heading { font-size: calc(var(--typeBaseSize) + 2px); line-height: 1 } [data-type_product_capitalize=true] .grid-product__title { font-size: calc(var(--typeBaseSize) - 2px); letter-spacing: .2em; text-transform: uppercase } @media only screen and (max-width: 768px) { [data-type_product_capitalize=true] .grid-product__title { font-size:calc(var(--typeBaseSize) - 3px) } } .grid-product__title { -webkit-hyphens: auto; hyphens: auto; word-break: break-word } .grid-product__link { display: block } .grid-product__link:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1 } .grid-product__link--inline { display: flex } .grid-product__link--inline .grid-product__image-mask { flex: 0 0 auto; margin-right: 10px } .grid-product__link--inline .grid__image-ratio { width: 80px } .grid-product__link--inline .grid-product__meta { text-align: left } .grid-product__image-mask { overflow: hidden; position: relative } .grid-product__image { display: block; height: 100%; margin: 0 auto; -o-object-fit: cover; object-fit: cover; width: 100% } .grid-product__secondary-image { background-color: var(--colorBody); bottom: -1px; left: -1px; opacity: 0; position: absolute; right: -1px; top: -1px } .grid-product__secondary-image img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .grid-product__content:hover .grid-product__secondary-image { animation: fade-in .2s cubic-bezier(.26,.54,.32,1) 0s forwards } @media only screen and (max-width: 768px) { .supports-touch .grid-product__secondary-image { display:none } } .grid-product__color-image { background-color: var(--colorBody); background-position: 50%; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .4s ease } .grid-product__color-image.is-active { animation: fade-in .5s cubic-bezier(.26,.54,.32,1) 0s forwards } [data-center-text=true] .grid-product__meta { text-align: center } .grid-product__meta { line-height: var(--typeBaselineHeightMinus01); padding: 10px 0 6px; position: relative } @media only screen and (max-width: 768px) { .small--grid--flush .grid-product__meta { padding-left:10px; padding-right: 10px } } .grid-product__vendor { font-size: .8em; letter-spacing: .3em; margin-top: 5px; opacity: .65; text-transform: uppercase } .grid-product__price { color: var(--colorPrice); font-size: calc(var(--typeBaseSize)*.85); margin-top: 5px } .grid-product__price--original { margin-right: 5px; -webkit-text-decoration: line-through; text-decoration: line-through } .grid-product__price--savings { color: var(--colorTextSavings); margin-left: 5px; white-space: nowrap } .grid-product__tag { background-color: var(--colorBtnPrimary); color: var(--colorBtnPrimaryText); font-size: calc(var(--typeBaseSize)*.65); line-height: 1; padding: 6px 5px 6px 7px; position: absolute; right: 0; top: 0; transition: opacity .4s ease; z-index: 2 } .grid-product__tag.grid-product__tag--sold-out { background-color: var(--colorBody); color: var(--colorTextBody) } @media only screen and (min-width: 769px) { .grid-product__tag { font-size:calc(var(--typeBaseSize)*.85); padding: 7px 7px 7px 9px } } .grid-product__tag--sale { background-color: var(--colorSaleTag); color: var(--colorSaleTagText) } .quick-product__btn { background-color: var(--colorBtnPrimary); bottom: 10px; color: var(--colorBtnPrimaryText); cursor: pointer; font-size: calc(var(--typeBaseSize)*.85); left: 10px; opacity: 0; overflow: hidden; padding: 8px 5px; position: absolute; right: 10px; text-align: center; transform: translateY(5px); transition: opacity .25s ease,transform .25s ease-out,background .4s ease; width: calc(100% - 20px); z-index: 2 } .no-js .quick-product__btn { display: none } .grid-product__content:hover .quick-product__btn { opacity: 1; transform: translateY(0); transition: opacity .25s ease,transform .25s ease-out } .supports-touch .quick-product__btn { display: none } .grid-product:focus-within .quick-product__btn { opacity: 1; transform: translateY(0); transition: opacity .25s ease,transform .25s ease-out } .quick-product__btn--not-ready { pointer-events: none } @media only screen and (max-width: 768px) { .grid-overflow-wrapper { -webkit-overflow-scrolling:touch; overflow: hidden; overflow-x: scroll } .grid-overflow-wrapper .grid { display: flex; white-space: nowrap } .grid-overflow-wrapper .grid__item { display: inline-block; flex: 0 0 39vw; float: none; white-space: normal; width: 39vw } .grid-overflow-wrapper .grid__item:first-child { margin-left: 17px } .grid-overflow-wrapper .grid__item:last-child:after { content: ""; display: inline-block; margin-right: 17px; width: 100% } .grid-overflow-wrapper .grid__item--view-all { align-self: center } .grid-overflow-wrapper .grid-product__price,.grid-overflow-wrapper .grid__item { font-size: .75rem } [data-aos=overflow__animation] { transform: translate(100vw); transition: all .8s cubic-bezier(.25,.46,.45,.94) } .aos-animate[data-aos=overflow__animation] { transform: translate(0) } [data-disable-animations=true] [data-aos=overflow__animation] { transform: none; transition: none } } .grid-product__see-all { border: 1px solid; border-color: var(--colorBorder); display: inline-block; margin-top: -60px; padding: 15px; text-align: center } [data-center-text=true] .grid-product__colors { text-align: center } .grid-product__colors { display: flex; flex-wrap: wrap; line-height: 15px; margin-top: 3px } @media only screen and (min-width: 769px) { .grid-product__colors { line-height:19px } } [data-center-text=true] .grid-product__colors { align-items: center; justify-content: center } .grid-product__colors+.grid-product__colors { margin-top: 4px } .grid-product__title { text-transform: none!important; letter-spacing: 0em!important } .grid-product__tag--sale,div.product__policies.rte.small--text-center { display: none } div.product-block.product-block--price { margin-bottom: -5px } @media only screen and (min-width: 769px) { .product-single__sticky { position:sticky; top: 200px } .sticky-header .product-single__sticky { top: 140px } .modal--quick-shop .product-single__sticky { top: 0 } } .grid__image-ratio { background-color: var(--colorSmallImageBg); position: relative; } .grid__image-ratio img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% } .grid__image-ratio img.grid__image-contain { -o-object-fit: contain; object-fit: contain } .grid__image-ratio:before { content: ""; display: block; height: 0; width: 100% } .grid__image-ratio .placeholder-svg { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .grid__image-ratio--object { opacity: 1 } .grid__image-ratio--wide:before { padding-bottom: 55.25%; } .grid__image-ratio--landscape:before { padding-bottom: 75% } .grid__image-ratio--square:before { padding-bottom: 100% } .grid__image-ratio--portrait:before { padding-bottom: 150% } [data-center-text=true] .social-sharing { text-align: center } .social-sharing .icon { height: 18px; width: 18px } .social-sharing__link { border-radius: 2px; color: var(--colorTextBody); display: inline-block; font-weight: 400; margin: 0 18px 0 0; -webkit-text-decoration: none; text-decoration: none } .social-sharing__link:last-child { margin-right: 0 } .social-sharing__title { display: inline-block; font-size: calc(var(--typeBaseSize)*.85); padding-left: 3px; padding-right: 15px; vertical-align: middle } .grid-search { margin-bottom: 30px } .grid-search__product { position: relative; text-align: center } .grid-search__page-link { background-color: var(--colorBodyLightDim); color: var(--colorTextBody); display: block; overflow: hidden; padding: 20px; text-overflow: ellipsis } .grid-search__page-link:focus,.grid-search__page-link:hover { background-color: var(--colorBodyMediumDim) } .grid-search__page-link, .grid-search__product-link { height: 280px; } .grid-search__page-content { display: block; height: 100%; overflow: hidden } .grid-search__page-content .title { font-size: 15px; } .grid-search__page-content img { display: block; height: 160px; margin-bottom: 10px; margin-top: 8px; } .grid-search__image { display: block; margin: 0 auto; max-height: 100%; max-width: 100%; padding: 20px } @media only screen and (min-width: 769px) { .grid-search__image { left:50%; position: absolute; top: 50%; transform: translate(-50%,-50%) } } .slideshow-wrapper { position: relative } .slideshow__pause:focus { clip: auto; background-color: var(--colorBtnPrimary); color: var(--colorBtnPrimaryText); height: auto; margin: 0; padding: 10px; transition: none; width: auto; z-index: 10000 } .video-is-playing .slideshow__pause:focus { display: none } .slideshow__pause-stop { display: block } .is-paused .slideshow__pause-stop,.slideshow__pause-play { display: none } .is-paused .slideshow__pause-play { display: block } .slideshow__slide { display: none; height: 100%; overflow: hidden; position: relative; width: 100% } .slideshow__slide:first-child,.flickity-slider .slideshow__slide { display: block } .hero { background: var(--colorLargeImageBg); overflow: hidden; position: relative } .hero__media-container,.hero__image-wrapper,.hero__media { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .hero__image-wrapper:before,.hero__media:before { background-color: var(--colorImageOverlay); bottom: 0; content: ""; left: 0; opacity: var(--colorImageOverlayOpacity); position: absolute; right: 0; top: 0; z-index: 3 } .video-interactable .hero__image-wrapper:before,.video-interactable .hero__media:before { pointer-events: none } .hero__image { height: 100%; -o-object-fit: cover; object-fit: cover; position: relative; width: 100%; z-index: 1 } .hero__media { background-position: top; background-repeat: no-repeat; background-size: cover; z-index: 1 } .hero__image-wrapper--no-overlay:before { content: none } .hero__media iframe,.hero__media video { height: 100%; pointer-events: none; width: 100% } .video-interactable .hero__media iframe,.video-interactable .hero__media video { pointer-events: auto } .video-parent-section.loading .hero__media iframe,.video-parent-section.loading .hero__media video { opacity: .01 } .video-parent-section.loaded .hero__media iframe,.video-parent-section.loaded .hero__media video { animation: zoom-fade 2.5s cubic-bezier(.26,.54,.32,1) 0s forwards; opacity: 1; transition: none } .hero__media video { font-family: "object-fit: cover"; -o-object-fit: cover; object-fit: cover; position: relative } .hero__media iframe { left: -100%; max-width: none; position: absolute; top: 0; width: 300% } @media screen and (min-width: 1140px) { .hero__media iframe { height:300%; left: auto; top: -100%; width: 100% } } .vimeo-mobile-trigger { display: block; margin-top: 90px; position: absolute; width: 100%; z-index: 2 } .hero__text-content .vimeo-mobile-trigger { bottom: 120% } .vimeo-mobile-trigger .icon { background-color: #fff; border-radius: 50%; height: 40px; padding: 10px; width: 40px } .hero__slide-link { display: block; height: 100%; position: absolute; width: 100%; z-index: 5 } .hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse) { background: var(--colorBtnPrimaryLight); transition-delay: .25s } .hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after { animation: shine .75s cubic-bezier(.01,.56,1,1) } [data-button_style=angled] .hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after { animation: none } .hero__text-wrap { color: var(--colorHeroText); height: 100%; position: relative } .video-interactable .hero__text-wrap { pointer-events: none } .hero__text-wrap .page-width { display: table; height: 100%; width: 100% } .hero__text-content { padding: 15px 0; position: relative; z-index: 4 } @media only screen and (min-width: 769px) { .hero__text-content { padding:45px 0 } } [data-dots=true] .hero__text-content { padding-bottom: 40px } .hero__text-shadow { display: inline-block; position: relative } .hero__text-shadow:before { background: radial-gradient(rgba(0,0,0,var(--colorImageOverlayTextShadow)) 0%,transparent 60%); bottom: 0; content: ""; left: 0; margin: -100px -200px; position: absolute; right: 0; top: 0; z-index: auto; z-index: -1 } .hero__top-subtitle { font-size: 1.1em; letter-spacing: .3em; margin-bottom: 5px; text-transform: uppercase } .hero__title { display: block; margin-bottom: 0 } .hero__subtext { margin-top: 20px } .hero__subtitle { display: block; font-size: 1.3em; margin-bottom: 5px; margin-top: 5px; vertical-align: middle } .hero__link { display: block; position: relative } .video-interactable .hero__link { pointer-events: auto } .hero__link .btn { margin: 4px 3px 2px 0 } @media only screen and (min-width: 769px) { .hero__link .btn { margin-right:5px; margin-top: 0 } } [data-button_style=angled] .hero__link .btn { margin-left: 12px } .hero__link .btn+.btn { margin-left: 2px } @media only screen and (min-width: 769px) { .hero__link .btn+.btn { margin-left:10px } } [data-button_style=angled] .hero__link .btn+.btn { margin-left: 12px } .hero__link .btn .icon-play { margin-right: 5px; position: relative; top: -2px } [data-button_style=angled] .hero__link .animation-cropper { padding-right: 10px } .hero__text-content { display: table-cell } .hero__text-content .hero__link { margin-top: 7.5px } @media only screen and (min-width: 769px) { .hero__text-content .hero__link { margin-top:15px } } .hero__text-content.horizontal-left { text-align: left } .hero__text-content.horizontal-center { text-align: center } .hero__text-content.horizontal-right { text-align: right } .hero__text-content.vertical-center { vertical-align: middle } .hero__text-content.vertical-bottom { vertical-align: bottom } .overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center { padding-top: 50px } @media only screen and (min-width: 769px) { .overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center { padding-top:90px } } .hero--450px { height: 292.5px } .hero--550px { height: 357.5px } .hero--650px { height: 422.5px } .hero--750px { height: 487.5px } .hero--100vh { height: 100vh } @media only screen and (min-width: 769px) { .hero--natural[data-natural] { bottom:0; left: 0; position: absolute; right: 0; top: 0 } .hero--450px { height: 450px } .hero--550px { height: 550px } .hero--650px { height: 650px } .hero--750px { height: 750px } } @media only screen and (max-width: 768px) { .hero--mobile--auto[data-mobile-natural=true] { bottom:0; height: auto; left: 0; position: absolute; right: 0; top: 0 } .hero--natural[data-mobile-natural=false] { height: 500px } .hero--mobile--200px[data-mobile-natural=false] { height: 209px } .hero--mobile--250px[data-mobile-natural=false] { height: 250px } .hero--mobile--300px[data-mobile-natural=false] { height: 300px } .hero--mobile--400px[data-mobile-natural=false] { height: 400px } .hero--mobile--500px[data-mobile-natural=false] { height: 500px } .hero--mobile--100vh[data-mobile-natural=false] { height: 90vh } } .slideshow__slide .animation-cropper,[data-aos=hero__animation] .animation-cropper { opacity: 0 } .slideshow__slide .animation-contents,[data-aos=hero__animation] .animation-contents { opacity: 0; transform: translateY(15px); transition: none } .slideshow__slide:not(.animate-out) .hero__image,[data-aos=hero__animation]:not(.animate-out) .hero__image { opacity: 0; transition: none } .slideshow__slide .hero__link .btn,[data-aos=hero__animation] .hero__link .btn { opacity: 0; transition: none } .slideshow__slide .hero__image-wrapper,[data-aos=hero__animation] .hero__image-wrapper { opacity: 0; transform: translate(200px); transition: none } .loaded .slideshow__slide.is-selected .animation-cropper,.loaded[data-aos=hero__animation] .animation-cropper { opacity: 1 } .loaded .slideshow__slide.is-selected .animation-contents,.loaded[data-aos=hero__animation] .animation-contents { transform: translateY(0) } .loaded .slideshow__slide.is-selected .hero__title .animation-contents,.loaded[data-aos=hero__animation] .hero__title .animation-contents { animation: .8s cubic-bezier(.26,.54,.32,1) .3s forwards; animation-name: rise-up } .loaded .slideshow__slide.is-selected .hero__subtitle .animation-contents,.loaded .slideshow__slide.is-selected .hero__top-subtitle .animation-contents,.loaded[data-aos=hero__animation] .hero__subtitle .animation-contents,.loaded[data-aos=hero__animation] .hero__top-subtitle .animation-contents { animation: 1s cubic-bezier(.26,.54,.32,1) .7s forwards; animation-name: rise-up } .loaded .slideshow__slide.is-selected .hero__link .animation-contents,.loaded[data-aos=hero__animation] .hero__link .animation-contents { opacity: 1 } .loaded .slideshow__slide.is-selected .hero__link .btn,.loaded[data-aos=hero__animation] .hero__link .btn { animation: fade-in 2s ease 1.3s forwards } .loaded .slideshow__slide.is-selected .hero__link .btn:nth-child(2),.loaded[data-aos=hero__animation] .hero__link .btn:nth-child(2) { animation: fade-in 2s ease 1.6s forwards } .loaded .slideshow__slide.is-selected .hero__image,.loaded .slideshow__slide.is-selected .hero__image--svg,.loaded .slideshow__slide.is-selected .hero__media,.loaded[data-aos=hero__animation] .hero__image,.loaded[data-aos=hero__animation] .hero__image--svg,.loaded[data-aos=hero__animation] .hero__media { opacity: 1; transition: none } .loaded .slideshow__slide.is-selected .hero__image-wrapper,.loaded[data-aos=hero__animation] .hero__image-wrapper { opacity: 1; transform: translate(0); transition: transform .7s ease,opacity .7s ease } .loaded[data-aos=hero__animation] .hero__image-wrapper { transition: opacity .7s ease!important } .no-js .hero__image,.no-js .hero__image-wrapper { opacity: 1!important } .no-js .hero__image,.no-js .hero__image-wrapper { transform: none } .slideshow__slide.animate-out .animation-cropper { opacity: 0; transition: none } .slideshow__slide.animate-out .hero__image-wrapper { opacity: 0; transform: translate(-200px); transition: transform .5s ease-in .05s,opacity .5s ease-in .05s } .slideshow__slide.animate-out .hero__link { opacity: 0; transition: none } .background-media-text { background: var(--colorLargeImageBg); background-size: cover; overflow: hidden; position: absolute; width: 100% } .background-media-text__video { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; position: absolute; top: 0; width: 100%; z-index: 0 } @media only screen and (max-width: 768px) { .background-media-text__video { left:-100%; width: 300% } } .background-media-text__video iframe,.background-media-text__video video { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100% } @media only screen and (min-width: 769px) { .background-media-text__video iframe,.background-media-text__video video { height:120%; height: 150%; left: -100%; max-width: none; width: 300% } } @media screen and (min-width: 1140px) { .background-media-text__video iframe,.background-media-text__video video { height:300%; left: auto; top: -100%; width: 100% } } .video-interactable .background-media-text__video iframe,.video-interactable .background-media-text__video video { pointer-events: auto } .background-media-text__inner { height: 100%; position: absolute; width: 100%; z-index: 2 } .background-media-text__aligner { margin: 60px } .background-media-text__text { background: var(--colorBody); font-size: 1.1em; padding: 30px; text-align: left; width: 410px } html[dir=rtl] .background-media-text__text { text-align: right } @media only screen and (max-width: 768px) { .background-media-text__text { text-align:center } } .background-media-text__text--framed { border: 7px solid; border-color: var(--colorBody); box-shadow: inset 0 0 0 2px var(--colorTextBody) } @media only screen and (min-width: 769px) { .background-media-text__text--framed { border-width:10px } } .background-media-text__text .btn { margin-top: 15px } @media only screen and (min-width: 769px) { .background-media-text--right .animation-cropper { float:right } } .background-media-text__container { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } @media only screen and (max-width: 768px) { .background-media-text,.background-media-text__inner { position:relative } .background-media-text__container,.background-media-text__video { height: 240px; position: relative } .promo-video .background-media-text__container,.promo-video .background-media-text__video { height: 550px } .background-media-text__aligner { margin: -6px 6px 6px } .background-media-text__text { padding: 22.5px; width: auto } .background-media-text.loading:after,.background-media-text.loading:before { top: 117px } } @media only screen and (min-width: 769px) { .background-media-text--450,.background-media-text--450 .background-media-text__video,.background-media-text__spacer.background-media-text--450 { min-height:450px } .background-media-text--550,.background-media-text--550 .background-media-text__video,.background-media-text__spacer.background-media-text--550 { min-height: 550px } .background-media-text--650,.background-media-text--650 .background-media-text__video,.background-media-text__spacer.background-media-text--650 { min-height: 650px } .background-media-text--750,.background-media-text--750 .background-media-text__video,.background-media-text__spacer.background-media-text--750 { min-height: 750px } } [data-aos=background-media-text__animation] .background-media-text__image,[data-aos=background-media-text__animation] .background-media-text__image svg,[data-aos=background-media-text__animation] .background-media-text__video { animation: zoom-fade 2.5s cubic-bezier(.26,.54,.32,1) 0s forwards; transition: none } [data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__image,[data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__image svg,[data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__video { animation: none; opacity: 1 } [data-aos=background-media-text__animation].aos-animate .background-media-text__image,[data-aos=background-media-text__animation].aos-animate .background-media-text__image svg,[data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__video { animation: zoom-fade 2.5s cubic-bezier(.26,.54,.32,1) 0s forwards; transition: none } [data-disable-animations=true] .aos-animate[data-aos=background-media-text__animation] .background-media-text__image,[data-disable-animations=true] .aos-animate[data-aos=background-media-text__animation] .background-media-text__image svg,[data-disable-animations=true] .loaded.aos-animate[data-aos=background-media-text__animation] .background-media-text__video { animation: none } @media only screen and (min-width: 769px) { [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents { opacity:0 } .no-js [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents { animation: none; opacity: 1 } [data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__inner .animation-contents { animation: rise-up 1s cubic-bezier(.26,.54,.32,1) .5s forwards } [data-disable-animations=true] .loaded.aos-animate[data-aos=background-media-text__animation] .background-media-text__inner .animation-contents { animation: none; opacity: 1 } } .feature-row-wrapper { direction: ltr; overflow: hidden } .feature-row { align-items: center; display: flex; justify-content: space-between; margin: 0 auto } @media only screen and (min-width: 1050px) { .feature-row { margin:0 6% } } @media only screen and (max-width: 768px) { .feature-row { flex-direction:column!important; margin: 0 } } @media only screen and (max-width: 959px) { .feature-row--small-none { display:block } } .feature-row__item { flex: 0 1 57%; margin: 0 auto } @media only screen and (max-width: 768px) { .feature-row__item { flex:1 1 auto; max-width: 100%; min-width: 100% } } .feature-row__item--overlap-images { align-items: center; display: flex; justify-content: space-between; margin: 0 0 0 -30px; padding: 0 0 15px } @media only screen and (min-width: 769px) { .feature-row__item--overlap-images { margin:0 auto; padding: 50px 0 } } .feature-row__item--overlap-images>* { width: 50% } .feature-row__item--overlap-images>:first-child { transform: translate(30px,30px); z-index: 1 } @media only screen and (min-width: 769px) { .feature-row__item--overlap-images>:first-child { transform:translate(50px,50px) } } .feature-row__item--overlap-images svg { border: 2px solid; border-color: var(--colorBody) } .feature-row__image { display: block; margin: 0 auto; order: 1 } @media only screen and (min-width: 769px) { .feature-row__image { order:2 } } .feature-row__text { flex: 0 1 43%; min-width: 43%; padding: 0 } @media only screen and (max-width: 768px) { .feature-row__text { margin-top:0; order: 2; padding: 30px 20px 0 } } .feature-row__text .rte { margin: 0 } .feature-row__text .btn { margin-top: 15px } @media only screen and (min-width: 769px) { .feature-row__text--left { padding-left:60px } .feature-row__text--right { padding-right: 60px } } .feature-row__item--overlap-images .feature-row__first-image { width: 55% } .feature-row__item--overlap-images .feature-row__second-image { width: 60% } .feature-row__item--placeholder-images .placeholder-image-wrap { width: 50% } .feature-row-wrapper .feature-row__images { min-width: 0; width: 100% } @media only screen and (max-width: 959px) { .feature-row-wrapper .feature-row__images { padding-top:30px } } .feature-row-wrapper .feature-row__text { min-width: 0; width: 100% } @media only screen and (min-width: 769px) { .feature-row-wrapper .feature-row__text { flex:0 1 43%; min-width: 43% } } .feature-row--33 .feature-row__images { max-width: 50% } @media only screen and (min-width: 769px) { .feature-row--33 .feature-row__images { flex:0 1 33.333%; max-width: none } } .feature-row--50 .feature-row__images { max-width: 100%; padding-left: 20px; padding-right: 20px } @media only screen and (min-width: 769px) { .feature-row--50 .feature-row__images { flex:0 1 50%; max-width: none; padding-left: 0; padding-right: 0 } } .feature-row--66 .feature-row__images { max-width: 100%; padding-left: 20px; padding-right: 20px } @media only screen and (min-width: 769px) { .feature-row--66 .feature-row__images { flex:0 1 66.666%; max-width: none; padding-left: 0; padding-right: 0 } } .disclosure { position: relative } .disclosure__toggle { white-space: nowrap } .disclosure-list { background-color: var(--colorBody); border-radius: 0; bottom: 100%; box-shadow: 0 0 20px #00000017; color: var(--colorTextBody); display: none; margin: 0; max-height: 60vh; min-height: 92px; overflow-y: auto; padding: 10px 0; position: absolute } .disclosure-list a { color: currentColor } .disclosure-list--down { bottom: auto; top: 100%; z-index: 30 } .disclosure-list--left { right: 0 } .disclosure-list--visible { display: block } .disclosure-list__item { padding: 5px 15px 4px; text-align: left; white-space: nowrap } .disclosure-list__option:focus .disclosure-list__label,.disclosure-list__option:hover .disclosure-list__label { -webkit-text-decoration: underline; text-decoration: underline } .disclosure-list__item--current .disclosure-list__label { -webkit-text-decoration: underline; text-decoration: underline } .disclosure-list__label { display: inline-block; text-underline-offset: .2rem; vertical-align: middle } [data-disclosure-currency] .disclosure-list__label { padding-left: 10px } .disclosure-list__label span { border-bottom: 2px solid transparent } .is-active .disclosure-list__label span { border-bottom: 2px solid currentColor } .collection-content { padding-top: 22.5px } @media only screen and (min-width: 769px) { .collection-content { padding-top:45px } } .collection-filter { align-items: center; display: flex; justify-content: flex-end } @media only screen and (max-width: 768px) { .collection-filter { flex-wrap:wrap; justify-content: space-between; position: sticky; top: 17px; z-index: 5 } .sticky-header .collection-filter { top: 86px } } .collection-filter .btn,.collection-filter select { font-size: 16px; height: 44px } .collection-filter select { display: block; width: 100% } .collection-filter .btn { border: 1px solid; border-color: var(--colorBorder); padding: 0 20px } @media only screen and (max-width: 768px) { .collection-filter .btn { text-align:left; width: 100% } } .collection-filter .btn .icon { margin-right: 10px; position: relative; top: -2px } .collection-filter__item { flex: 1 1 auto; margin-bottom: 15px } .collection-filter .btn:not(.btn--tertiary-active),.collection-filter__sort-container { background: var(--colorBody) } .collection-filter__item--drawer { flex: 0 1 48% } .collection-filter__item--count { flex: 1 1 170%; text-align: center } .collection-filter__item--sort { flex: 0 1 48% } @media only screen and (max-width: 768px) { .collection-filter__item--count { flex:1 1 100%; order: 3 } } .rte.collection__description { margin-bottom: 45px } .collection-hero { background: var(--colorLargeImageBg); box-sizing: initial; height: 250px; overflow: hidden; position: relative; width: 100% } @media only screen and (min-width: 769px) { .collection-hero { height:420px } } .collection-hero__content { align-items: flex-end; bottom: 0; display: flex; left: 0; padding: 15px 0; position: absolute; top: 0; width: 100%; z-index: 1 } @media only screen and (min-width: 769px) { .collection-hero__content { padding:30px 0 } } [data-type_headers_align_text=true] .collection-hero__content { align-items: center } .overlaid-header .collection-hero__content { padding-top: 70px } @media only screen and (min-width: 769px) { .overlaid-header .collection-hero__content { padding-top:100px } } .collection-hero__content .page-width { width: 100% } .collection-hero__content:before { background-color: var(--colorImageOverlay); bottom: 0; content: ""; display: block; left: 0; opacity: var(--colorImageOverlayOpacity); position: absolute; right: 0; top: 0; z-index: auto } .collection-hero__content .section-header { animation: fade-in .5s 1s forwards; opacity: 0 } [data-disable-animations=true] .collection-hero__content .section-header { animation: none; opacity: 1 } .collection-hero__image { animation: zoom-fade 2.5s cubic-bezier(.26,.54,.32,1) 0s forwards; transition: none } [data-disable-animations=true] .collection-hero__image { animation: none; opacity: 1 } .collection-grid__wrapper.unload { min-height: 180px; opacity: .2; position: relative; transition: opacity .3s } .collection-grid__wrapper.unload [data-section-type=collection-grid] { animation: grid-product__loading 1.5s ease 1.5s infinite } .collection-sidebar { margin-bottom: 20px; padding-right: 10px } @media only screen and (min-width: 769px) { .grid__item--sidebar { max-height:90vh; overflow-y: auto; position: sticky; top: 10px } } .collection-sidebar__group { border-top: 1px solid; border-top-color: var(--colorDrawerBorder); margin-bottom: 5px; margin-top: 5px; overflow: hidden; padding-top: 5px } .collection-sidebar__group:first-child { margin-top: 0 } .collection-sidebar__group .collapsible-content__inner { padding-bottom: 5px } .filter-form div:first-of-type .collection-sidebar__group { border-top: 0; padding-top: 0 } .collection-item { display: block; margin-bottom: 17px; overflow: hidden; position: relative } @media only screen and (min-width: 769px) { .collection-item { margin-bottom:22px } } .grid--no-gutters .collection-item { margin-bottom: 0 } .collection-item:hover .collection-image { transform: scale(1.03); transition: all .8s ease } [data-disable-animations=true] .collection-item:hover .collection-image { transform: none; transition: none } .collection-item:not(.collection-item--below):after { background-color: var(--colorGridOverlay); bottom: 0; content: ""; left: 0; opacity: var(--colorGridOverlayOpacity); position: absolute; right: 0; top: 0; transition: opacity .8s ease; z-index: auto } .collection-item:not(.collection-item--below):hover:after { opacity: calc(var(--colorGridOverlayOpacity) + .15) } .collection-image { position: relative; transition: transform .3s ease } .collection-image img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% } .collection-item--below img { -o-object-fit: contain; object-fit: contain } .collection-image--placeholder { opacity: 1 } .collection-image--placeholder svg { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .collection-image--square { padding-bottom: 100% } .collection-image--landscape { padding-top: 75% } .collection-image--portrait { padding-top: 150% } .collection-item__title { display: block; font-size: calc(var(--typeCollectionTitle)*.8); line-height: 1em; z-index: 2 } @media only screen and (min-width: 769px) { .collection-item__title { font-size:var(--typeCollectionTitle) } .medium-up--one-fifth .collection-item__title { font-size: 16px } } [data-type_product_capitalize=true] .collection-item__title span { font-size: .8em; letter-spacing: .2em; text-transform: uppercase } .collection-item--below .collection-item__title { margin-top: 5px } .collection-item__title--heading { font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight: var(--typeHeaderWeight); letter-spacing: var(--typeHeaderSpacing); line-height: var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .collection-item__title--heading { text-transform: uppercase } .collection-item__title--overlaid,.collection-item__title--overlaid-box { display: block; left: 10px; position: absolute; right: 10px } .collection-item__title--overlaid { color: #fff; text-shadow: 0 0 50px #000 } .collection-item__title--overlaid-box>span { background-color: var(--colorBody); -webkit-box-decoration-break: clone; box-decoration-break: clone; color: var(--colorTextBody); display: inline-block; padding: 8px 15px } .collection-item__title--bottom-center,.collection-item__title--center,.collection-item__title--top-center { text-align: center } .collection-item__title--bottom-right,.collection-item__title--top-right .collection-item__title--right { text-align: right } .collection-item__title--center[class*=collection-item__title--overlaid],.collection-item__title--left[class*=collection-item__title--overlaid],.collection-item__title--right[class*=collection-item__title--overlaid] { top: 50%; transform: translateY(-50%) } .collection-item__title--top-center[class*=collection-item__title--overlaid],.collection-item__title--top-left[class*=collection-item__title--overlaid],.collection-item__title--top-right[class*=collection-item__title--overlaid] { top: 10px } @media only screen and (min-width: 769px) { .collection-item__title--top-center[class*=collection-item__title--overlaid],.collection-item__title--top-left[class*=collection-item__title--overlaid],.collection-item__title--top-right[class*=collection-item__title--overlaid] { top:18px } } .collection-item__title--bottom-center[class*=collection-item__title--overlaid],.collection-item__title--bottom-left[class*=collection-item__title--overlaid],.collection-item__title--bottom-right[class*=collection-item__title--overlaid] { bottom: 10px } @media only screen and (min-width: 769px) { .collection-item__title--bottom-center[class*=collection-item__title--overlaid],.collection-item__title--bottom-left[class*=collection-item__title--overlaid],.collection-item__title--bottom-right[class*=collection-item__title--overlaid] { bottom:18px } } .tag__input { cursor: pointer; height: 0; opacity: 0; position: absolute; width: 0 } .tag-list__header { text-align: left } .tag-list .tag-list { margin-left: 15px } .tag-list a,.tag-list label { cursor: pointer; display: block; line-height: 1.4 } .tag-list label:hover { -webkit-text-decoration: underline; text-decoration: underline; text-underline-offset: 2px } .tag--active>a,.tag--active>label { font-weight: 900 } .tag-list--active-tags:empty { display: none } .tag-list--checkboxes { padding-bottom: 6px } .tag-list--checkboxes a { font-size: calc(var(--typeBaseSize) - 2px); font-size: max(calc(var(--typeBaseSize) - 2px),14px); padding-left: 25px; position: relative } .tag-list--checkboxes a:before { content: ""; left: 0; position: absolute; top: 50%; transform: translateY(-50%) } .tag-list--checkboxes a:before { border: 1px solid; border-color: var(--colorBorder); height: 16px; width: 16px } .tag--active .tag__checkbox:after,.tag-list--checkboxes .tag--active a:after,input:checked~.tag__checkbox:after { background-color: var(--colorTextBody); border-color: var(--colorTextBody) } .tag--remove { position: relative } .tag--remove a { text-align: left } .tag--remove .icon { color: var(--colorBtnPrimaryText); pointer-events: none; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) } .tag-list--swatches { margin-left: -2px; margin-top: 2px } .drawer .tag-list--swatches { margin-left: -2px } .tag-list--swatches li { display: inline-block } label.tag__checkbox-wrapper { display: flex } .tag__checkbox { padding-left: 25px; position: relative } .tag__checkbox:after,.tag__checkbox:before { content: ""; left: 0; position: absolute; top: 50%; transform: translateY(-50%) } .tag__checkbox:before { border: 1px solid; border-color: var(--colorBorder); height: 16px; width: 16px } .tag__checkbox:after { height: 10px; left: 3px; width: 10px } .pagination { margin: 0; padding: 60px 0; text-align: center } .pagination>span { display: inline-block; line-height: 1; vertical-align: middle } .pagination a { display: inline-block } .pagination .page.current,.pagination a { padding: 8px 12px } .pagination .page.current { opacity: .3 } .pagination .next,.pagination .prev { background: var(--colorBtnPrimary); color: var(--colorBtnPrimaryText); margin: 0 10px; width: 43px } @media only screen and (max-width: 768px) { .pagination .next,.pagination .prev { width:35px } } .pagination .next a,.pagination .prev a { align-items: center; display: flex; justify-content: center; padding: 15px } .pagination .next .icon,.pagination .prev .icon { color: var(--colorBtnPrimaryText); height: 14px; width: 13px } @media only screen and (max-width: 768px) { .pagination .next .icon,.pagination .prev .icon { height:12px; width: 12px } } .currency-flag { margin: -.55rem; transform: scale(.55); } [data-center-text=true] .payment-icons { text-align: center } .payment-icons { cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none } .payment-icons li { cursor: default; } .payment-icons .list { display: flex; gap: 7px; flex-wrap: wrap; margin: 0; justify-content: center; } .icon { fill: currentColor; display: inline-block; height: 20px; vertical-align: middle; width: 20px; } .no-svg .icon { display: none } svg.icon circle,svg.icon ellipse,svg.icon g,svg.icon line,svg.icon path,svg.icon polygon,svg.icon polyline,svg.icon rect,symbol.icon circle,symbol.icon ellipse,symbol.icon g,symbol.icon line,symbol.icon path,symbol.icon polygon,symbol.icon polyline,symbol.icon rect { fill: inherit; stroke: inherit } svg.icon-bag circle,svg.icon-bag ellipse,svg.icon-bag g,svg.icon-bag line,svg.icon-bag path,svg.icon-bag polygon,svg.icon-bag polyline,svg.icon-bag rect,svg.icon-bag-minimal circle,svg.icon-bag-minimal ellipse,svg.icon-bag-minimal g,svg.icon-bag-minimal line,svg.icon-bag-minimal path,svg.icon-bag-minimal polygon,svg.icon-bag-minimal polyline,svg.icon-bag-minimal rect,svg.icon-cart circle,svg.icon-cart ellipse,svg.icon-cart g,svg.icon-cart line,svg.icon-cart path,svg.icon-cart polygon,svg.icon-cart polyline,svg.icon-cart rect,svg.icon-chevron-down circle,svg.icon-chevron-down ellipse,svg.icon-chevron-down g,svg.icon-chevron-down line,svg.icon-chevron-down path,svg.icon-chevron-down polygon,svg.icon-chevron-down polyline,svg.icon-chevron-down rect,svg.icon-circle-checkmark circle,svg.icon-circle-checkmark ellipse,svg.icon-circle-checkmark g,svg.icon-circle-checkmark line,svg.icon-circle-checkmark path,svg.icon-circle-checkmark polygon,svg.icon-circle-checkmark polyline,svg.icon-circle-checkmark rect,svg.icon-close circle,svg.icon-close ellipse,svg.icon-close g,svg.icon-close line,svg.icon-close path,svg.icon-close polygon,svg.icon-close polyline,svg.icon-close rect,svg.icon-email circle,svg.icon-email ellipse,svg.icon-email g,svg.icon-email line,svg.icon-email path,svg.icon-email polygon,svg.icon-email polyline,svg.icon-email rect,svg.icon-filter circle,svg.icon-filter ellipse,svg.icon-filter g,svg.icon-filter line,svg.icon-filter path,svg.icon-filter polygon,svg.icon-filter polyline,svg.icon-filter rect,svg.icon-gift circle,svg.icon-gift ellipse,svg.icon-gift g,svg.icon-gift line,svg.icon-gift path,svg.icon-gift polygon,svg.icon-gift polyline,svg.icon-gift rect,svg.icon-globe circle,svg.icon-globe ellipse,svg.icon-globe g,svg.icon-globe line,svg.icon-globe path,svg.icon-globe polygon,svg.icon-globe polyline,svg.icon-globe rect,svg.icon-hamburger circle,svg.icon-hamburger ellipse,svg.icon-hamburger g,svg.icon-hamburger line,svg.icon-hamburger path,svg.icon-hamburger polygon,svg.icon-hamburger polyline,svg.icon-hamburger rect,svg.icon-heart circle,svg.icon-heart ellipse,svg.icon-heart g,svg.icon-heart line,svg.icon-heart path,svg.icon-heart polygon,svg.icon-heart polyline,svg.icon-heart rect,svg.icon-leaf circle,svg.icon-leaf ellipse,svg.icon-leaf g,svg.icon-leaf line,svg.icon-leaf path,svg.icon-leaf polygon,svg.icon-leaf polyline,svg.icon-leaf rect,svg.icon-lock circle,svg.icon-lock ellipse,svg.icon-lock g,svg.icon-lock line,svg.icon-lock path,svg.icon-lock polygon,svg.icon-lock polyline,svg.icon-lock rect,svg.icon-package circle,svg.icon-package ellipse,svg.icon-package g,svg.icon-package line,svg.icon-package path,svg.icon-package polygon,svg.icon-package polyline,svg.icon-package rect,svg.icon-phone circle,svg.icon-phone ellipse,svg.icon-phone g,svg.icon-phone line,svg.icon-phone path,svg.icon-phone polygon,svg.icon-phone polyline,svg.icon-phone rect,svg.icon-ribbon circle,svg.icon-ribbon ellipse,svg.icon-ribbon g,svg.icon-ribbon line,svg.icon-ribbon path,svg.icon-ribbon polygon,svg.icon-ribbon polyline,svg.icon-ribbon rect,svg.icon-search circle,svg.icon-search ellipse,svg.icon-search g,svg.icon-search line,svg.icon-search path,svg.icon-search polygon,svg.icon-search polyline,svg.icon-search rect,svg.icon-shield circle,svg.icon-shield ellipse,svg.icon-shield g,svg.icon-shield line,svg.icon-shield path,svg.icon-shield polygon,svg.icon-shield polyline,svg.icon-shield rect,svg.icon-size-chart circle,svg.icon-size-chart ellipse,svg.icon-size-chart g,svg.icon-size-chart line,svg.icon-size-chart path,svg.icon-size-chart polygon,svg.icon-size-chart polyline,svg.icon-size-chart rect,svg.icon-tag circle,svg.icon-tag ellipse,svg.icon-tag g,svg.icon-tag line,svg.icon-tag path,svg.icon-tag polygon,svg.icon-tag polyline,svg.icon-tag rect,svg.icon-tcwi-bills circle,svg.icon-tcwi-bills ellipse,svg.icon-tcwi-bills g,svg.icon-tcwi-bills line,svg.icon-tcwi-bills path,svg.icon-tcwi-bills polygon,svg.icon-tcwi-bills polyline,svg.icon-tcwi-bills rect,svg.icon-tcwi-calendar circle,svg.icon-tcwi-calendar ellipse,svg.icon-tcwi-calendar g,svg.icon-tcwi-calendar line,svg.icon-tcwi-calendar path,svg.icon-tcwi-calendar polygon,svg.icon-tcwi-calendar polyline,svg.icon-tcwi-calendar rect,svg.icon-tcwi-cart circle,svg.icon-tcwi-cart ellipse,svg.icon-tcwi-cart g,svg.icon-tcwi-cart line,svg.icon-tcwi-cart path,svg.icon-tcwi-cart polygon,svg.icon-tcwi-cart polyline,svg.icon-tcwi-cart rect,svg.icon-tcwi-charity circle,svg.icon-tcwi-charity ellipse,svg.icon-tcwi-charity g,svg.icon-tcwi-charity line,svg.icon-tcwi-charity path,svg.icon-tcwi-charity polygon,svg.icon-tcwi-charity polyline,svg.icon-tcwi-charity rect,svg.icon-tcwi-chat circle,svg.icon-tcwi-chat ellipse,svg.icon-tcwi-chat g,svg.icon-tcwi-chat line,svg.icon-tcwi-chat path,svg.icon-tcwi-chat polygon,svg.icon-tcwi-chat polyline,svg.icon-tcwi-chat rect,svg.icon-tcwi-gears circle,svg.icon-tcwi-gears ellipse,svg.icon-tcwi-gears g,svg.icon-tcwi-gears line,svg.icon-tcwi-gears path,svg.icon-tcwi-gears polygon,svg.icon-tcwi-gears polyline,svg.icon-tcwi-gears rect,svg.icon-tcwi-gift circle,svg.icon-tcwi-gift ellipse,svg.icon-tcwi-gift g,svg.icon-tcwi-gift line,svg.icon-tcwi-gift path,svg.icon-tcwi-gift polygon,svg.icon-tcwi-gift polyline,svg.icon-tcwi-gift rect,svg.icon-tcwi-globe circle,svg.icon-tcwi-globe ellipse,svg.icon-tcwi-globe g,svg.icon-tcwi-globe line,svg.icon-tcwi-globe path,svg.icon-tcwi-globe polygon,svg.icon-tcwi-globe polyline,svg.icon-tcwi-globe rect,svg.icon-tcwi-open-envelope circle,svg.icon-tcwi-open-envelope ellipse,svg.icon-tcwi-open-envelope g,svg.icon-tcwi-open-envelope line,svg.icon-tcwi-open-envelope path,svg.icon-tcwi-open-envelope polygon,svg.icon-tcwi-open-envelope polyline,svg.icon-tcwi-open-envelope rect,svg.icon-tcwi-package circle,svg.icon-tcwi-package ellipse,svg.icon-tcwi-package g,svg.icon-tcwi-package line,svg.icon-tcwi-package path,svg.icon-tcwi-package polygon,svg.icon-tcwi-package polyline,svg.icon-tcwi-package rect,svg.icon-tcwi-phone circle,svg.icon-tcwi-phone ellipse,svg.icon-tcwi-phone g,svg.icon-tcwi-phone line,svg.icon-tcwi-phone path,svg.icon-tcwi-phone polygon,svg.icon-tcwi-phone polyline,svg.icon-tcwi-phone rect,svg.icon-tcwi-plant circle,svg.icon-tcwi-plant ellipse,svg.icon-tcwi-plant g,svg.icon-tcwi-plant line,svg.icon-tcwi-plant path,svg.icon-tcwi-plant polygon,svg.icon-tcwi-plant polyline,svg.icon-tcwi-plant rect,svg.icon-tcwi-recycle circle,svg.icon-tcwi-recycle ellipse,svg.icon-tcwi-recycle g,svg.icon-tcwi-recycle line,svg.icon-tcwi-recycle path,svg.icon-tcwi-recycle polygon,svg.icon-tcwi-recycle polyline,svg.icon-tcwi-recycle rect,svg.icon-tcwi-ribbon circle,svg.icon-tcwi-ribbon ellipse,svg.icon-tcwi-ribbon g,svg.icon-tcwi-ribbon line,svg.icon-tcwi-ribbon path,svg.icon-tcwi-ribbon polygon,svg.icon-tcwi-ribbon polyline,svg.icon-tcwi-ribbon rect,svg.icon-tcwi-sales-tag circle,svg.icon-tcwi-sales-tag ellipse,svg.icon-tcwi-sales-tag g,svg.icon-tcwi-sales-tag line,svg.icon-tcwi-sales-tag path,svg.icon-tcwi-sales-tag polygon,svg.icon-tcwi-sales-tag polyline,svg.icon-tcwi-sales-tag rect,svg.icon-tcwi-shield circle,svg.icon-tcwi-shield ellipse,svg.icon-tcwi-shield g,svg.icon-tcwi-shield line,svg.icon-tcwi-shield path,svg.icon-tcwi-shield polygon,svg.icon-tcwi-shield polyline,svg.icon-tcwi-shield rect,svg.icon-tcwi-stopwatch circle,svg.icon-tcwi-stopwatch ellipse,svg.icon-tcwi-stopwatch g,svg.icon-tcwi-stopwatch line,svg.icon-tcwi-stopwatch path,svg.icon-tcwi-stopwatch polygon,svg.icon-tcwi-stopwatch polyline,svg.icon-tcwi-stopwatch rect,svg.icon-tcwi-store circle,svg.icon-tcwi-store ellipse,svg.icon-tcwi-store g,svg.icon-tcwi-store line,svg.icon-tcwi-store path,svg.icon-tcwi-store polygon,svg.icon-tcwi-store polyline,svg.icon-tcwi-store rect,svg.icon-tcwi-thumbs-up circle,svg.icon-tcwi-thumbs-up ellipse,svg.icon-tcwi-thumbs-up g,svg.icon-tcwi-thumbs-up line,svg.icon-tcwi-thumbs-up path,svg.icon-tcwi-thumbs-up polygon,svg.icon-tcwi-thumbs-up polyline,svg.icon-tcwi-thumbs-up rect,svg.icon-tcwi-trophy circle,svg.icon-tcwi-trophy ellipse,svg.icon-tcwi-trophy g,svg.icon-tcwi-trophy line,svg.icon-tcwi-trophy path,svg.icon-tcwi-trophy polygon,svg.icon-tcwi-trophy polyline,svg.icon-tcwi-trophy rect,svg.icon-tcwi-truck circle,svg.icon-tcwi-truck ellipse,svg.icon-tcwi-truck g,svg.icon-tcwi-truck line,svg.icon-tcwi-truck path,svg.icon-tcwi-truck polygon,svg.icon-tcwi-truck polyline,svg.icon-tcwi-truck rect,svg.icon-tcwi-wallet circle,svg.icon-tcwi-wallet ellipse,svg.icon-tcwi-wallet g,svg.icon-tcwi-wallet line,svg.icon-tcwi-wallet path,svg.icon-tcwi-wallet polygon,svg.icon-tcwi-wallet polyline,svg.icon-tcwi-wallet rect,svg.icon-truck circle,svg.icon-truck ellipse,svg.icon-truck g,svg.icon-truck line,svg.icon-truck path,svg.icon-truck polygon,svg.icon-truck polyline,svg.icon-truck rect,svg.icon-user circle,svg.icon-user ellipse,svg.icon-user g,svg.icon-user line,svg.icon-user path,svg.icon-user polygon,svg.icon-user polyline,svg.icon-user rect { fill: none; stroke-width: var(--iconWeight); stroke: currentColor; stroke-linecap: var(--iconLinecaps); stroke-linejoin: var(--iconLinecaps) } svg.icon-cart circle { fill: currentColor } .toolbar__social .icon { height: 16px; position: relative; top: -2px; width: 16px } div.jdgm-widget.jdgm-preview-badge.jdgm-preview-badge--with-link.jdgm--done-setup>div { font-size: 14px!important } .variant__button-label,.btn,.product-reviews .spr-button,.product-reviews .spr-summary-actions a,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded { border-radius: var(--buttonRadius); } .icon__fallback-text { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .js-drawer-open { overflow: hidden } .drawer { display: none; position: fixed; overflow: hidden; -webkit-overflow-scrolling: touch; top: 0; bottom: 0; padding: 0 15px 15px; max-width: 95%; z-index: 30; color: #000; background-color: #fff; box-shadow: 0 0 150px #0000001a; transition: transform .25s cubic-bezier(.165,.84,.44,1) } @media only screen and (min-width: 769px) { .drawer { padding:0 30px 30px } } .drawer a:not(.btn) { color: #000 } .drawer a:not(.btn):hover { color: #000 } .drawer input,.drawer textarea { border-color: #e8e8e1 } .drawer--left { width: 300px; left: -300px } .drawer--left.drawer--is-open { display: block; transform: translate(300px); transition-duration: .45s } .drawer--right { width: 300px; right: -300px } @media only screen and (min-width: 769px) { .drawer--right { width:400px; right: -400px } } .drawer--right.drawer--is-open { display: block; transform: translate(-300px); transition-duration: .45s } @media only screen and (min-width: 769px) { .drawer--right.drawer--is-open { transform:translate(-400px) } } .js-drawer-open .main-content:after,.js-drawer-closing .main-content:after { content: ""; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #e6e6e6; opacity: 0; z-index: 26 } .js-drawer-open .main-content:after { animation: overlay-on .35s forwards } .js-drawer-closing .main-content:after { animation: overlay-off .25s forwards } .drawer__header { display: table; height: 70px; width: 100%; padding: 11.53846px 0; margin-bottom: 0; border-bottom: 1px solid #e8e8e1 } @media only screen and (min-width: 769px) { .drawer__header { height:119px } } @media only screen and (min-width: 769px) { .drawer__header--full { padding-left:30px; padding-right: 30px } } .drawer__fixed-header { position: absolute; top: 0; left: 0; right: 0; height: 70px; overflow: visible } @media only screen and (min-width: 769px) { .drawer__fixed-header { height:119px } } @media only screen and (min-width: 769px) { .drawer__fixed-header:not(.drawer__fixed-header--full) { left:30px; right: 30px } } .drawer__title,.drawer__close { display: table-cell; vertical-align: middle } .drawer__title { width: 100% } @media only screen and (max-width: 768px) { .drawer__title { padding-left:15px } } .drawer__close { width: 1%; text-align: center } .drawer__close-button { position: relative; height: 100%; padding: 0 15px; color: inherit } .drawer__close-button:active { background-color: #f2f2f2 } .drawer__close-button .icon { height: 28px; width: 28px } @media only screen and (min-width: 769px) { .drawer__close-button { right:-30px } } .drawer__close--left { text-align: left } .drawer__close--left .drawer__close-button { right: auto; left: -30px } .drawer__inner { position: absolute; top: 70px; bottom: 0; left: 0; right: 0; padding: 15px 15px 0; overflow: auto; -webkit-overflow-scrolling: touch } @media only screen and (min-width: 769px) { .drawer__inner { top:119px; padding-left: 30px; padding-right: 30px } } .drawer--has-fixed-footer .drawer__inner { overflow: hidden; overflow-y: auto } .drawer__inner--has-fixed-footer { position: absolute; top: 0; left: 0; right: 0; margin: 0; padding: 15px 15px 0; bottom: 130px; overflow: auto; -webkit-overflow-scrolling: touch } @media only screen and (min-width: 769px) { .drawer__inner--has-fixed-footer { padding:22.22222px 30px 0 } } @media screen and (max-height: 400px) { .drawer__inner--has-fixed-footer { position:static; padding: 0 } } .drawer__footer { border-top: 1px solid #e8e8e1; padding-top: 15px } @media only screen and (min-width: 769px) { .drawer__footer { padding-top:22.22222px } } .drawer__footer--fixed { position: absolute; bottom: 0; left: 15px; right: 15px; min-height: 130px; padding-bottom: 30px } @media only screen and (max-width: 768px) { .drawer__footer--fixed { padding-bottom:15px } } @media only screen and (min-width: 769px) { .drawer__footer--fixed { left:30px; right: 30px } } @media screen and (max-height: 400px) { .drawer__footer--fixed { position:static } } .drawer__cart.is-loading { min-height: 100px } .drawer__cart.is-loading .cart { transition: opacity .3s ease .7s; opacity: .4 } .errors,.note { border: 1px solid transparent; border-radius: 0; margin-bottom: 15px; padding: 6px 12px; text-align: left } .errors ol,.errors ul,.note ol,.note ul { margin-bottom: 0; margin-top: 0 } .errors li:last-child,.note li:last-child { margin-bottom: 0 } .errors p,.note p { margin-bottom: 0 } .note { border-color: var(--colorBorder) } .errors ul { list-style: disc outside; margin-left: 20px } .note--success { background-color: #ecfef0; border-color: #56ad6a; color: #56ad6a } .note--success a { color: #56ad6a; -webkit-text-decoration: underline; text-decoration: underline } .note--success a:hover { -webkit-text-decoration: none; text-decoration: none } .errors,.form-error { background-color: #fff6f6; border-color: #d02e2e; color: #d02e2e } .errors a,.form-error a { color: #d02e2e; -webkit-text-decoration: underline; text-decoration: underline } .errors a:hover,.form-error a:hover { -webkit-text-decoration: none; text-decoration: none } @media only screen and (min-width: 769px) { .cart__page { align-items:flex-start; display: flex; flex-wrap: wrap; justify-content: space-between } .cart__page-col:first-child { flex: 1 1 60%; padding-right: 50px } .cart__page-col:last-child { flex: 0 1 35%; padding: 30px; position: sticky; top: 10% } .cart__page-col:last-child:after { background-color: var(--colorTextBody); bottom: 0; content: ""; left: 0; opacity: .03; position: absolute; right: 0; top: 0; z-index: -1 } } .cart__item { border-bottom: 1px solid; border-bottom-color: var(--colorBorder); display: flex; margin-bottom: 20px; padding-bottom: 20px } .cart__item:first-child { padding-top: 10px } .cart__item:last-child { border-bottom: 0; margin-bottom: 0 } .cart__image { flex: 0 0 150px; margin-right: var(--grid-gutter); position: relative } .cart__image a { display: block; height: 100px; position: relative; width: 100% } .cart__image img { display: block; height: 100%; -o-object-fit: contain; object-fit: contain; position: absolute; width: 100% } .drawer .cart__image { flex: 0 0 100px } .cart__item-details { display: flex; flex: 1 1 auto; flex-wrap: wrap } .cart__item-title { flex: 1 1 100% } .drawer .cart__item-title { font-size: calc(var(--typeBaseSize)*.85) } .cart__item-sub { display: flex; flex: 1 1 100%; justify-content: space-between; line-height: 1 } .cart__item-sub>div:first-child { margin-right: 10px } .cart__item-row { margin-bottom: 20px } .cart__remove a { display: inline-block; margin-top: 10px } .drawer .cart__remove { display: none } .cart__checkout { width: 100% } .cart__item-name { display: block; font-size: calc(var(--typeBaseSize) + 1px); margin-bottom: 8px } .cart__item--variants { margin-bottom: 10px } .cart__item--variants span { font-weight: 700 } .cart__price { display: block } .cart__price--strikethrough { -webkit-text-decoration: line-through; text-decoration: line-through } .cart__discount { color: var(--colorTextSavings) } .cart__terms { align-items: center; display: flex; justify-content: center } .cart__terms label { letter-spacing: 0; margin-bottom: 0; text-transform: none } .cart__checkout-wrapper { margin-top: 20px } .cart__checkout-wrapper .additional-checkout-buttons { margin-top: 12px } .drawer .additional-checkout-buttons { margin: 10px 0 } .drawer .additional-checkout-buttons [data-shopify-buttoncontainer] { justify-content: center } .drawer .additional-checkout-buttons [data-shopify-buttoncontainer]>* { height: auto!important } iframe.zoid-component-frame { z-index: 1!important } .drawer__cart-empty,.drawer.is-empty .drawer__inner { display: none } .drawer.is-empty .drawer__cart-empty { display: block } .cart__item--properties { font-size: calc(var(--typeBaseSize) - 2px); line-height: 1.3; margin-bottom: 10px } .cart__item--properties span { font-weight: 700 } .cart__image { flex: 0 0 150px } .cart__image a { height: 150px } .cart__remove { font-size: 16px } .cart__price--strikethrough { margin-bottom: 5px; color: #ce5a45 } .cart__price { margin-bottom: 5px } small.cart__discount { font-style: italic } @media only screen and (max-width: 768px) { .cart__image { flex:0 0 100px } .cart__image a { height: 100px } .cart__item-name { font-size: calc(var(--typeBaseSize) + -2px) } .cart__remove { font-size: 14px } .js-qty__num { padding: 2px 20px } .cart__item--variants { font-size: calc(var(--typeBaseSize) + -4px) } } div.cart__item-sub.cart__item-row { font-size: 20px; font-weight: 700; line-height: 1.6 } @media only screen and (max-width: 768px) { .cart__page-col-products { border-bottom:1px solid #cccccc!important } .cart__page-col-checkout { padding-top: 20px!important } button.btn.cart__checkout { padding: 12px 17px!important; font-size: calc(var(--typeBaseSize) - 5px); font-size: max(calc(var(--typeBaseSize) - 5px),20px)!important } } @media only screen and (min-width: 769px) { button.btn.cart__checkout { font-size:max(calc(var(--typeBaseSize) - 4px),18px)!important; padding: 14px 20px!important } } .total-savings { color: #ce5a45; font-weight: 400!important; font-size: 17px!important } .cart__discount { color: #000 } .cart__price--strikethrough { color: #8c8b8b } .ajaxcart__row>.grid { margin-left: -15px } .ajaxcart__row>.grid>.grid__item { padding-left: 15px } .ajaxcart__product { position: relative; max-height: 500px } .ajaxcart__product.is-removed { max-height: 0; overflow: hidden; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all .45s cubic-bezier(.57,.06,.05,.95) } .ajaxcart__row { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e8e8e1 } @media only screen and (min-width: 769px) { .ajaxcart__row { padding-bottom:22.22222px; margin-bottom: 22.22222px } } .ajaxcart__product:last-child .ajaxcart__row { border-bottom: 0 none; padding-bottom: 0 } .ajaxcart__product-image { display: block; overflow: hidden; padding-top: 3px } .ajaxcart__product-image img { display: block; margin: 0 auto; max-width: 100% } .ajaxcart__product-name,.ajaxcart__product-meta { display: block } .ajaxcart__product-name--wrapper { margin-bottom: 11px } .ajaxcart__product-name+.ajaxcart__product-meta { padding-top: 8px } .ajaxcart__discount { padding-top: 3px } .shopify-payment-button { margin-top: 10px } .shopify-payment-button .shopify-payment-button__button--unbranded { display: block; width: 100%; transition: none } .payment-buttons .add-to-cart,.payment-buttons .shopify-payment-button,.payment-buttons .shopify-payment-button__button--unbranded { min-height: 50px } .add-to-cart.btn--secondary { border: 1px solid black } .shopify-payment-button__button--hidden { display: none!important } .timer-cart-js { text-align: center; background-color: #f4c1b838; letter-spacing: 1px; padding: 10px; font-size: revert } #tocId>a { color: #000 } #toc_container li,#toc_container ul,#toc_container ul li { list-style: outside none none!important; margin-left: 0 } #toc_js { counter-reset: section } #tocId:before { counter-increment: section; content: "" counter(section) ". " } #toc_container { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #aaa; display: table; font-size: 95%; margin-bottom: 1em; padding: 10px; width: auto } .toc_title { font-weight: 700; text-align: center } .toc_list { padding-left: 0!important } #toc_container{ padding: 16px; } @media only screen and (max-width: 768px) { #toc_container{ padding: 10px; } #toc_container{ width: 100%; overflow: hidden; display: block; } .toc_list{ width: 100%; padding-left: 0 !important; overflow: hidden; } .toc_list span{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .toc_list li{ width: 100%; min-width: 0; overflow: hidden; } .toc_list li a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } } #toc_container li,#toc_container ul,#toc_container ul li { list-style: outside none none!important } #toc_container ul li,#toc_container ul li ul { margin: 4px 0 5px 10px!important; padding-left: 0!important; display: flex; text-decoration: underline 1px var(--colorTextBodyAlpha015); } #toc_container a { border: none!important; text-decoration: underline 1px var(--colorTextBodyAlpha015); } .one-whole { width: 100% } .one-half { width: 50% } .one-third { width: 33.33333% } .two-thirds { width: 66.66667% } .one-quarter { width: 25% } .two-quarters { width: 50% } .three-quarters { width: 75% } .one-fifth { width: 20% } .two-fifths { width: 40% } .three-fifths { width: 60% } .four-fifths { width: 80% } .one-sixth { width: 16.66667% } .two-sixths { width: 33.33333% } .three-sixths { width: 50% } .four-sixths { width: 66.66667% } .five-sixths { width: 83.33333% } .one-eighth { width: 12.5% } .two-eighths { width: 25% } .three-eighths { width: 37.5% } .four-eighths { width: 50% } .five-eighths { width: 62.5% } .six-eighths { width: 75% } .seven-eighths { width: 87.5% } .one-tenth { width: 10% } .two-tenths { width: 20% } .three-tenths { width: 30% } .four-tenths { width: 40% } .five-tenths { width: 50% } .six-tenths { width: 60% } .seven-tenths { width: 70% } .eight-tenths { width: 80% } .nine-tenths { width: 90% } .one-twelfth { width: 8.33333% } .two-twelfths { width: 16.66667% } .three-twelfths { width: 25% } .four-twelfths { width: 33.33333% } .five-twelfths { width: 41.66667% } .six-twelfths { width: 50% } .seven-twelfths { width: 58.33333% } .eight-twelfths { width: 66.66667% } .nine-twelfths { width: 75% } .ten-twelfths { width: 83.33333% } .eleven-twelfths { width: 91.66667% } @media only screen and (min-width: 769px) { .medium-up--one-whole { width:100% } .medium-up--one-half { width: 50% } .medium-up--one-third { width: 33.33333% } .medium-up--two-thirds { width: 66.66667% } .grid--uniform .medium-up--one-half:nth-of-type(odd),.grid--uniform .medium-up--one-third:nth-of-type(3n+1) { clear: both } .medium-up--one-quarter { width: 25% } .medium-up--two-quarters { width: 50% } .medium-up--three-quarters { width: 75% } .grid--uniform .medium-up--one-quarter:nth-of-type(4n+1) { clear: both } .medium-up--one-fifth { width: 20% } .medium-up--two-fifths { width: 40% } .medium-up--three-fifths { width: 60% } .medium-up--four-fifths { width: 80% } .grid--uniform .medium-up--one-fifth:nth-of-type(5n+1) { clear: both } .medium-up--one-sixth { width: 16.66667% } .medium-up--two-sixths { width: 33.33333% } .medium-up--three-sixths { width: 50% } .medium-up--four-sixths { width: 66.66667% } .medium-up--five-sixths { width: 83.33333% } .grid--uniform .medium-up--one-sixth:nth-of-type(6n+1),.grid--uniform .medium-up--three-sixths:nth-of-type(odd),.grid--uniform .medium-up--two-sixths:nth-of-type(3n+1) { clear: both } } @media only screen and (max-width: 768px) { .small--one-whole { width:100% } .small--one-half { width: 50% } .small--one-third { width: 33.33333%; } .small--two-thirds { width: 66.66667% } .grid--uniform .small--one-half:nth-of-type(odd),.grid--uniform .small--one-third:nth-of-type(3n+1) { clear:both; } .small--one-quarter { width: 25% } .small--two-quarters { width: 50% } .small--three-quarters { width: 75% } .grid--uniform .small--one-quarter:nth-of-type(4n+1) { clear: both } .small--one-fifth { width: 20% } .small--two-fifths { width: 40% } .small--three-fifths { width: 60% } .small--four-fifths { width: 80% } .grid--uniform .small--one-fifth:nth-of-type(5n+1) { clear: both } .small--one-sixth { width: 16.66667% } .small--two-sixths { width: 33.33333% } .small--three-sixths { width: 50% } .small--four-sixths { width: 66.66667% } .small--five-sixths { width: 83.33333% } .grid--uniform .small--one-sixth:nth-of-type(6n+1),.grid--uniform .small--three-sixths:nth-of-type(odd),.grid--uniform .small--two-sixths:nth-of-type(3n+1) { clear: both } } @media only screen and (min-width: 769px) { .medium-up--one-whole { width:100% } .medium-up--one-half { width: 50% } .medium-up--one-third { width: 33.33333% } .medium-up--two-thirds { width: 66.66667% } .grid--uniform .medium-up--one-half:nth-of-type(odd),.grid--uniform .medium-up--one-third:nth-of-type(3n+1) { clear: both } .medium-up--one-quarter { width: 25% } .medium-up--two-quarters { width: 50% } .medium-up--three-quarters { width: 75% } .grid--uniform .medium-up--one-quarter:nth-of-type(4n+1) { clear: both } .medium-up--one-fifth { width: 20% } .medium-up--two-fifths { width: 40% } .medium-up--three-fifths { width: 60% } .medium-up--four-fifths { width: 80% } .grid--uniform .medium-up--one-fifth:nth-of-type(5n+1) { clear: both } .medium-up--one-sixth { width: 16.66667% } .medium-up--two-sixths { width: 33.33333% } .medium-up--three-sixths { width: 50% } .medium-up--four-sixths { width: 66.66667% } .medium-up--five-sixths { width: 83.33333% } .grid--uniform .medium-up--one-sixth:nth-of-type(6n+1),.grid--uniform .medium-up--three-sixths:nth-of-type(odd),.grid--uniform .medium-up--two-sixths:nth-of-type(3n+1) { clear: both } } .label-container { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .icon--payment{ height: 24px; } .rte { font-size: 14.45px; line-height: 1.5; } @media only screen and (min-width: 769px) { .rte { font-size:17px } }/*my.css*/.localization-form ,.disclosure__button { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .product__main-photos .lazyload, .product__main-photos .lazyloading { transition: filter 0.4s ease, opacity 0.4s ease; filter: blur(10px); transform: scale(1.02); } .product__main-photos .lazyloaded { filter: blur(0); transform: scale(1); } .localization-form,.list-payment, .footer__payment, .list-payment__item { margin: 0 !important; } .footer__localization, .footer__content-bottom, .list-payment__item{ padding: 0 !important; border: 0 !important; } .localization-form__select:after,.localization-form__select:hover.localization-form__select:after,.localization-form__select:focus.localization-form__select:after{ box-shadow: none !important; } .country-selector__list{ background: #fff; } .footer__content-top{ padding-bottom: 0 !important; } .list-menu__item{ padding-left: 0 !important; text-decoration: none !important; } .list-payment__item svg { display: block; width: auto; max-width: none; height: 24px; } .footer__copyright{ padding-top: 15px !important; padding-bottom: 7.5px; margin: 0 !important; } .mobile-nav{ margin-left: 0 !important; margin-right: 0 !important; } .header-wrapper{ background-color: var(--color-background); } .header-wrapper::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: var(--color-background); pointer-events: none; } .add-on-product{ padding: 9px 15px; margin: 20px 0; } .add-on-product .add-on-meta { margin-left: 6px; } .add-on-product .add-on-checkbox-label { cursor: unset!important; } .add-on-product .add-on-chevron { margin-left: auto; display: flex; align-items: center; } .add-on-product .add-on-chevron svg { width: 12px; height: 12px; } .add-on-product .add-on-title { position: relative; display: inline-block; text-decoration: none; } .add-on-product .add-on-title::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: currentColor; transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease; } .add-on-product:hover .add-on-title::after { transform: scaleX(1); } @media only screen and (max-width: 768px) { .add-on-product .add-on-checkbox-label { font-size: 13px; } .add-on-product{ padding: 8px 9px; margin-bottom:unset!important; margin: 20px 0!important; } .add-on-product .add-on-thumbnail img{ width: 26px; height: 26px; } .add-on-product .add-on-title{ font-size: 11px; } .add-on-product .add-on-chevron svg { width: 9px; height: 9px; } } .template-cart .add-on-product { margin-bottom: 20px; } @media only screen and (min-width: 769px) { .template-cart .add-on-product { margin: -30px; margin-bottom: 30px; } } .feature-row.text_first{ display: flex; flex-direction: row-reverse; } .countdown__background-image-wrapper image-element,.fading-images__item-wrapper image-element,.grid__image-ratio image-element,.image-wrap image-element,.social-section__image-wrapper image-element,.svg-mask image-element { position: unset!important; } .product__photos-template--16788045234421__main .product__thumbs:not(.product__thumbs--below){ max-height: unset!important; } .drawer{ z-index: 99999; } input[type="search"]::-webkit-search-cancel-button { display: none; } .toolbar { } .site-nav__icons{ display: flex; } .jdgm-write-review-modal__close-btn{ opacity: 1 !important; display: block !important; } .breadcrumb { text-align: center; font-size: 14.45px; margin: -25px 0 10px } .breadcrumb .divider { color: #e8e8e1; } .template-product .breadcrumb { margin-top: 10px } @media only screen and (min-width: 769px) { .template-product .breadcrumb { text-align:left } } @media only screen and (max-width: 768px) { .breadcrumb { margin-bottom:15px 0 } } .collection-image { position: relative; background-size: cover; background-repeat: no-repeat; transition: transform .3s ease; } .collection-item--below .collection-image { background-size: contain; } .collection-item__title { font-size: 20px !important; letter-spacing: .1em !important; font-weight: 600; } @media screen and (min-width: 769px) { .collection-item__title { font-size: 20px !important; } } .loox-rating .loox-icon { width: 15px!important; height: 15px!important; } .loox-rating-label{ font-size: 15px; } table { width: 100% !important; border-spacing: 1px; position: relative; border: 0 none; background: #e8e8e1 } .table-wrapper { max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch } td,th { border: 0 none; text-align: left; padding: 10px 15px; background: #fff } th,.table__title { font-weight: 700 } .ajaxcart__price{ text-align: right; } .theme-dark *{ color: #C6B597 !important; --color-background: #C6B597; --colorTextBody: #C6B597; --colorNavText: #C6B597; --colorBody: #262626; } ::placeholder{ color: color-mix(in srgb, var(--colorTextBody) 50%, transparent) !important; } .section-bg{ background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .section-bg{ background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } @media screen and (max-width: 768px) { .section-bg{ background-size: cover; } } .icon-16 { width: 16px; height: 16px; } .icon-24 { width: 24px; height: 24px; } .icon-32 { width: 32px; height: 32px; } .icon-48 { width: 48px; height: 48px; } .icon-64 { width: 64px; height: 64px; } body { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } bodye::-webkit-scrollbar { display: none; } @media screen and (max-width: 768px) { .my-section-title{ font-size: 24px!important; } .my-section-subtitle{ font-size: 16px!important; } } @media screen and (max-width: 768px) { .collection-grid__wrapper .small--grid--flush{ margin-left: 0!important; margin-right: 0!important; display: flex; flex-wrap: wrap; justify-content: space-between; } } @media screen and (max-width: 768px) { .mo-tcenter{ text-align: center; } .mo-m-auto{ margin: 0 auto; } } .main-content > .shopify-section:nth-child(n+3) { content-visibility: auto; contain-intrinsic-size: 500px; } #shopify-section-footer, .shopify-section-group-footer-group, footer { content-visibility: auto; contain-intrinsic-size: 400px; } header img, .banner img, .hero img, .slideshow img, .slideshow__slide img { content-visibility: visible; }/*component-localization-form.css*/.localization-form { display: flex; flex-direction: column; flex: auto 1 0; padding: 1rem; margin: 0 auto; } .localization-form:only-child { display: inline-flex; flex-wrap: wrap; flex: initial; padding: 1rem 0; } .localization-form:only-child .button, .localization-form:only-child .localization-form__select { margin: 1rem 1rem 0.5rem; flex-grow: 1; } @media screen and (min-width: 750px) { .localization-form { padding: 1rem 2rem 1rem 0; } .localization-form:first-of-type { padding-left: 0; } .localization-form:only-child { justify-content: start; width: auto; margin: 0 1rem 0 0; } .localization-form:only-child .button, .localization-form:only-child .localization-form__select { margin: 1rem 0; } } .localization-form .button { padding: 1rem; } .localization-form__currency { transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); white-space: nowrap; padding-right: 1.7rem; } @media screen and (max-width: 749px) { .localization-form .button { word-break: break-all; } .localization-form__currency { opacity: 1; } } .localization-form__select { border-radius: var(--inputs-radius-outset); position: relative; margin-bottom: 1.5rem; padding-left: 1rem; text-align: left; min-height: calc(4rem + var(--inputs-border-width) * 2); min-width: calc(7rem + var(--inputs-border-width) * 2); } .disclosure__button.localization-form__select { padding: calc(2rem + var(--inputs-border-width)); background: rgb(var(--color-background)); } .localization-form__select .icon-caret { position: absolute; content: ''; height: 0.6rem; right: calc(var(--inputs-border-width) + 1.5rem); top: calc(50% - 0.2rem); } .localization-selector.link { text-decoration: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; color: rgb(var(--color-foreground)); width: 100%; padding-right: 4rem; padding-bottom: 1.5rem; } .disclosure .localization-form__select { padding-top: 1.5rem; } .localization-selector option { color: #000000; } .localization-selector + .disclosure__list-wrapper { opacity: 1; animation: animateLocalization var(--duration-default) ease; } .disclosure { position: relative; } .disclosure__button { align-items: center; cursor: pointer; display: flex; height: 4rem; padding: 0 1.5rem 0 1.5rem; font-size: 1.3rem; background-color: transparent; } .disclosure__list-wrapper { border-width: var(--popup-border-width); border-style: solid; border-color: rgba(var(--color-foreground), var(--popup-border-opacity)); overflow: hidden; position: absolute; bottom: 100%; transform: translateY(-1rem); z-index: 99; background-color: rgb(var(--color-background)); border-radius: var(--popup-corner-radius); box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity)); max-height: 27.5rem; } .disclosure__list { position: relative; overflow-y: auto; font-size: 1.4rem; padding-bottom: 0.5rem; padding-top: 0.5rem; scroll-padding: 0.5rem 0; max-height: 20.5rem; max-width: 25.5rem; min-width: 12rem; width: max-content; } .country-selector__list { padding-bottom: 0.95rem; padding-top: 0; } .country-selector__list--with-multiple-currencies { width: 25.5rem; } .country-selector__close-button { display: none; } .country-filter { display: flex; justify-content: end; align-items: center; gap: 0.5rem; padding: 1.5rem 1.5rem 0.6rem; position: sticky; top: -0.02rem; background-color: rgb(var(--color-background)); z-index: 6; } .country-filter__input { min-width: 200px; } .country-filter__reset-button, .country-filter__search-icon { right: calc(var(--inputs-border-width)); top: var(--inputs-border-width); } .country-filter__reset-button:not(:focus-visible)::after, .country-filter__reset-button:not(:focus)::after { display: block; height: calc(100% - 1.8rem); content: ''; position: absolute; right: 0; } .country-filter__reset-button:focus, .country-filter__reset-button:focus-visible { background-color: rgb(var(--color-background)); z-index: 4; } .country-filter__reset-button:not(:focus-visible):not(.focused) { box-shadow: inherit; background-color: inherit; } .country-filter__reset-button:hover .icon { transform: scale(1.07); } .country-filter__reset-button .icon.icon-close, .country-filter__search-icon .icon { height: 1.8rem; width: 1.8rem; stroke-width: 0.1rem; } .country-filter__search-icon { transition: opacity var(--duration-short) ease, visibility var(--duration-short) ease; opacity: 1; visibility: visible; pointer-events: none; cursor: text; } .country-filter__search-icon--hidden { opacity: 0; visibility: hidden; } @media screen and (max-width: 749px) { .disclosure__list-wrapper.country-selector:not([hidden]) + .country-selector__overlay:empty { display: block; } .country-selector__overlay { top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--color-foreground), 0.5); z-index: 3; animation: animateLocalization var(--duration-default) ease; } .disclosure__list-wrapper.country-selector { bottom: -1rem; left: 0; width: 100%; height: 80%; max-height: 80vh; border-radius: 0; border: none; box-shadow: none; z-index: 4; } .disclosure__list.country-selector__list { max-height: 85%; min-width: 100%; margin-bottom: 0; z-index: 5; } .country-selector__close-button.link { display: flex; justify-content: center; align-items: center; padding: 0rem; background-color: transparent; height: 4.4rem; width: 4.4rem; } .country-selector__close-button .icon { width: 2rem; height: 2rem; } .country-filter { padding: 1.5rem 2rem 0.6rem 1.5rem; } } @media screen and (min-width: 750px) { .country-filter--no-padding { padding: 0; } } .countries { padding-top: 0.6rem; } .popular-countries { border-bottom: 1px solid rgba(var(--color-foreground), 0.2); padding-bottom: 0.6rem; padding-top: 0.6rem; } .disclosure__item { position: relative; } .disclosure__link { padding: 0.9rem 1.5rem; text-decoration: none; line-height: calc(1 + 0.8 / var(--font-body-scale)); color: rgba(var(--color-foreground), 0.75); word-break: break-word; } .disclosure__link:hover { color: rgb(var(--color-foreground)); } .disclosure__link .icon-checkmark { width: 1rem; margin-right: 0.2rem; } .disclosure__link:hover .localization-form__currency, .disclosure__link:focus-visible .localization-form__currency, .disclosure__link:focus .localization-form__currency { display: inline-block; opacity: 1; } .disclosure__button[aria-expanded='true'] .icon-caret { transform: rotate(180deg); } .header-localization .localization-form:only-child { margin: 0; padding: 0; } .header-localization .disclosure .localization-form__select { font-size: 1.4rem; letter-spacing: 0.06rem; height: auto; min-height: initial; background: transparent; } .header-localization .disclosure .localization-form__select:hover { text-decoration: underline; } .header-localization .localization-form__select.link:after, .header-localization .localization-form__select.link:before { box-shadow: none; } .header-localization .localization-form__select.link:focus-visible { outline: 0.2rem solid rgba(var(--color-foreground), 0.5); outline-offset: -0.2rem; box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3); } .desktop-localization-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; } .desktop-localization-wrapper .localization-selector + .disclosure__list-wrapper { animation: animateMenuOpen var(--duration-default) ease; } .desktop-localization-wrapper .localization-form:only-child { padding: 0; } .header-localization:not(.menu-drawer__localization) { align-items: center; } .js .header-localization:not(.menu-drawer__localization) .localization-form__select { padding: 0 2.7rem 0 1.2rem; width: max-content; height: 3.8rem; } .header-localization:not(.menu-drawer__localization) .localization-form:only-child .localization-form__select { margin: 0; } .header-localization:not(.menu-drawer__localization).localization-form__select > span { max-width: 20ch; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .header-localization:not(.menu-drawer__localization) localization-form:only-child .localization-form__select > span { max-width: 26ch; } .header-localization:not(.menu-drawer__localization) .localization-form__select .icon-caret { right: 0.8rem; } .header-localization:not(.menu-drawer__localization) .disclosure__list-wrapper { bottom: initial; top: 100%; right: 0; transform: translateY(0); } @media screen and (min-width: 990px) { .menu-drawer__localization { display: none; } } .menu-drawer__localization localization-form { display: block; } .menu-drawer__localization .localization-form__select { background-color: initial; margin-top: 0; padding: 1rem 3.6rem 1rem 0rem; } .menu-drawer__localization .localization-form { padding: 0; } .menu-drawer__localization .localization-form:only-child .localization-form__select { margin: 0; } .menu-drawer__localization + .list-social { margin-top: 1rem; } .language-selector .disclosure__list { min-width: 200px; }/*section-toolbar.css*/.toolbar{background:var(--colorNav);color:var(--colorNavText);font-size:16px;line-height:19px}.toolbar a{color:var(--colorNavText)}.toolbar__social a{display:block;padding:5px}.site-header--stuck .toolbar{display:none}.toolbar--transparent{background-color:rgba(0,0,0,0);border-bottom:none;color:#fff}.toolbar--transparent a{color:#fff}.toolbar--transparent .toolbar__content{border-bottom:1px solid hsla(0,0%,100%,.2)}.toolbar__content{align-items:center;display:flex;justify-content:flex-end}.toolbar__item{flex:0 1 auto;padding:0 5px}.toolbar__item:first-child{padding-left:0}.toolbar__item:last-child{padding-right:0}.toolbar__item .faux-select,.toolbar__item select{font-size:14px;padding-bottom:5px;padding-left:5px;padding-top:5px}.toolbar__item--menu{flex:1 1 auto}.toolbar__menu{margin-left:-10px}.toolbar__menu a{display:block;padding:5px 10px}.toolbar__social{text-align:right}.toolbar__social a{display:block;padding:5px}.toolbar__social .icon{height:16px;position:relative;top:-2px;width:16px}/*section-image-banner.css*/.banner { display: flex; position: relative; flex-direction: column; z-index: auto; isolation: isolate; } .banner__box { text-align: center; } .banner__box.gradient { transform: perspective(0); } @media only screen and (max-width: 749px) { .banner--content-align-mobile-right .banner__box { text-align: right; } .banner--content-align-mobile-left .banner__box { text-align: left; } } @media only screen and (min-width: 750px) { .banner--content-align-right .banner__box { text-align: right; } .banner--content-align-left .banner__box { text-align: left; } .banner--content-align-left.banner--desktop-transparent .banner__box, .banner--content-align-right.banner--desktop-transparent .banner__box, .banner--medium.banner--desktop-transparent .banner__box { max-width: 68rem; } } .banner__media.animate--zoom-in { clip-path: inset(0px); } .banner__media.animate--zoom-in > img:not(.zoom):not(.deferred-media__poster-button), .banner__media.animate--zoom-in > svg:not(.zoom):not(.deferred-media__poster-button) { position: fixed; height: 100vh; } @media screen and (max-width: 749px) { .banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 28rem; } .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 34rem; } .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) > .banner__media { height: 39rem; } .banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height: 28rem; } .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height: 34rem; } .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height: 39rem; } } @media screen and (min-width: 750px) { .banner { flex-direction: row; } .banner--small:not(.banner--adapt) { min-height: 42rem; } .banner--medium:not(.banner--adapt) { min-height: 56rem; } .banner--large:not(.banner--adapt) { min-height: 72rem; } .banner__content.banner__content--top-left { align-items: flex-start; justify-content: flex-start; } .banner__content.banner__content--top-center { align-items: flex-start; justify-content: center; } .banner__content.banner__content--top-right { align-items: flex-start; justify-content: flex-end; } .banner__content.banner__content--middle-left { align-items: center; justify-content: flex-start; } .banner__content.banner__content--middle-center { align-items: center; justify-content: center; } .banner__content.banner__content--middle-right { align-items: center; justify-content: flex-end; } .banner__content.banner__content--bottom-left { align-items: flex-end; justify-content: flex-start; } .banner__content.banner__content--bottom-center { align-items: flex-end; justify-content: center; } .banner__content.banner__content--bottom-right { align-items: flex-end; justify-content: flex-end; } } @media screen and (max-width: 749px) { .banner:not(.banner--stacked) { flex-direction: row; flex-wrap: wrap; } .banner--stacked { height: auto; } .banner--stacked .banner__media { flex-direction: column; } } .banner__media { height: 100%; position: absolute; left: 0; top: 0; width: 100%; } .banner__media-half { width: 50%; } .banner__media-half + .banner__media-half { right: 0; left: auto; } .banner__media-half.animate--fixed:first-child > img, .banner__media-half.animate--zoom-in:first-child > img { width: 50%; } .banner__media-half.animate--fixed:nth-child(2) > img, .banner__media-half.animate--zoom-in:nth-child(2) > img { left: 50%; width: 50%; } @media screen and (max-width: 749px) { .banner--stacked .animate--fixed:first-child > img, .banner--stacked .animate--zoom-in:first-child > img { width: 100%; } .banner--stacked .banner__media-half.animate--fixed:nth-child(2) > img, .banner--stacked .banner__media-half.animate--zoom-in:nth-child(2) > img { left: 0; width: 100%; } .banner--stacked .banner__media-half { width: 100%; } .banner--stacked .banner__media-half + .banner__media-half { order: 1; } } @media screen and (min-width: 750px) { .banner__media { height: 100%; } } .banner--adapt, .banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) { height: auto; } @media screen and (max-width: 749px) { .banner--mobile-bottom .banner__media, .banner--stacked:not(.banner--mobile-bottom) .banner__media { position: relative; } .banner--stacked.banner--adapt .banner__content { height: auto; } .banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box { background: transparent; } .banner:not(.banner--mobile-bottom) .banner__box { border: none; border-radius: 0; box-shadow: none; } .banner:not(.banner--mobile-bottom) .button--secondary { --alpha-button-background: 0; } .banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { position: absolute; height: auto; } .banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content { max-height: 100%; overflow: hidden; position: absolute; } .banner--stacked:not(.banner--adapt) .banner__media { position: relative; } .banner::before { display: none !important; } .banner--stacked .banner__media-image-half { width: 100%; } } .banner__content { padding: 0; display: flex; position: relative; width: 100%; align-items: center; justify-content: center; z-index: 2; } @media screen and (min-width: 750px) { .banner__content { padding: 5rem; } .banner__content--top-left { align-items: flex-start; justify-content: flex-start; } .banner__content--top-center { align-items: flex-start; justify-content: center; } .banner__content--top-right { align-items: flex-start; justify-content: flex-end; } .banner__content--middle-left { align-items: center; justify-content: flex-start; } .banner__content--middle-center { align-items: center; justify-content: center; } .banner__content--middle-right { align-items: center; justify-content: flex-end; } .banner__content--bottom-left { align-items: flex-end; justify-content: flex-start; } .banner__content--bottom-center { align-items: flex-end; justify-content: center; } .banner__content--bottom-right { align-items: flex-end; justify-content: flex-end; } } @media screen and (max-width: 749px) { .banner--mobile-bottom:not(.banner--stacked) .banner__content { order: 2; } .banner:not(.banner--mobile-bottom) .field__input, .banner--mobile-bottom:not(.banner--stacked) .banner__box.color-scheme-1 { background: transparent; } } .banner__box { padding: 4rem 1.5rem; position: relative; height: fit-content; align-items: center; text-align: center; width: 100%; word-wrap: break-word; z-index: 1; } .banner--mobile-bottom .banner__box { padding: 4rem 3.5rem; } @media screen and (min-width: 750px) { .banner__box { padding: 4rem 3.5rem; } .banner--desktop-transparent .banner__box { padding: 4rem 0; background: transparent; max-width: 89rem; border: none; border-radius: 0; box-shadow: none; } .banner--desktop-transparent .button--secondary { --alpha-button-background: 0; } .banner--desktop-transparent .content-container:after { display: none; } } @media screen and (max-width: 749px) { .banner--mobile-bottom::after, .banner--mobile-bottom .banner__media::after { display: none; } } .banner::after, .banner__media::after { content: ''; position: absolute; top: 0; background: #000000; opacity: 0; z-index: 1; width: 100%; height: 100%; } .banner__box > * + .banner__text { margin-top: 1.5rem; } @media screen and (min-width: 750px) { .banner__box > * + .banner__text { margin-top: 2rem; } } .banner__box > * + * { margin-top: 1rem; } .banner__box > *:first-child { margin-top: 0; } @media screen and (max-width: 749px) { .banner--stacked .banner__box { width: 100%; } } @media screen and (min-width: 750px) { .banner__box { width: auto; max-width: 71rem; min-width: 45rem; } } @media screen and (min-width: 1400px) { .banner__box { max-width: 90rem; } } .banner__heading { margin-bottom: 0; } .banner__box .banner__heading + * { margin-top: 1rem; } .banner__buttons { display: inline-flex; flex-wrap: wrap; gap: 1rem; max-width: 45rem; word-break: break-word; } @media screen and (max-width: 749px) { .banner--content-align-mobile-right .banner__buttons--multiple { justify-content: flex-end; } .banner--content-align-mobile-center .banner__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } } @media screen and (min-width: 750px) { .banner--content-align-center .banner__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } .banner--content-align-right .banner__buttons--multiple { justify-content: flex-end; } } .banner__box > * + .banner__buttons { margin-top: 2rem; } @media screen and (max-width: 749px) { .banner:not(.slideshow) .rte a, .banner:not(.slideshow) .inline-richtext a:hover, .banner:not(.slideshow) .rte a:hover { color: currentColor; } } @media screen and (min-width: 750px) { .banner--desktop-transparent .rte a, .banner--desktop-transparent .inline-richtext a:hover, .banner--desktop-transparent .rte a:hover { color: currentColor; } }/*section-featured-blog.css*/.section-featured-blog .article__grid-image{display:block;margin-bottom:17px;text-align:center}@media only screen and (min-width: 769px){.section-featured-blog .article__grid-image{margin-bottom:20px}}.section-featured-blog .article__grid-image img{display:block}.section-featured-blog .article__title{font-size:calc(var(--typeBaseSize) + 2px)}@media only screen and (max-width: 768px){.section-featured-blog .article__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;line-height:17px}}.section-featured-blog .article__date{font-size:max(var(--typeBaseSize)*.7,12px);margin-bottom:3px}.section-featured-blog .section-header .article__date{margin-bottom:15px}.section-featured-blog .article__author{font-size:max(var(--typeBaseSize)*.7,12px);margin-top:2px}.section-featured-blog .article__grid-meta{margin-bottom:30px}@media only screen and (min-width: 769px){.section-featured-blog [data-center-text=true] .article__grid-meta{text-align:center}}.section-featured-blog .article__excerpt{margin-top:10px}/*section-feng-shui-banner.css*/.feng-shui-banner { position: relative; } .feng-shui-banner__container { position: relative; display: flex; align-items: center; justify-content: center; padding: 3rem 4rem; min-height: 280px; } .feng-shui-banner__content { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1rem; flex: 1; max-width: 560px; margin: 0 auto; } .feng-shui-banner__icon { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; } .feng-shui-banner__icon-img { width: 100%; height: 100%; object-fit: contain; } .feng-shui-banner__icon-placeholder { width: 80px; height: 80px; background-color: rgba(var(--color-foreground), 0.08); border-radius: 50%; } .feng-shui-banner__heading { margin: 0; } .feng-shui-banner__heading-text { margin: 0; font-weight: 600; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; font-size: 18px; } .feng-shui-banner__description { margin: 0; max-width: 420px; } .feng-shui-banner__description-text { margin: 0; font-size: 14px; line-height: 1.6; font-weight: 400; } .feng-shui-banner__button-wrapper { margin-top: 0.5rem; } .feng-shui-banner__button { display: inline-block; padding: 12px 32px; text-transform: uppercase; letter-spacing: 0.1em; font-size: 13px; font-weight: 600; transition: all 0.25s ease; text-decoration: none; } .feng-shui-banner__button:hover { opacity: 0.9; transform: translateY(-1px); } @media screen and (max-width: 989px) { .feng-shui-banner__container { padding: 2.5rem 2rem; min-height: 240px; } .feng-shui-banner__icon { width: 64px; height: 64px; } .feng-shui-banner__icon-placeholder { width: 64px; height: 64px; } .feng-shui-banner__content { gap: 0.75rem; } .feng-shui-banner__heading-text { font-size: 16px; } .feng-shui-banner__description-text { font-size: 13px; } } @media screen and (max-width: 768px) { .feng-shui-banner{ padding: 18px 0; } .feng-shui-banner__container { padding: 2rem 1.5rem; min-height: auto; } .feng-shui-banner__content { max-width: 100%; gap: unset; } .feng-shui-banner__icon { width: 42px; height: 42px; } .feng-shui-banner__icon-placeholder { width: 52px; height: 52px; } .feng-shui-banner__heading { margin-top: 10px; } .feng-shui-banner__heading-text { font-size: 15px; } .feng-shui-banner__description { margin-top: 8px; } .feng-shui-banner__description-text { font-size: 13px; line-height: 20px; } .feng-shui-banner__button-wrapper{ margin-top: 15px; } .feng-shui-banner__button { padding: 10px 24px; font-size: 11px; } }/*section-newsletter.css*/.newsletter-container{margin:0 auto !important;padding:0 !important}.newsletter-section{align-items:center;display:flex;gap:40px}@media only screen and (max-width: 768px){.newsletter-section{flex-direction:column;padding:unset}}.newsletter-section--image-left{flex-direction:row-reverse}@media only screen and (max-width: 768px){.newsletter-section--image-left{flex-direction:column-reverse}}.newsletter-section__content{flex:100%;margin:0 auto;max-width:800px}.newsletter-section--no-image .newsletter-section__content{flex:100%}.newsletter-section__content form{display:flex;width:100%}.text-left .newsletter-section__content form{justify-content:flex-start}.text-center .newsletter-section__content form{justify-content:center}.text-right .newsletter-section__content form{justify-content:flex-end}.newsletter-section__content .newsletter__input-group{margin:0}.newsletter-section__image{width:100%}.newsletter-section__image img{display:block;height:auto;margin:0 auto;-o-object-fit:cover;object-fit:cover}.newsletter-section__image--33{flex:33.333% 0 0}.newsletter-section__image--50{flex:50% 0 0}@media only screen and (max-width: 768px){.newsletter-section__image--50{max-width:100%}}.newsletter-section__image--66{flex:66.666% 0 0}@media only screen and (max-width: 768px){.newsletter-section__image--66{max-width:100%}}.text-left .newsletter-form-group,.text-right .newsletter-form-group{margin:0}.newsletter-section--with-divider{border-top:1px solid;border-top-color:var(--colorBorder)}.template-challange .index-section--footer{display:none}.testimonials-section{padding:25.5px 0}.testimonials-section--with-divider{border-top:1px solid;border-top-color:var(--colorBorder)}@media only screen and (max-width: 768px){.shopify-section.index-section:last-of-type{margin:0;margin-bottom:0}}.index-section--small{margin:18px 0}.index-section+.index-section,.index-section+.index-section--hidden,.main-content+.index-section{margin-top:0}.index-section--flush{margin:0}.section--divider{border-top:1px solid;border-top-color:var(--colorBorder);padding-top:40px}.index-section--faq{margin-bottom:40px}.newsletter-section--with-divider{border-top:1px solid;border-top-color:var(--colorBorder)}.template-challange .index-section--footer{display:none}.testimonials-section{padding:25.5px 0}.testimonials-section--with-divider{border-top:1px solid;border-top-color:var(--colorBorder)}@media only screen and (min-width: 769px){.index-section--small{margin:30px 0}.section--divider{padding-top:75px}.index-section--faq{margin:75px 0 37.5px}}.newsletter{margin:0 auto;max-width:520px}.newsletter-section .errors{margin-left:auto;margin-right:auto;max-width:520px}.modal .newsletter .h1{margin-bottom:15px}@media only screen and (min-width: 769px){.modal .newsletter .h1{margin-bottom:30px}}.modal .newsletter .image-wrap{margin-bottom:7.5px}@media only screen and (min-width: 769px){.modal .newsletter .image-wrap{margin-bottom:15px}}.modal .newsletter .text-close{-webkit-text-decoration:underline;text-decoration:underline}.newsletter__input-group{margin:0 auto 20px;max-width:400px}.newsletter__input-group:last-child{margin-bottom:0}.newsletter__input::-webkit-input-placeholder{color:var(--colorTextBody);opacity:1}.newsletter__input:-moz-placeholder{color:var(--colorTextBody);opacity:1}.newsletter__input::-moz-placeholder{color:var(--colorTextBody);opacity:1}.newsletter__input:-ms-input-placeholder{color:var(--colorTextBody)}.newsletter__input::-ms-input-placeholder{color:var(--colorTextBody);opacity:1}@media only screen and (max-width: 768px){.form__submit--large{display:none}.form__submit--small{display:block}}@media only screen and (min-width: 769px){.form__submit--large{display:block}.form__submit--small{display:none}}.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}.newsletter-form__field-wrapper{width:100%}.newsletter-form__field-wrapper .field__input{padding-right:5rem}.newsletter-form__field-wrapper .field{z-index:0}.newsletter-form__message{justify-content:center;margin-bottom:0}.newsletter-form__message--success{margin-top:2rem}@media screen and (min-width: 769px){.newsletter-form__message{justify-content:flex-start}}.newsletter-form__button{width:4.4rem;margin:0;right:var(--inputs-border-width);top:0;height:100%;z-index:2}.newsletter-form__button:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground));background-color:rgb(var(--color-background))}.newsletter-form__button:focus{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground));background-color:rgb(var(--color-background))}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.newsletter-form__button .icon{width:1.5rem}.field__label--hidden-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.section-newsletter .newsletter__text{margin-top:26px}.section-newsletter .newsletter__email_form{margin-top:26px}@media screen and (max-width: 768px){.section-newsletter{padding:30px 0}.section-newsletter .newsletter__heading{font-size:15px;line-height:20px}.section-newsletter .newsletter__text{font-size:13px;line-height:20px;margin-top:13px}.section-newsletter .newsletter__email_form{margin-top:15px}.section-newsletter .newsletter__email_form *{font-size:12px !important;line-height:20px !important}}/*newsletter-section.css*/.newsletter__wrapper { padding-right: calc(4rem / var(--font-body-scale)); padding-left: calc(4rem / var(--font-body-scale)); } @media screen and (min-width: 750px) { .newsletter__wrapper { padding-right: 9rem; padding-left: 9rem; } } .newsletter__wrapper > * { margin-top: 0; margin-bottom: 0; } .newsletter__wrapper > * + * { margin-top: 2rem; } .newsletter__wrapper > * + .newsletter-form { margin-top: 3rem; } .newsletter__subheading { max-width: 70rem; margin-left: auto; margin-right: auto; } .newsletter__wrapper .newsletter-form__field-wrapper { max-width: 36rem; } .newsletter-form__field-wrapper .newsletter-form__message { margin-top: 1.5rem; } .newsletter__button { margin-top: 3rem; width: fit-content; } @media screen and (min-width: 750px) { .newsletter__button { flex-shrink: 0; margin: 0 0 0 1rem; } }/*section-footer.css*/.footer { border-top: 0.1rem solid rgba(var(--color-foreground), 0.08); } .footer:not(.color-scheme-1) { border-top: none; } .footer__content-top { padding-bottom: 5rem; display: block; } @media screen and (max-width: 749px) { .footer .grid { display: block; } .footer-block.grid__item { padding: 0; margin: 4rem 0; width: 100%; } .footer-block.grid__item:first-child { margin-top: 0; } .footer__content-top { padding-bottom: 3rem; padding-left: calc(4rem / var(--font-body-scale)); padding-right: calc(4rem / var(--font-body-scale)); } } @media screen and (min-width: 750px) { .footer__content-top .grid { row-gap: 6rem; margin-bottom: 0; } } .footer__content-bottom { border-top: solid 0.1rem rgba(var(--color-foreground), 0.08); padding-top: 3rem; } .footer__content-bottom:only-child { border-top: 0; } .footer__content-bottom-wrapper { width: 100%; } @media screen and (max-width: 749px) { .footer__content-bottom { flex-wrap: wrap; padding-top: 0; padding-left: 0; padding-right: 0; row-gap: 1.5rem; } .footer__content-bottom-wrapper { flex-wrap: wrap; row-gap: 1.5rem; justify-content: center; } .footer__content-bottom.scroll-trigger.animate--slide-in { animation: none; opacity: 1; transform: inherit; } } .footer__localization:empty + .footer__column--info { align-items: center; } @media screen and (max-width: 749px) { .footer__localization:empty + .footer__column { padding-top: 1.5rem; } } .footer__column { width: 100%; align-items: flex-end; } .footer__column--info { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 2rem; padding-right: 2rem; } @media screen and (min-width: 750px) { .footer__column--info { padding-left: 0; padding-right: 0; } } .footer-block:only-child:last-child { text-align: center; max-width: 76rem; margin: 0 auto; } @media screen and (min-width: 750px) { .footer-block { display: block; margin-top: 0; } } .footer-block:empty { display: none; } .footer-block--newsletter { display: flex; align-items: flex-end; margin-top: 3rem; gap: 1rem; } .footer-block--newsletter:only-child { margin-top: 0; } @media screen and (max-width: 749px) { .footer-block.footer-block--menu:only-child { text-align: left; } } @media screen and (min-width: 750px) { .footer-block--newsletter { flex-wrap: nowrap; justify-content: center; } } .footer-block__heading { margin-bottom: 2rem; margin-top: 0; font-size: calc(var(--font-heading-scale) * 1.6rem); } @media screen and (min-width: 990px) { .footer-block__heading { font-size: calc(var(--font-heading-scale) * 1.8rem); } } .footer__list-social:empty, .footer-block--newsletter:empty { display: none; } .footer__follow-on-shop { display: flex; text-align: center; } .footer__list-social.list-social:only-child { justify-content: center; } .footer-block__newsletter { text-align: center; flex-grow: 1; } .newsletter-form__field-wrapper { max-width: 36rem; } @media screen and (min-width: 750px) { .footer-block__newsletter:not(:only-child) { text-align: left; margin-right: auto; } .footer-block__newsletter:not(:only-child) .footer__newsletter { justify-content: flex-start; margin: 0; } .footer-block__newsletter:not(:only-child) .newsletter-form__message--success { left: auto; } .footer__follow-on-shop { margin-bottom: 0.4rem; } .footer__follow-on-shop:first-child:not(:last-child) { justify-content: flex-start; margin-right: auto; text-align: left; } .footer__follow-on-shop:not(:first-child):not(:last-child) { justify-content: flex-end; text-align: right; } } @media screen and (max-width: 749px) { .footer-block--newsletter { display: flex; flex-direction: column; flex: 1 1 100%; align-items: center; gap: 3rem; } .footer__list-social.list-social, .footer__follow-on-shop, .footer-block__newsletter { display: flex; justify-content: center; } .footer-block__newsletter { flex-direction: column; } } @media screen and (min-width: 750px) { .footer-block__newsletter + .footer__list-social { margin-top: 0; } } .footer__localization { display: flex; flex-direction: row; justify-content: center; align-content: center; flex-wrap: wrap; padding: 1rem 1rem 0; } .footer__localization:empty { display: none; } .footer__localization h2 { margin: 1rem 1rem 0.5rem; color: rgba(var(--color-foreground), 0.75); } @media screen and (min-width: 750px) { .footer__localization { padding: 0.4rem 0; } .footer__localization h2 { margin: 1rem 0 0; } } @media screen and (min-width: 750px) { .footer__payment { margin-top: 1.5rem; } } .footer__content-bottom-wrapper--center { justify-content: center; } .footer__copyright { text-align: center; margin-top: 1.5rem; } @media screen and (min-width: 750px) { .footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center) .footer__copyright { } } @keyframes appear-down { 0% { opacity: 0; margin-top: -1rem; } 100% { opacity: 1; margin-top: 0; } } .footer-block__details-content { margin-bottom: 4rem; } @media screen and (min-width: 750px) { .footer-block__details-content { margin-bottom: 0; } .footer-block__details-content > p, .footer-block__details-content > li { padding: 0; } .footer-block:only-child li { display: inline; } .footer-block__details-content > li:not(:last-child) { margin-right: 1.5rem; } } .footer-block__details-content .list-menu__item--link, .copyright__content a { color: rgba(var(--color-foreground), 0.75); } .footer-block__details-content .list-menu__item--active { transition: text-decoration-thickness var(--duration-short) ease; color: rgb(var(--color-foreground)); } @media screen and (min-width: 750px) { .footer-block__details-content .list-menu__item--link:hover, .copyright__content a:hover { color: rgb(var(--color-foreground)); text-decoration: underline; text-underline-offset: 0.3rem; } .footer-block__details-content .list-menu__item--active:hover { text-decoration-thickness: 0.2rem; } } @media screen and (max-width: 989px) { .footer-block__details-content .list-menu__item--link { padding-top: 1rem; padding-bottom: 1rem; } } @media screen and (min-width: 750px) { .footer-block__details-content .list-menu__item--link { display: inline-block; font-size: 1.4rem; } .footer-block__details-content > :first-child .list-menu__item--link { padding-top: 0; } } .footer-block-image { display: flex; } .footer-block-image.left { justify-content: flex-start; } .footer-block-image.center { justify-content: center; } .footer-block-image.right { justify-content: flex-end; } @media screen and (max-width: 749px) { .footer-block-image, .footer-block-image.left, .footer-block-image.center, .footer-block-image.right { justify-content: center; } } .footer-block__image-wrapper { margin-bottom: 2rem; overflow: hidden !important; } .footer-block__image-wrapper img { display: block; height: auto; max-width: 100%; } .footer-block__brand-info { text-align: left; } .footer-block:only-child .footer-block__brand-info { text-align: center; } .footer-block:only-child > .footer-block__brand-info > .footer-block__image-wrapper { margin-left: auto; margin-right: auto; } .footer-block-image > img, .footer-block__brand-info > img { height: auto; } .footer-block:only-child .footer-block__brand-info .footer__list-social.list-social { justify-content: center; } .footer-block__brand-info .footer__list-social.list-social { justify-content: flex-start; } .footer-block__details-content .placeholder-svg { max-width: 20rem; } .copyright__content { font-size: 1.1rem; } .copyright__content a { color: currentColor; text-decoration: none; } .policies { display: inline; } .policies li { display: inline-flex; justify-content: center; align-items: center; } .policies li::before { content: '\00B7'; padding: 0 0.8rem; } .policies li a { padding: 0.6rem 0; display: block; } @media screen and (min-width: 750px) { .policies li a { padding: 0; } } @keyframes animateLocalization { 0% { opacity: 0; transform: translateY(0); } 100% { opacity: 1; transform: translateY(-1rem); } } @supports not (inset: 10px) { @media screen and (max-width: 749px) { .footer .grid { margin-left: 0; } } @media screen and (min-width: 750px) { .footer__content-top .grid { margin-left: -3rem; } .footer__content-top .grid__item { padding-left: 3rem; } } } .site-footer .footer__collapsible { font-size: calc(var(--typeBaseSize)*.85) } @media only screen and (min-width: 769px) { .site-footer input,.site-footer select,.site-footer textarea { font-size:calc(var(--typeBaseSize)*.85) } } @media only screen and (max-width: 768px) { [data-center-text=true] .site-footer { text-align:center } .site-footer { padding-bottom: 0 } .site-footer .grid__item:last-child:after { display: none } .site-footer button.footer__title { margin: 0 } } .site-footer a { color: var(--colorFooterText) } .footer__clear { clear: both; height: 30px } .footer__section { margin-bottom: 17px } @media only screen and (min-width: 769px) { .footer__item-padding { padding-right:60px } } .footer__title { color: var(--colorFooterText) } @media only screen and (min-width: 769px) { .footer__title { margin-bottom:20px } } @media only screen and (max-width: 768px) { [data-center-text=true] .footer__title { text-align:center } } .site-footer__linklist { margin: 0 } .site-footer__linklist a { color: currentColor; display: inline-block; padding: 4px 0 } @media only screen and (max-width: 768px) { .site-footer .footer__title { box-shadow: 0 1px 0 0 black; } .site-footer .collapsible-trigger-btn{ font-size: 12px; padding: 17px 0; } button.footer__title{ line-height: 15px; } } .footer__newsletter { display: inline-block; max-width: 500px; position: relative; width: 100% } .footer__newsletter-input { border: 0; border-bottom: 2px solid; border-radius: 0; color: var(--colorFooterText); max-width: 500px; padding: 10px 45px 10px 0; width: 100% } .footer__newsletter-input:focus { border: 0; border-bottom: 2px solid; } .footer__newsletter-input::-webkit-input-placeholder { color: var(--colorFooterText); opacity: 1 } .footer__newsletter-input:-moz-placeholder { color: var(--colorFooterText); opacity: 1 } .footer__newsletter-input::-moz-placeholder { color: var(--colorFooterText); opacity: 1 } .footer__newsletter-input:-ms-input-placeholder { color: var(--colorFooterText); opacity: 1 } .footer__newsletter-input::-ms-input-placeholder { color: var(--colorFooterText); opacity: 1 } .footer__newsletter-input--active { padding-right: 80px } .footer__newsletter-btn { color: var(--colorFooterText); padding: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%) } .footer__newsletter-btn .icon { height: 24px; width: 26px } .footer__newsletter-input--active+.footer__newsletter-btn .icon { display: none } .footer__newsletter-input--active+.footer__newsletter-btn .footer__newsletter-btn-label { display: block } .footer__newsletter-btn-label { display: none; font-size: calc(var(--typeBaseSize)*.85) } .footer__logo { margin: 17px 0 } @media only screen and (min-width: 769px) { .footer__logo { margin:0 0 20px } } .footer__logo a { display: flex; } .footer__logo img { display: inline-block; max-height: 100%; transform: translateZ(0) } .footer__social { margin: 0 } form+.footer__social { margin-top: 30px } .footer__social li { display: inline-block; margin: 0 15px 15px 0 } .footer__social a { display: block } .footer__social .icon { height: 22px; width: 22px } @media only screen and (min-width: 769px) { .footer__social .icon { height:24px; width: 24px } } .footer__social .icon.icon--wide { width: 40px } @media only screen and (max-width: 768px) { .footer__collapsible { padding:7px 0; } } @media only screen and (max-width: 768px) { .footer_collapsible--disabled { padding-top:15px } } [data-center-text=true] .grid-product__meta { text-align: center } .footer-brand-info { display: flex; flex-direction: column; gap: 24px; } .footer-brand-top { display: flex; align-items: center; gap: 12px; } @media screen and (max-width: 749px) { .footer-brand-top { justify-content: center; } } .footer-brand-bottom { display: flex; align-items: flex-start; gap: 20px; } .footer-brand-bottom .footer-brand-seal img { width: 80px; height: auto; border-radius: 8px; } .footer-brand-bottom .footer-brand-text { flex: 1; display: flex; flex-direction: column; } .footer-brand-bottom .footer-brand-title { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 8px 0; line-height: 1.4; } .footer-brand-bottom .footer-brand-desc { font-size: 13px; line-height: 1.6; margin: 0; opacity: 0.85; } .footer-brand-bottom-mobile { display: none; } @media screen and (max-width: 768px) { .footer-brand-info { gap:unset; } .footer-brand-bottom-mobile { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; } .footer-brand-bottom-mobile .footer-brand-seal img { object-fit: contain; border-radius: 6px; flex-shrink: 0; } .footer-brand-bottom-mobile .footer-brand-title { font-size: 13px; font-weight: 600; text-transform: uppercase; margin: 0; flex: 1; min-width: 0; } .footer-brand-bottom-mobile .footer-brand-desc { font-size: 12px; line-height: 15px; margin: unset; margin-top: 10px; opacity: 0.85; width: 100%; } .footer__item--follow{ margin-top: 17px; } .footer__localization{ margin-top: 17px; } .shopify-section-group-footer-group .disclosure__toggle{ font-size: 15px; line-height: 18px; } } @media only screen and (min-width: 769px) { .footer-grid{ position: relative; } .footer__item--follow{ position: absolute; bottom: 30px; z-index: 999; } } .payment-icons.footer__section{ margin-top: 30px; } .footer__content-bottom-wrapper .copyright_text{ margin-top: 20px; } .footer__content-bottom-wrapper .footer__small-text { font-size: max(calc(var(--typeBaseSize) * .7), 12px); text-align: center; margin-top: 10px; } ul+.footer__small-text { padding-top: 15px; margin-top: 10px; } @media only screen and (max-width: 768px) { .payment-icons.footer__section{ padding: 0 36px; margin-top: 20px; } .footer__content-bottom-wrapper{ font-size: 10px; line-height: 12px; } .footer__content-bottom-wrapper .footer__small-text { margin: 0; text-align: center; margin-top: 12px; padding-bottom: 51px; } }/*component-newsletter.css*//*component-list-menu.css*/.list-menu--right { right: 0; } .list-menu--disclosure { position: absolute; min-width: 100%; width: 20rem; border: 1px solid rgba(var(--color-foreground), 0.2); } .list-menu--disclosure:focus { outline: none; } .list-menu__item--active { text-decoration: underline; text-underline-offset: 0.3rem; } .list-menu__item--active:hover { text-decoration-thickness: 0.2rem; } .list-menu--disclosure.localization-selector { max-height: 18rem; overflow: auto; width: 10rem; padding: 0.5rem; }/*component-list-payment.css*/.list-payment { display: flex; flex-wrap: wrap; justify-content: center; margin: -0.5rem 0; padding-top: 1rem; padding-left: 0; } @media screen and (min-width: 750px) { .list-payment { justify-content: flex-end; margin: -0.5rem; padding-top: 0; } } .list-payment__item { align-items: center; display: flex; padding: 0.5rem; }/*component-list-social.css*/.list-social{display:flex;flex-wrap:wrap;justify-content:flex-end} .list-social__item .icon{height:2rem;width:2rem} .list-social__link{align-items:center;display:flex;padding:1.1rem;color:rgb(var(--color-foreground))}/*country-flags.css*/.currency-flag { background-image: url(../country-flags-40.png); background-repeat: no-repeat; background-position: top left; position: relative; display: inline-block; vertical-align: middle; width: 40px; height: 40px; overflow: hidden; box-shadow: 0 0 1px #0000004d inset; border-radius: 50%; background-clip: padding-box } .currency-flag.currency-flag--ad { background-position: 0 0 } .currency-flag.currency-flag--ae { background-position: 0 -50px } .currency-flag.currency-flag--af { background-position: 0 -100px } .currency-flag.currency-flag--ag { background-position: 0 -150px } .currency-flag.currency-flag--ai { background-position: 0 -200px } .currency-flag.currency-flag--al { background-position: 0 -250px } .currency-flag.currency-flag--am { background-position: 0 -300px } .currency-flag.currency-flag--ao { background-position: 0 -350px } .currency-flag.currency-flag--ar { background-position: 0 -400px } .currency-flag.currency-flag--as { background-position: 0 -450px } .currency-flag.currency-flag--at { background-position: 0 -500px } .currency-flag.currency-flag--au { background-position: 0 -550px } .currency-flag.currency-flag--aw { background-position: 0 -600px } .currency-flag.currency-flag--ax { background-position: 0 -650px } .currency-flag.currency-flag--az { background-position: 0 -700px } .currency-flag.currency-flag--ba { background-position: 0 -750px } .currency-flag.currency-flag--bb { background-position: 0 -800px } .currency-flag.currency-flag--bd { background-position: 0 -850px } .currency-flag.currency-flag--be { background-position: 0 -900px } .currency-flag.currency-flag--bf { background-position: 0 -950px } .currency-flag.currency-flag--bg { background-position: 0 -1000px } .currency-flag.currency-flag--bh { background-position: 0 -1050px } .currency-flag.currency-flag--bi { background-position: 0 -1100px } .currency-flag.currency-flag--bj { background-position: 0 -1150px } .currency-flag.currency-flag--bl { background-position: 0 -1200px } .currency-flag.currency-flag--bm { background-position: 0 -1250px } .currency-flag.currency-flag--bn { background-position: 0 -1300px } .currency-flag.currency-flag--bo { background-position: 0 -1350px } .currency-flag.currency-flag--bq-bo { background-position: 0 -1400px } .currency-flag.currency-flag--bq-sa { background-position: 0 -1450px } .currency-flag.currency-flag--bq-se { background-position: 0 -1500px } .currency-flag.currency-flag--br { background-position: 0 -1550px } .currency-flag.currency-flag--bs { background-position: 0 -1600px } .currency-flag.currency-flag--bt { background-position: 0 -1650px } .currency-flag.currency-flag--bw { background-position: 0 -1700px } .currency-flag.currency-flag--by { background-position: 0 -1750px } .currency-flag.currency-flag--bz { background-position: 0 -1800px } .currency-flag.currency-flag--ca-bc { background-position: 0 -1850px } .currency-flag.currency-flag--ca { background-position: 0 -1900px } .currency-flag.currency-flag--cc { background-position: 0 -1950px } .currency-flag.currency-flag--cd { background-position: 0 -2000px } .currency-flag.currency-flag--cf { background-position: 0 -2050px } .currency-flag.currency-flag--cg { background-position: 0 -2100px } .currency-flag.currency-flag--ch { background-position: 0 -2150px } .currency-flag.currency-flag--ci { background-position: 0 -2200px } .currency-flag.currency-flag--ck { background-position: 0 -2250px } .currency-flag.currency-flag--cl { background-position: 0 -2300px } .currency-flag.currency-flag--cm { background-position: 0 -2350px } .currency-flag.currency-flag--cn { background-position: 0 -2400px } .currency-flag.currency-flag--co { background-position: 0 -2450px } .currency-flag.currency-flag--cr { background-position: 0 -2500px } .currency-flag.currency-flag--cu { background-position: 0 -2550px } .currency-flag.currency-flag--cv { background-position: 0 -2600px } .currency-flag.currency-flag--cw { background-position: 0 -2650px } .currency-flag.currency-flag--cx { background-position: 0 -2700px } .currency-flag.currency-flag--cy { background-position: 0 -2750px } .currency-flag.currency-flag--cz { background-position: 0 -2800px } .currency-flag.currency-flag--de { background-position: 0 -2850px } .currency-flag.currency-flag--dj { background-position: 0 -2900px } .currency-flag.currency-flag--dk { background-position: 0 -2950px } .currency-flag.currency-flag--dm { background-position: 0 -3000px } .currency-flag.currency-flag--do { background-position: 0 -3050px } .currency-flag.currency-flag--dz { background-position: 0 -3100px } .currency-flag.currency-flag--easter_island { background-position: 0 -3150px } .currency-flag.currency-flag--ec-w { background-position: 0 -3200px } .currency-flag.currency-flag--ec { background-position: 0 -3250px } .currency-flag.currency-flag--ee { background-position: 0 -3300px } .currency-flag.currency-flag--eg { background-position: 0 -3350px } .currency-flag.currency-flag--eh { background-position: 0 -3400px } .currency-flag.currency-flag--er { background-position: 0 -3450px } .currency-flag.currency-flag--es-ce { background-position: 0 -3500px } .currency-flag.currency-flag--es-cn { background-position: 0 -3550px } .currency-flag.currency-flag--es-ga { background-position: 0 -3600px } .currency-flag.currency-flag--es-ib { background-position: 0 -3650px } .currency-flag.currency-flag--es-ml { background-position: 0 -3700px } .currency-flag.currency-flag--es-pv { background-position: 0 -3750px } .currency-flag.currency-flag--es { background-position: 0 -3800px } .currency-flag.currency-flag--esperanto { background-position: 0 -3850px } .currency-flag.currency-flag--et { background-position: 0 -3900px } .currency-flag.currency-flag--european_union { background-position: 0 -3950px } .currency-flag.currency-flag--fi { background-position: 0 -4000px } .currency-flag.currency-flag--fj { background-position: 0 -4050px } .currency-flag.currency-flag--fk { background-position: 0 -4100px } .currency-flag.currency-flag--fm { background-position: 0 -4150px } .currency-flag.currency-flag--fo { background-position: 0 -4200px } .currency-flag.currency-flag--fr-h { background-position: 0 -4250px } .currency-flag.currency-flag--fr { background-position: 0 -4300px } .currency-flag.currency-flag--ga { background-position: 0 -4350px } .currency-flag.currency-flag--gb-eng { background-position: 0 -4400px } .currency-flag.currency-flag--gb-ork { background-position: 0 -4450px } .currency-flag.currency-flag--gb-sct { background-position: 0 -4500px } .currency-flag.currency-flag--gb-wls { background-position: 0 -4550px } .currency-flag.currency-flag--gb { background-position: 0 -4600px } .currency-flag.currency-flag--gd { background-position: 0 -4650px } .currency-flag.currency-flag--ge-ab { background-position: 0 -4700px } .currency-flag.currency-flag--ge { background-position: 0 -4750px } .currency-flag.currency-flag--gg { background-position: 0 -4800px } .currency-flag.currency-flag--gh { background-position: 0 -4850px } .currency-flag.currency-flag--gi { background-position: 0 -4900px } .currency-flag.currency-flag--gl { background-position: 0 -4950px } .currency-flag.currency-flag--gm { background-position: 0 -5000px } .currency-flag.currency-flag--gn { background-position: 0 -5050px } .currency-flag.currency-flag--gp { background-position: 0 -5100px } .currency-flag.currency-flag--gq { background-position: 0 -5150px } .currency-flag.currency-flag--gr { background-position: 0 -5200px } .currency-flag.currency-flag--gt { background-position: 0 -5250px } .currency-flag.currency-flag--gu { background-position: 0 -5300px } .currency-flag.currency-flag--gw { background-position: 0 -5350px } .currency-flag.currency-flag--gy { background-position: 0 -5400px } .currency-flag.currency-flag--hausa { background-position: 0 -5450px } .currency-flag.currency-flag--hk { background-position: 0 -5500px } .currency-flag.currency-flag--hmong { background-position: 0 -5550px } .currency-flag.currency-flag--hn { background-position: 0 -5600px } .currency-flag.currency-flag--hr { background-position: 0 -5650px } .currency-flag.currency-flag--ht { background-position: 0 -5700px } .currency-flag.currency-flag--hu { background-position: 0 -5750px } .currency-flag.currency-flag--id { background-position: 0 -5800px } .currency-flag.currency-flag--ie { background-position: 0 -5850px } .currency-flag.currency-flag--il { background-position: 0 -5900px } .currency-flag.currency-flag--im { background-position: 0 -5950px } .currency-flag.currency-flag--in { background-position: 0 -6000px } .currency-flag.currency-flag--io { background-position: 0 -6050px } .currency-flag.currency-flag--iq { background-position: 0 -6100px } .currency-flag.currency-flag--ir { background-position: 0 -6150px } .currency-flag.currency-flag--is { background-position: 0 -6200px } .currency-flag.currency-flag--it-82 { background-position: 0 -6250px } .currency-flag.currency-flag--it-88 { background-position: 0 -6300px } .currency-flag.currency-flag--it { background-position: 0 -6350px } .currency-flag.currency-flag--je { background-position: 0 -6400px } .currency-flag.currency-flag--jm { background-position: 0 -6450px } .currency-flag.currency-flag--jo { background-position: 0 -6500px } .currency-flag.currency-flag--jp { background-position: 0 -6550px } .currency-flag.currency-flag--kannada { background-position: 0 -6600px } .currency-flag.currency-flag--ke { background-position: 0 -6650px } .currency-flag.currency-flag--kg { background-position: 0 -6700px } .currency-flag.currency-flag--kh { background-position: 0 -6750px } .currency-flag.currency-flag--ki { background-position: 0 -6800px } .currency-flag.currency-flag--km { background-position: 0 -6850px } .currency-flag.currency-flag--kn { background-position: 0 -6900px } .currency-flag.currency-flag--kp { background-position: 0 -6950px } .currency-flag.currency-flag--kr { background-position: 0 -7000px } .currency-flag.currency-flag--kurdistan { background-position: 0 -7050px } .currency-flag.currency-flag--kw { background-position: 0 -7100px } .currency-flag.currency-flag--ky { background-position: 0 -7150px } .currency-flag.currency-flag--kz { background-position: 0 -7200px } .currency-flag.currency-flag--la { background-position: 0 -7250px } .currency-flag.currency-flag--lb { background-position: 0 -7300px } .currency-flag.currency-flag--lc { background-position: 0 -7350px } .currency-flag.currency-flag--li { background-position: 0 -7400px } .currency-flag.currency-flag--lk { background-position: 0 -7450px } .currency-flag.currency-flag--lr { background-position: 0 -7500px } .currency-flag.currency-flag--ls { background-position: 0 -7550px } .currency-flag.currency-flag--lt { background-position: 0 -7600px } .currency-flag.currency-flag--lu { background-position: 0 -7650px } .currency-flag.currency-flag--lv { background-position: 0 -7700px } .currency-flag.currency-flag--ly { background-position: 0 -7750px } .currency-flag.currency-flag--ma { background-position: 0 -7800px } .currency-flag.currency-flag--malayali { background-position: 0 -7850px } .currency-flag.currency-flag--maori { background-position: 0 -7900px } .currency-flag.currency-flag--mc { background-position: 0 -7950px } .currency-flag.currency-flag--md { background-position: 0 -8000px } .currency-flag.currency-flag--me { background-position: 0 -8050px } .currency-flag.currency-flag--mf { background-position: 0 -8100px } .currency-flag.currency-flag--mg { background-position: 0 -8150px } .currency-flag.currency-flag--mh { background-position: 0 -8200px } .currency-flag.currency-flag--mk { background-position: 0 -8250px } .currency-flag.currency-flag--ml { background-position: 0 -8300px } .currency-flag.currency-flag--mm { background-position: 0 -8350px } .currency-flag.currency-flag--mn { background-position: 0 -8400px } .currency-flag.currency-flag--mo { background-position: 0 -8450px } .currency-flag.currency-flag--mp { background-position: 0 -8500px } .currency-flag.currency-flag--mq { background-position: 0 -8550px } .currency-flag.currency-flag--mr { background-position: 0 -8600px } .currency-flag.currency-flag--ms { background-position: 0 -8650px } .currency-flag.currency-flag--mt { background-position: 0 -8700px } .currency-flag.currency-flag--mu { background-position: 0 -8750px } .currency-flag.currency-flag--mv { background-position: 0 -8800px } .currency-flag.currency-flag--mw { background-position: 0 -8850px } .currency-flag.currency-flag--mx { background-position: 0 -8900px } .currency-flag.currency-flag--my { background-position: 0 -8950px } .currency-flag.currency-flag--mz { background-position: 0 -9000px } .currency-flag.currency-flag--na { background-position: 0 -9050px } .currency-flag.currency-flag--nato { background-position: 0 -9100px } .currency-flag.currency-flag--nc { background-position: 0 -9150px } .currency-flag.currency-flag--ne { background-position: 0 -9200px } .currency-flag.currency-flag--nf { background-position: 0 -9250px } .currency-flag.currency-flag--ng { background-position: 0 -9300px } .currency-flag.currency-flag--ni { background-position: 0 -9350px } .currency-flag.currency-flag--nl { background-position: 0 -9400px } .currency-flag.currency-flag--no { background-position: 0 -9450px } .currency-flag.currency-flag--northern_cyprus { background-position: 0 -9500px } .currency-flag.currency-flag--np { background-position: 0 -9550px } .currency-flag.currency-flag--nr { background-position: 0 -9600px } .currency-flag.currency-flag--nu { background-position: 0 -9650px } .currency-flag.currency-flag--nz { background-position: 0 -9700px } .currency-flag.currency-flag--om { background-position: 0 -9750px } .currency-flag.currency-flag--pa { background-position: 0 -9800px } .currency-flag.currency-flag--pe { background-position: 0 -9850px } .currency-flag.currency-flag--pf { background-position: 0 -9900px } .currency-flag.currency-flag--pg { background-position: 0 -9950px } .currency-flag.currency-flag--ph { background-position: 0 -10000px } .currency-flag.currency-flag--pk { background-position: 0 -10050px } .currency-flag.currency-flag--pl { background-position: 0 -10100px } .currency-flag.currency-flag--pn { background-position: 0 -10150px } .currency-flag.currency-flag--pr { background-position: 0 -10200px } .currency-flag.currency-flag--ps { background-position: 0 -10250px } .currency-flag.currency-flag--pt-20 { background-position: 0 -10300px } .currency-flag.currency-flag--pt-30 { background-position: 0 -10350px } .currency-flag.currency-flag--pt { background-position: 0 -10400px } .currency-flag.currency-flag--pw { background-position: 0 -10450px } .currency-flag.currency-flag--py { background-position: 0 -10500px } .currency-flag.currency-flag--qa { background-position: 0 -10550px } .currency-flag.currency-flag--ro { background-position: 0 -10600px } .currency-flag.currency-flag--rs { background-position: 0 -10650px } .currency-flag.currency-flag--ru { background-position: 0 -10700px } .currency-flag.currency-flag--rw { background-position: 0 -10750px } .currency-flag.currency-flag--sa { background-position: 0 -10800px } .currency-flag.currency-flag--sb { background-position: 0 -10850px } .currency-flag.currency-flag--sc { background-position: 0 -10900px } .currency-flag.currency-flag--sd { background-position: 0 -10950px } .currency-flag.currency-flag--se { background-position: 0 -11000px } .currency-flag.currency-flag--sg { background-position: 0 -11050px } .currency-flag.currency-flag--sh { background-position: 0 -11100px } .currency-flag.currency-flag--si { background-position: 0 -11150px } .currency-flag.currency-flag--sindh { background-position: 0 -11200px } .currency-flag.currency-flag--sj { background-position: 0 -11250px } .currency-flag.currency-flag--sk { background-position: 0 -11300px } .currency-flag.currency-flag--sl { background-position: 0 -11350px } .currency-flag.currency-flag--sm { background-position: 0 -11400px } .currency-flag.currency-flag--sn { background-position: 0 -11450px } .currency-flag.currency-flag--so { background-position: 0 -11500px } .currency-flag.currency-flag--somaliland { background-position: 0 -11550px } .currency-flag.currency-flag--south_ossetia { background-position: 0 -11600px } .currency-flag.currency-flag--sr { background-position: 0 -11650px } .currency-flag.currency-flag--ss { background-position: 0 -11700px } .currency-flag.currency-flag--st { background-position: 0 -11750px } .currency-flag.currency-flag--sv { background-position: 0 -11800px } .currency-flag.currency-flag--sx { background-position: 0 -11850px } .currency-flag.currency-flag--sy { background-position: 0 -11900px } .currency-flag.currency-flag--sz { background-position: 0 -11950px } .currency-flag.currency-flag--tc { background-position: 0 -12000px } .currency-flag.currency-flag--td { background-position: 0 -12050px } .currency-flag.currency-flag--tg { background-position: 0 -12100px } .currency-flag.currency-flag--th { background-position: 0 -12150px } .currency-flag.currency-flag--tibet { background-position: 0 -12200px } .currency-flag.currency-flag--tj { background-position: 0 -12250px } .currency-flag.currency-flag--tk { background-position: 0 -12300px } .currency-flag.currency-flag--tl { background-position: 0 -12350px } .currency-flag.currency-flag--tm { background-position: 0 -12400px } .currency-flag.currency-flag--tn { background-position: 0 -12450px } .currency-flag.currency-flag--to { background-position: 0 -12500px } .currency-flag.currency-flag--tr { background-position: 0 -12550px } .currency-flag.currency-flag--transnistria { background-position: 0 -12600px } .currency-flag.currency-flag--tt { background-position: 0 -12650px } .currency-flag.currency-flag--tv { background-position: 0 -12700px } .currency-flag.currency-flag--tw { background-position: 0 -12750px } .currency-flag.currency-flag--tz { background-position: 0 -12800px } .currency-flag.currency-flag--ua { background-position: 0 -12850px } .currency-flag.currency-flag--ug { background-position: 0 -12900px } .currency-flag.currency-flag--united_nations { background-position: 0 -12950px } .currency-flag.currency-flag--us-hi { background-position: 0 -13000px } .currency-flag.currency-flag--us { background-position: 0 -13050px } .currency-flag.currency-flag--uy { background-position: 0 -13100px } .currency-flag.currency-flag--uz { background-position: 0 -13150px } .currency-flag.currency-flag--va { background-position: 0 -13200px } .currency-flag.currency-flag--vc { background-position: 0 -13250px } .currency-flag.currency-flag--ve { background-position: 0 -13300px } .currency-flag.currency-flag--vg { background-position: 0 -13350px } .currency-flag.currency-flag--vi { background-position: 0 -13400px } .currency-flag.currency-flag--vn { background-position: 0 -13450px } .currency-flag.currency-flag--vu { background-position: 0 -13500px } .currency-flag.currency-flag--ws { background-position: 0 -13550px } .currency-flag.currency-flag--xk { background-position: 0 -13600px } .currency-flag.currency-flag--xx { background-position: 0 -13650px } .currency-flag.currency-flag--ye { background-position: 0 -13700px } .currency-flag.currency-flag--yiddish { background-position: 0 -13750px } .currency-flag.currency-flag--za { background-position: 0 -13800px } .currency-flag.currency-flag--zm { background-position: 0 -13850px } .currency-flag.currency-flag--zw { background-position: 0 -13900px }/*component-cart-items.css*/cart-items .title-wrapper-with-link { margin-top: 0; } .cart-items td, .cart-items th { padding: 0; border: none; } .cart-items th { text-align: left; padding-bottom: 1.8rem; opacity: 0.85; font-weight: normal; } .cart-item__quantity-wrapper { display: flex; } .cart-item__totals { position: relative; } .cart-items *.right { text-align: right; } .cart-item__image-container { display: inline-flex; align-items: flex-start; } .cart-item__nested-line .cart-item__image-container { min-width: calc(10rem / var(--font-body-scale)); justify-content: right; img { width: 60%; } } .cart-item__image-container:after { content: none; } .cart-item__image { height: auto; max-width: calc(10rem / var(--font-body-scale)); } @media screen and (min-width: 750px) { .cart-item__image { max-width: 100%; } } .cart-item__details { font-size: 1.6rem; line-height: calc(1 + 0.4 / var(--font-body-scale)); } .cart-item__details > * { margin: 0; max-width: 30rem; } .cart-item__details > * + * { margin-top: 0.6rem; } .cart-item__media { position: relative; } .cart-item__link { display: block; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .cart-item__name { text-decoration: none; display: block; } .cart-item__name:hover { text-decoration: underline; text-underline-offset: 0.3rem; text-decoration-thickness: 0.2rem; } .cart-item__price-wrapper > * { display: block; margin: 0; padding: 0; } .cart-item__discounted-prices dd { margin: 0; } .cart-item__discounted-prices .cart-item__old-price { font-size: 1.4rem; } .cart-item__old-price { opacity: 0.7; } .cart-item__final-price { font-weight: 400; } .product-option { font-size: 1.4rem; word-break: break-word; line-height: calc(1 + 0.5 / var(--font-body-scale)); } .cart-item cart-remove-button { display: flex; margin-left: 1rem; } @media screen and (min-width: 750px) and (max-width: 989px) { .cart-item cart-remove-button { width: 4.5rem; height: 4.5rem; } } cart-remove-button .button { min-width: calc(4.5rem / var(--font-body-scale)); min-height: 4.5rem; padding: 0; margin: 0 0.1rem 0.1rem 0; } cart-remove-button .button:before, cart-remove-button .button:after { content: none; } cart-remove-button .button:not([disabled]):hover { color: rgb(var(--color-foreground)); } @media screen and (min-width: 750px) { cart-remove-button .button { text-align: center; display: flex; justify-content: center; align-items: center; } } cart-remove-button .icon-remove { height: 1.5rem; width: 1.5rem; } .cart-item .loading__spinner { top: 0; left: auto; right: auto; bottom: 0; padding: 0; } @media screen and (min-width: 750px) { .cart-item .loading__spinner { right: 0; padding-top: 4.5rem; bottom: auto; } } .cart-item .loading__spinner:not(.hidden) ~ * { visibility: hidden; } .cart-item__error { display: flex; align-items: flex-start; margin-top: 0.2rem; width: min-content; min-width: 100%; } .cart-item__error-text { font-size: 1.3rem; line-height: 1.4; letter-spacing: 0.04rem; order: 1; } .cart-item__error-text + .svg-wrapper { flex-shrink: 0; width: 1.5rem; height: 1.5rem; margin-right: 0.7rem; margin-top: 0.25rem; } .cart-item__error-text:empty + .svg-wrapper { display: none; } .product-option + .product-option { margin-top: 0.4rem; } .product-option * { display: inline; margin: 0; } .cart-items thead th { text-transform: uppercase; } @media screen and (max-width: 749px) { .cart-items, .cart-items thead, .cart-items tbody { display: block; width: 100%; } .cart-items thead tr { display: flex; justify-content: space-between; border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2); margin-bottom: 4rem; } .cart-item { display: grid; grid-template: repeat(2, auto) / repeat(4, 1fr); gap: 1.5rem; margin-bottom: 3.5rem; } .cart-item:has(+ .cart-item__nested-line) { margin-bottom: 1.5rem; } .cart-item:last-child { margin-bottom: 0; } .cart-item__media { grid-row: 1 / 3; } .cart-item__details { grid-column: 2 / 4; } .cart-item__quantity { grid-column: 2 / 5; } .cart-item__quantity-wrapper { flex-wrap: wrap; } .cart-item__totals { display: flex; align-items: flex-start; justify-content: flex-end; } } @media screen and (min-width: 750px) { .cart-items { border-spacing: 0; border-collapse: separate; box-shadow: none; width: 100%; display: table; } .cart-items th { border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08); } .cart-items thead th:first-child { width: 50%; } .cart-items th + th { padding-left: 4rem; } .cart-items td { vertical-align: top; padding-top: 4rem; } .cart-items .cart-item__nested-line td { padding-top: 1rem; } .cart-item { display: table-row; } .cart-item > td + td { padding-left: 4rem; } .cart-item__details { width: 35rem; } .cart-item__media { width: 10rem; } .cart-item__price-wrapper > *:only-child:not(.cart-item__discounted-prices) { margin-top: 1rem; } .cart-item__error { margin-left: 0.3rem; } } @media screen and (min-width: 990px) { .cart-item .cart-item__quantity, .cart-items .cart-items__heading--wide { padding-left: 6rem; } .cart-item__details { width: 50rem; } .cart-items thead th:first-child { width: 60%; } } @media screen and (min-width: 750px) { .cart-items .cart-items__heading--quantity, .cart-item .cart-item__quantity, .cart-item__quantity--info quantity-popover > * { padding-left: 5rem; } .cart-item .cart-item__quantity--info, .cart-item__quantity--info .cart-item__quantity-wrapper, .cart-item__quantity--info .cart-items__info { padding-left: 0; } } @media screen and (max-width: 989px) { .cart-items .quantity-popover__info-button { padding-left: 0; } }/*component-facets.css*/.facets-container { display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(2, auto); padding-top: 1rem; } .active-facets-mobile { margin-bottom: 0.5rem; } .mobile-facets__list { overflow-y: auto; } @media screen and (min-width: 750px) { .facets-container > * + * { margin-top: 0; } .facets__form .product-count { grid-column-start: 3; align-self: flex-start; } } @media screen and (max-width: 989px) { .facets-container { grid-template-columns: auto minmax(0, max-content); column-gap: 2rem; } } .facet-filters { align-items: flex-start; display: flex; grid-column: 2; grid-row: 1; padding-left: 2.5rem; } @media screen and (min-width: 990px) { .facet-filters { padding-left: 3rem; } } .facet-filters__label { display: block; color: rgba(var(--color-foreground), 0.85); font-size: 1.4rem; margin: 0 2rem 0 0; } .facet-filters__summary { display: flex; align-items: center; justify-content: space-between; font-size: 1.4rem; cursor: pointer; height: 4.5rem; padding: 0 1.5rem; min-width: 25rem; margin-top: 2.4rem; border: 0.1rem solid rgba(var(--color-foreground), 0.55); } .facet-filters__summary::after { position: static; } .facet-filters__field { align-items: center; display: flex; flex-grow: 1; justify-content: flex-end; } .facet-filters__field .select { width: auto; } .facet-filters__field .select:after, .facet-filters__field .select:before, .mobile-facets__sort .select:after, .mobile-facets__sort .select:before { content: none; } .facet-filters__field .select__select, .mobile-facets__sort .select__select { border-radius: 0; min-width: auto; min-height: auto; transition: none; } .select .icon-caret { width: 10px; } .facet-filters button { margin-left: 2.5rem; } .facet-filters__sort { background-color: transparent; border: 0; border-radius: 0; font-size: 1.4rem; height: auto; line-height: calc(1 + 0.5 / var(--font-body-scale)); margin: 0; padding-left: 0; padding-right: 1.75rem; } .facet-filters__sort + .icon-caret { right: 0; } @media screen and (forced-colors: active) { .facet-filters__sort { border: none; } } .facet-filters__sort, .facet-filters__sort:hover { box-shadow: none; filter: none; transition: none; } .mobile-facets__sort .select__select:focus-visible { outline: 0.2rem solid rgba(var(--color-foreground), 0.5); outline-offset: 0.3rem; box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); } .mobile-facets__sort .select__select.focused { outline: 0.2rem solid rgba(var(--color-foreground), 0.5); outline-offset: 0.3rem; box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); } .facet-filters__sort:focus-visible { outline: 0.2rem solid rgba(var(--color-foreground), 0.5); outline-offset: 1rem; box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3); } .facet-filters__sort.focused { outline: 0.2rem solid rgba(var(--color-foreground), 0.5); outline-offset: 1rem; box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3); } .facets { display: block; grid-column-start: span 2; } .facets__form { display: grid; gap: 0 3.5rem; grid-template-columns: 1fr max-content max-content; margin-bottom: 0.5rem; } .facets__wrapper { align-items: center; align-self: flex-start; grid-column: 1; grid-row: 1; display: flex; flex-wrap: wrap; } .facets__heading { display: block; color: rgba(var(--color-foreground), 0.85); font-size: 1.4rem; margin: -1.5rem 2rem 0 0; } .facets__reset { margin-left: auto; } .facets__disclosure { margin-right: 3.5rem; } .facets__summary { color: rgba(var(--color-foreground), 0.75); font-size: 1.4rem; padding: 0 1.75rem 0 0; margin-bottom: 1.5rem; } .facets__summary .svg-wrapper { height: auto; width: auto; } .facets__disclosure fieldset { padding: 0; margin: 0; border: 0; } .facets__disclosure[open] .facets__summary, .facets__summary:hover { color: rgb(var(--color-foreground)); } .facets__disclosure[open] .facets__display, .facets__disclosure-vertical[open] .facets__display-vertical { animation: animateMenuOpen var(--duration-default) ease; } .facets__summary span:first-of-type { transition: text-decoration var(--duration-short) ease; } .facets__summary:hover .facets__summary-label { text-decoration: underline; text-underline-offset: 0.3rem; } .facets__and-helptext { color: rgba(var(--color-foreground), 0.5); font-size: calc(var(--font-heading-scale) * 1.2rem); line-height: calc(var(--font-heading-scale) * 1.2rem); } @media only screen and (min-width: 750px) { .facets__and-helptext { font-size: calc(var(--font-heading-scale) * 1.3rem); line-height: calc(var(--font-heading-scale) * 1.3rem); } } .facets__disclosure .facets__and-helptext, .facets__disclosure-vertical .facets__and-helptext { display: none; } .facets__disclosure[open] .facets__and-helptext, .facets__disclosure-vertical[open] .facets__and-helptext { display: block; } .disclosure-has-popup[open] > .facets__summary::before { z-index: 2; } .facets__summary > span { line-height: calc(1 + 0.3 / var(--font-body-scale)); } .facets__summary .icon-caret { right: 0; } .facets__display { border-width: var(--popup-border-width); border-style: solid; border-color: rgba(var(--color-foreground), var(--popup-border-opacity)); border-radius: var(--popup-corner-radius); box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity)); background-color: rgb(var(--color-background)); position: absolute; top: calc(100% + 0.5rem); left: -1.2rem; width: 35rem; max-height: 55rem; overflow-y: auto; } .facets__header { border-bottom: 1px solid rgba(var(--color-foreground), 0.2); padding: 1.5rem 2rem; display: flex; justify-content: space-between; font-size: 1.4rem; position: sticky; top: 0; background-color: rgb(var(--color-background)); z-index: 1; } .facets__header facet-remove { align-self: center; } .facets__list { padding: 0.5rem 2rem; } .facets-layout-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); text-align: center; padding: 2rem 2.4rem; } .facets-layout-list--swatch { --swatch-input--size: 2.4rem; } .facets-layout-grid.facets-layout-grid { gap: 1rem; } .facets-layout-grid.facets__list--vertical { padding: 1rem 0; } .facets__item { display: flex; align-items: center; } .facets-layout-list .facets__label:hover .facet-checkbox__text-label, .facets-layout-list input:focus ~ .facet-checkbox__text-label { text-decoration: underline; } .facets-layout-grid > * { align-items: flex-start; } .facets-layout-grid .facets__label { display: flex; flex-direction: column; padding: 0; height: 100%; font-size: 1.3rem; } .facets-layout-grid .facets__image-wrapper { display: block; position: relative; aspect-ratio: 1 / 1; min-height: 0; padding: 0.4rem; } .facets__image { width: 100%; height: 100%; object-fit: contain; } .facets-layout-grid--image .facets__label { outline-style: solid; outline-color: transparent; transition-property: outline-color, outline-width, box-shadow; transition-duration: var(--duration-short); transition-timing-function: ease; } .facets-layout-grid--image .facet-checkbox__text { padding: 0.4rem; } .facets-layout-grid--image .facets__label.active { outline-color: rgb(var(--color-foreground)); outline-width: 0.1rem; } .facets-layout-grid--image .facets__label:hover { outline-color: rgba(var(--color-foreground), 0.4); outline-width: 0.2rem; } .facets-layout-grid--image .facets__label:has(:focus-visible) { outline-color: rgba(var(--color-foreground), 0.5); outline-width: 0.2rem; box-shadow: 0px 0px 3px 1px rgba(var(--color-foreground), 0.25); } .facets-layout-grid--image .facets__label.active:has(:focus-visible) { outline-color: rgb(var(--color-foreground)); outline-width: 0.1rem; box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0 0.5rem rgba(var(--color-foreground), 0.5), 0 0 0.7rem 0.1rem rgba(var(--color-foreground), 0.25); } .facets-layout-grid--image .facets__label.disabled { outline: none; } .facets-layout-grid--image .facets__label.disabled .facets__image-wrapper { outline: 0.1rem solid rgb(var(--color-foreground)); } .facets-layout-grid--image .facets__label.disabled .facets__image-wrapper:before { content: ''; position: absolute; bottom: 0; left: 0; width: 141.4%; height: 0.1rem; background-color: rgb(var(--color-foreground)); transform: rotate(-45deg); transform-origin: left; } .facets-layout-grid--image .facets__label.disabled .disabled-line { position: absolute; inset: 0; height: 100%; width: 100%; background: transparent; margin: 0; } .facets-layout-grid--image .facets__label.disabled .disabled-line line { stroke: rgb(var(--color-foreground)); stroke-width: 1; } .list-menu__item label, .list-menu__item input[type='checkbox'] { cursor: pointer; } .facet-checkbox { padding: 1rem 2rem 1rem 0; flex-grow: 1; position: relative; font-size: 1.4rem; display: flex; word-break: break-word; } .facets__label:hover, .facets__label.active, .facets__label:has(:focus-visible) { color: rgba(var(--color-foreground), 1); } .facets-layout .facets__label.disabled { pointer-events: none; } .facets-layout:not(.facets-layout-list--swatch, .facets-layout-grid--image) .facets__label.disabled { opacity: 0.4; } .facets-layout-grid--image .facets__label.disabled .facets__image-wrapper { opacity: 0.2; } :is(.facets-layout-list--swatch, .facets-layout-grid--image) .facets__label.disabled .facet-checkbox__text { opacity: 0.4; } .facets-layout-list--text input[type='checkbox'] { position: absolute; opacity: 1; width: 1.6rem; height: 1.6rem; top: 0.7rem; left: -0.4rem; z-index: -1; appearance: none; -webkit-appearance: none; } .facets-layout-grid input[type='checkbox'], .facets-layout-list--swatch input[type='checkbox'] { position: absolute; inset: 0; z-index: 1; margin: 0; opacity: 0; width: 100%; height: 100%; } .facets-layout-list--swatch .facets__label { display: flex; align-items: center; gap: 0.8rem; } .swatch-input-wrapper { display: flex; } .facet-checkbox > svg, .facet-checkbox > .svg-wrapper { background-color: rgb(var(--color-background)); margin-right: 1.2rem; flex-shrink: 0; } .facet-checkbox .svg-wrapper { visibility: hidden; position: absolute; left: 0.3rem; z-index: 5; top: 1.4rem; width: 1.1rem; height: 0.7rem; } .facet-checkbox > input[type='checkbox']:checked ~ .svg-wrapper > .icon-checkmark { visibility: visible; } @media screen and (forced-colors: active) { .facet-checkbox > svg { background-color: inherit; border: 0.1rem solid rgb(var(--color-background)); } .facet-checkbox > input[type='checkbox']:checked ~ .svg-wrapper > .icon-checkmark { border: none; } } .facets__price { display: flex; padding: 2rem; } .facets__price .field + .field-currency { margin-left: 2rem; } .facets__price .field { align-items: center; } .facets__price .field-currency { align-self: center; margin-right: 0.6rem; } .facets__price .field__label { left: 1.5rem; } button.facets__button { min-height: 0; margin: 0 0 0 0.5rem; box-shadow: none; padding-top: 1.4rem; padding-bottom: 1.4rem; } .active-facets { display: flex; flex-wrap: wrap; width: 100%; grid-column: 1 / -1; grid-row: 2; margin-top: -0.5rem; } .active-facets__button { display: block; margin-right: 1.5rem; margin-top: 1.5rem; padding-left: 0.2rem; padding-right: 0.2rem; text-decoration: none; } span.active-facets__button-inner { color: rgb(var(--color-foreground)); box-shadow: 0 0 0 0.1rem rgb(var(--color-foreground)); border-radius: 2.6rem; font-size: 1rem; min-height: 0; min-width: 0; padding: 0.25rem 1.25rem; display: flex; align-items: center; } span.active-facets__button-inner:before, span.active-facets__button-inner:after { display: none; } .active-facets__button-wrapper { align-items: center; display: flex; justify-content: center; padding-top: 1.5rem; } .active-facets__button-wrapper * { font-size: 1rem; } @media screen and (min-width: 990px) { .active-facets__button { margin-right: 1.5rem; } .active-facets__button-wrapper *, span.active-facets__button-inner { font-size: 1.4rem; } } @media screen and (max-width: 989px) { .active-facets { margin: 0 -1.2rem -1.2rem; } .active-facets__button, .active-facets__button-remove { margin: 0; padding: 1.2rem; } span.active-facets__button-inner { padding-bottom: 0.1rem; padding-top: 0.1rem; } .active-facets__button-wrapper { padding-top: 0; margin-left: 1.2rem; } } .active-facets__button:hover .active-facets__button-inner { box-shadow: 0 0 0 0.2rem rgb(var(--color-foreground)); } .active-facets__button--light .active-facets__button-inner { box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2); } .active-facets__button--light:hover .active-facets__button-inner { box-shadow: 0 0 0 0.2rem rgba(var(--color-foreground), 0.4); } a.active-facets__button:focus-visible { outline: none; box-shadow: none; } @media (forced-colors: active) { a.active-facets__button:focus-visible { outline: transparent solid 1px; } } a.active-facets__button.focused { outline: none; box-shadow: none; } a.active-facets__button:focus-visible .active-facets__button-inner { box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2), 0 0 0 0.2rem rgb(var(--color-background)), 0 0 0 0.4rem rgb(var(--color-foreground)); outline: none; } a.active-facets__button.focused .active-facets__button-inner { box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2), 0 0 0 0.2rem rgb(var(--color-background)), 0 0 0 0.4rem rgb(var(--color-foreground)); outline: none; } .active-facets__button .svg-wrapper { align-self: center; flex-shrink: 0; margin-left: 0.6rem; margin-right: -0.2rem; pointer-events: none; width: 1.2rem; } @media all and (min-width: 990px) { .active-facets__button .svg-wrapper { margin-right: -0.4rem; margin-top: 0.1rem; width: 1.2rem; } } .active-facets facet-remove:only-child { display: none; } .facets-vertical .active-facets .active-facets-vertical-filter:only-child > facet-remove { display: none; } .facets-vertical .active-facets-vertical-filter { display: flex; width: 100%; justify-content: space-between; } .facets-vertical .active-facets-vertical-filter .active-facets__button-wrapper { padding-top: 0; display: flex; align-items: flex-start; } .facets-vertical .active-facets__button { margin-top: 0; } .active-facets__button.disabled, .mobile-facets__clear.disabled { pointer-events: none; } .mobile-facets__clear-wrapper { align-items: center; display: flex; justify-content: center; } .mobile-facets { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background-color: rgba(var(--color-foreground), 0.5); pointer-events: none; } .mobile-facets__disclosure { display: flex; } .mobile-facets__wrapper { margin-left: 0; display: flex; } .mobile-facets__wrapper .disclosure-has-popup[open] > summary::before { height: 100vh; z-index: 3; } .mobile-facets__inner { background-color: rgb(var(--color-background)); width: calc(100% - 5rem); margin-left: auto; height: 100%; overflow-y: auto; pointer-events: all; transition: transform var(--duration-default) ease; max-width: 37.5rem; display: flex; flex-direction: column; border-color: rgba(var(--color-foreground), var(--drawer-border-opacity)); border-style: solid; border-width: 0 0 0 var(--drawer-border-width); filter: drop-shadow( var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow), var(--drawer-shadow-opacity)) ); } .menu-opening .mobile-facets__inner { transform: translateX(0); } .js .disclosure-has-popup:not(.menu-opening) .mobile-facets__inner { transform: translateX(105vw); } .mobile-facets__header { border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08); padding: 1rem 2.5rem; text-align: center; display: flex; position: sticky; top: 0; z-index: 2; } .mobile-facets__header-inner { flex-grow: 1; position: relative; } .mobile-facets__info { padding: 0 2.6rem; } .mobile-facets__heading { font-size: calc(var(--font-heading-scale) * 1.4rem); margin: 0; } .mobile-facets__count { color: rgba(var(--color-foreground), 0.7); font-size: 1.3rem; margin: 0; flex-grow: 1; } .mobile-facets__open-wrapper { display: inline-block; } .mobile-facets__open { text-align: left; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; display: flex; align-items: center; color: rgba(var(--color-link), var(--alpha-link)); } .mobile-facets__open:hover { color: rgb(var(--color-link)); } .mobile-facets__open:hover line, .mobile-facets__open:hover circle { stroke: rgb(var(--color-link)); } .mobile-facets__open-label { transition: text-decoration var(--duration-short) ease; } .mobile-facets__open:hover .mobile-facets__open-label { text-decoration: underline; text-underline-offset: 0.3rem; } .mobile-facets__open > * + * { margin-left: 1rem; } .mobile-facets__open .svg-wrapper { width: 2rem; } .mobile-facets__open line, .mobile-facets__open circle { stroke: rgba(var(--color-link), var(--alpha-link)); } .mobile-facets__close { display: none; align-items: center; justify-content: center; position: fixed; top: 0.7rem; right: 1rem; width: 4.4rem; height: 4.4rem; z-index: 101; opacity: 0; transition: opacity var(--duration-short) ease; } .mobile-facets__close .svg-wrapper { width: 2.2rem; } details.menu-opening .mobile-facets__close { display: flex; opacity: 1; } details.menu-opening .mobile-facets__close .svg-wrapper { margin: 0; } .mobile-facets__close-button { align-items: center; background-color: transparent; font-size: 1.4rem; font: inherit; letter-spacing: inherit; margin-top: 1.5rem; padding: 1.2rem 2.6rem; text-decoration: none; display: grid; grid-template-columns: min-content 1fr; text-align: start; } .mobile-facets__close-button > .facets__and-helptext { grid-column-start: 2; } .mobile-facets__close-button .icon-arrow { transform: rotate(180deg); margin-right: 1rem; } .mobile-facets__main { padding: 2.7rem 0 0; position: relative; z-index: 1; flex-grow: 1; display: flex; flex-direction: column; overflow-y: auto; } .mobile-facets__details[open] .icon-caret { transform: rotate(180deg); } .mobile-facets__highlight { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; background-color: rgba(var(--color-foreground), 0.04); opacity: 0; visibility: hidden; } .mobile-facets__checkbox:checked + .mobile-facets__highlight { opacity: 1; visibility: visible; } .mobile-facets__summary { padding: 1.3rem 2.5rem; } .mobile-facets__summary .svg-wrapper { margin-left: auto; } .mobile-facets__summary > div { display: flex; align-items: center; } .js .mobile-facets__submenu { position: absolute; top: 0; width: 100%; bottom: 0; left: 0; z-index: 3; transform: translateX(100%); visibility: hidden; display: flex; flex-direction: column; } .js details[open] > .mobile-facets__submenu { transition: transform 0.4s cubic-bezier(0.29, 0.63, 0.44, 1), visibility 0.4s cubic-bezier(0.29, 0.63, 0.44, 1); } .js details[open].menu-opening > .mobile-facets__submenu { transform: translateX(0); visibility: visible; } .js .menu-drawer__submenu .mobile-facets__submenu { overflow-y: auto; } .js .mobile-facets .submenu-open { visibility: hidden; } .mobile-facets__item { position: relative; } input.mobile-facets__checkbox { border: 0; position: absolute; width: 1.6rem; height: 1.6rem; position: absolute; left: 2.1rem; top: 1.2rem; z-index: 0; appearance: none; -webkit-appearance: none; } .mobile-facets__label { padding: 1.5rem 2rem 1.5rem 2.5rem; width: 100%; transition: background-color 0.2s ease; word-break: break-word; display: flex; } .mobile-facets__label > svg { background-color: rgb(var(--color-background)); position: relative; z-index: 2; margin-right: 1.2rem; flex-shrink: 0; } .mobile-facets__label .icon-checkmark { position: absolute; top: 1.9rem; left: 2.8rem; visibility: hidden; width: 11px; height: 9px; } .mobile-facets__label > input[type='checkbox']:checked ~ .icon-checkmark { visibility: visible; } .mobile-facets__arrow, .mobile-facets__summary .icon-caret { margin-left: auto; display: block; } .mobile-facets__footer { border-top: 0.1rem solid rgba(var(--color-foreground), 0.08); padding: 2rem; bottom: 0; position: sticky; display: flex; z-index: 2; margin-top: auto; background-color: rgb(var(--color-background)); background: var(--gradient-background); } .mobile-facets__footer > * + * { margin-left: 1rem; } .mobile-facets__footer > * { width: 50%; } .mobile-facets__sort { display: flex; justify-content: space-between; } .mobile-facets__sort label { flex-shrink: 0; } .mobile-facets__sort .select { width: auto; } .mobile-facets__sort .select .icon-caret { right: 0; } .mobile-facets__sort .select__select { background-color: transparent; border-radius: 0; box-shadow: none; filter: none; margin-left: 0.5rem; margin-right: 0.5rem; padding-left: 0.5rem; padding-right: 1.5rem; } .product-count { align-self: center; position: relative; text-align: right; } .product-count__text { font-size: 1.4rem; line-height: calc(1 + 0.5 / var(--font-body-scale)); margin: 0; } #ProductCountDesktop.loading, #ProductCount.loading { visibility: hidden; } .product-count .loading__spinner, .product-count-vertical .loading__spinner { position: absolute; padding-top: 0.6rem; right: 0; top: 50%; transform: translateY(-50%); width: 1.8rem; } @media screen and (min-width: 750px) { .facets-vertical { display: flex; } .facets-wrap-vertical { border: none; padding-left: 0; } .facets__form-vertical { display: flex; flex-direction: column; width: 26rem; } .facets__disclosure-vertical { border-top: 0.1rem solid rgba(var(--color-foreground), 0.1); margin-right: 0; } .facets-vertical .facets__summary { padding-top: 1.5rem; margin-bottom: 0; padding-bottom: 1.5rem; } .facets__heading--vertical { margin: 0 0 1.5rem 0; font-size: 1.5rem; } .facets__header-vertical { padding: 1.5rem 2rem 1.5rem 0; font-size: 1.4rem; } .facets__display-vertical { padding-bottom: 1.5rem; } .facets-vertical .facets-wrapper { padding-right: 3rem; } .facets-vertical .facets-wrapper--no-filters { display: none; } .facets-vertical .product-grid-container { width: 100%; } .facets-vertical-form { display: flex; justify-content: flex-end; } .product-count-vertical { margin-left: 3.5rem; position: relative; } .facets-vertical .active-facets__button-wrapper { margin-bottom: 2rem; } .facets-vertical .facets__price { padding: 0.5rem 0.5rem 0.5rem 0; } .facets-vertical .facets__price .field:last-of-type { margin-left: 1rem; } .facets-vertical .active-facets__button { margin-bottom: 1.5rem; } .facets-vertical .facet-checkbox input[type='checkbox'] { z-index: 0; } .facets-vertical .active-facets facet-remove:last-of-type { margin-bottom: 1rem; } .facets-vertical .active-facets { margin: 0; align-items: flex-start; } .facets__disclosure-vertical[open] .facets__summary .icon-caret { transform: rotate(180deg); } .facets-container-drawer { display: flex; flex-flow: row wrap; align-items: center; column-gap: 0; } .facets-container-drawer .mobile-facets__wrapper { margin-right: 2rem; flex-grow: 1; } .facets-container-drawer .product-count { margin: 0 0 0.5rem 3.5rem; } .facets-container-drawer .facets-pill { width: 100%; } .facets-container-drawer .facets__form { display: block; } } @media screen and (min-width: 750px) and (max-width: 989px) { .facets-vertical .active-facets__button { padding: 1rem; margin-bottom: 0; margin-left: -0.5rem; } .facets-vertical .active-facets__button-remove { padding: 0 1rem 1rem; } }/*component-card.css*/.card-wrapper { color: inherit; height: 100%; position: relative; text-decoration: none; } .card { text-decoration: none; text-align: var(--text-alignment); } .card:not(.ratio) { display: flex; flex-direction: column; height: 100%; } .card.card--horizontal { --text-alignment: left; --image-padding: 0rem; flex-direction: row; align-items: flex-start; gap: 1.5rem; } .card--horizontal.ratio:before { padding-bottom: 0; } .card--card.card--horizontal { padding: 1.2rem; } .card--card.card--horizontal.card--text { column-gap: 0; } .card--card { height: 100%; } .card--card, .card--standard .card__inner { position: relative; box-sizing: border-box; border-radius: var(--border-radius); border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity)); } .card--card:after, .card--standard .card__inner:after { content: ''; position: absolute; z-index: -1; width: calc(var(--border-width) * 2 + 100%); height: calc(var(--border-width) * 2 + 100%); top: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); border-radius: var(--border-radius); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)); } .card--card.gradient, .card__inner.gradient { transform: perspective(0); } .card__inner.color-scheme-1 { background: transparent; } .card .card__inner .card__media { overflow: hidden; z-index: 0; border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding)); } .card--card .card__inner .card__media { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card--standard.card--text { background-color: transparent; } .card-information { text-align: var(--text-alignment); } .card__media, .card .media { bottom: 0; position: absolute; top: 0; } .card .media { width: 100%; } .card__media { margin: var(--image-padding); width: calc(100% - 2 * var(--image-padding)); } .card--standard .card__media { margin: var(--image-padding); } .card__inner { width: 100%; } .card--media .card__inner .card__content { position: relative; padding: calc(var(--image-padding) + 1rem); } .card__content { display: grid; grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr); padding: 1rem; width: 100%; flex-grow: 1; } .card__content--auto-margins { grid-template-rows: minmax(0, auto) max-content minmax(0, auto); } .card__information { grid-row-start: 2; padding: 1.3rem 1rem; } .card:not(.ratio) > .card__content { grid-template-rows: max-content minmax(0, 1fr) max-content auto; } .card-information .card__information-volume-pricing-note { margin-top: 0.6rem; line-height: calc(0.5 + 0.4 / var(--font-body-scale)); color: rgba(var(--color-foreground), 0.75); } .card__information-volume-pricing-note--button, .card__information-volume-pricing-note--button.quantity-popover__info-button--icon-with-label { position: relative; z-index: 1; cursor: pointer; padding: 0; margin: 0; text-align: var(--text-alignment); min-width: auto; } .card__information-volume-pricing-note--button:hover { text-decoration: underline; } .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { transform: initial; top: auto; bottom: 4rem; max-width: 20rem; width: calc(95% + 2rem); } .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info span:first-of-type { padding-right: 0.3rem; } .card__information-volume-pricing-note--button-right + .global-settings-popup.quantity-popover__info { right: 0; left: auto; } .card__information-volume-pricing-note--button-center + .global-settings-popup.quantity-popover__info { left: 50%; transform: translate(-50%); } .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info .quantity__rules { text-align: left; } @media screen and (min-width: 990px) { .grid--6-col-desktop .card__content quick-add-bulk .quantity { width: auto; } .grid--6-col-desktop .card__content quick-add-bulk .quantity__button { width: calc(3rem / var(--font-body-scale)); } .grid--6-col-desktop .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { left: 50%; transform: translate(-50%); width: calc(100% + var(--border-width) + 3.5rem); } .grid--6-col-desktop .card--standard .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { width: calc(100% + var(--border-width) + 1rem); } } @media screen and (max-width: 749px) { .grid--2-col-tablet-down .card__content quick-add-bulk .quantity__button { width: calc(3.5rem / var(--font-body-scale)); } .grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info, .grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { left: 50%; transform: translate(-50%); } .grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { width: 100%; } .grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button + .global-settings-popup.quantity-popover__info { width: calc(100% + var(--border-width) + 4rem); } .grid--2-col-tablet-down .card__content quick-add-bulk .quantity { width: auto; } } .card-information quantity-popover volume-pricing { margin-top: 0; } @media screen and (max-width: 989px) { .card-information quantity-popover .quantity__rules ~ volume-pricing { margin-top: 0; } .card-information quantity-popover volume-pricing { margin-top: 4.2rem; } } @media screen and (min-width: 750px) { .card__information { padding-bottom: 1.7rem; padding-top: 1.7rem; } } .card__badge { align-self: flex-end; grid-row-start: 3; justify-self: flex-start; } .card__badge.top { align-self: flex-start; grid-row-start: 1; } .card__badge.right { justify-self: flex-end; } .card:not(.card--horizontal) > .card__content > .card__badge { margin: 1.3rem; } .card__media .media img { height: 100%; object-fit: cover; object-position: center center; width: 100%; } .card__inner:not(.ratio) > .card__content { height: 100%; } .card__heading { margin-top: 0; margin-bottom: 0; } .card__heading:last-child { margin-bottom: 0; } .card--horizontal .card__heading, .card--horizontal .price__container .price-item, .card--horizontal__quick-add { font-size: calc(var(--font-heading-scale) * 1.2rem); } .card--horizontal .card-information > *:not(.visually-hidden:first-child) + *:not(.rating):not(.card__information-volume-pricing-note) { margin-top: 0; } .card--horizontal__quick-add:before { box-shadow: none; } @media only screen and (min-width: 750px) { .card--horizontal .card__heading, .card--horizontal .price__container .price-item, .card--horizontal__quick-add { font-size: calc(var(--font-heading-scale) * 1.3rem); } } .card--card.card--media > .card__content { margin-top: calc(0rem - var(--image-padding)); } .card--standard.card--text a::after, .card--card .card__heading a::after { bottom: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); right: calc(var(--border-width) * -1); top: calc(var(--border-width) * -1); } .card__heading a::after { bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .card__heading a:after { outline-offset: 0.3rem; } .card__heading a:focus:after { box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); outline: 0.2rem solid rgba(var(--color-foreground), 0.5); } .card__heading a:focus-visible:after { box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3); outline: 0.2rem solid rgba(var(--color-foreground), 0.5); } .card__heading a:focus:not(:focus-visible):after { box-shadow: none; outline: 0; } .card__heading a:focus { box-shadow: none; outline: 0; } @media screen and (min-width: 990px) { .card .media.media--hover-effect > img:only-child, .card-wrapper .media.media--hover-effect > img:only-child { transition: transform var(--duration-long) ease; } .card:hover .media.media--hover-effect > img:first-child:only-child, .card-wrapper:hover .media.media--hover-effect > img:first-child:only-child { transform: scale(1.03); } .card-wrapper:hover .media.media--hover-effect > img:first-child:not(:only-child) { opacity: 0; } .card-wrapper:hover .media.media--hover-effect > img + img { opacity: 1; transition: transform var(--duration-long) ease; transform: scale(1.03); } } .card--standard.card--media .card__inner .card__information, .card--standard.card--text:not(.card--horizontal) > .card__content .card__heading:not(.card__heading--placeholder), .card--standard:not(.card--horizontal) > .card__content .card__badge, .card--standard.card--text.article-card > .card__content .card__information, .card--standard > .card__content .card__caption { display: none; } .card--standard:not(.card--horizontal) .placeholder-svg { width: 100%; } .card--standard > .card__content { padding: 0; } .card--standard > .card__content .card__information { padding-left: 0; padding-right: 0; } .card--card.card--media .card__inner .card__information, .card--card.card--text .card__inner, .card--card.card--media > .card__content .card__badge { display: none; } .card--horizontal .card__badge, .card--horizontal.card--text .card__inner { display: none; } .card--extend-height { height: 100%; } .card--extend-height.card--standard.card--text, .card--extend-height.card--media { display: flex; flex-direction: column; } .card--extend-height.card--standard.card--text .card__inner, .card--extend-height.card--media .card__inner { flex-grow: 1; } .card .icon-wrap { margin-left: 0.8rem; white-space: nowrap; transition: transform var(--duration-short) ease; overflow: hidden; } .card-information > * + * { margin-top: 0.5rem; } .card-information { width: 100%; } .card-information > .rating { margin-top: 0.4rem; } .card-information > *:not(.visually-hidden:first-child) + quantity-popover:not(.rating):not(.card__information-volume-pricing-note), .card-information .card__information-volume-pricing-note.card__information-volume-pricing-note--button { margin-top: 0; } .card-information > *:not(.visually-hidden:first-child) + *:not(.rating):not(.card__information-volume-pricing-note) { margin-top: 0.7rem; } .card-information .caption { letter-spacing: 0.07rem; } .card-article-info { margin-top: 1rem; } .card--shape .card__content { padding-top: 0; } .card--shape.card--standard:not(.card--text) .card__inner { border: 0; background-color: transparent; filter: drop-shadow( var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)) ); } .card--shape.card--standard:not(.card--text) .card__inner:after { display: none; } .grid__item:nth-child(2n) .shape--blob { clip-path: polygon(var(--shape--blob-2)); } .grid__item:nth-child(3n) .shape--blob { clip-path: polygon(var(--shape--blob-3)); } .grid__item:nth-child(4n) .shape--blob { clip-path: polygon(var(--shape--blob-4)); } .grid__item:nth-child(5n) .shape--blob { clip-path: polygon(var(--shape--blob-5)); } .grid__item:nth-child(7n) .shape--blob { clip-path: polygon(var(--shape--blob-6)); } .grid__item:nth-child(8n) .shape--blob { clip-path: polygon(var(--shape--blob-1)); } @media (prefers-reduced-motion: no-preference) { .product-card-wrapper .shape--round { transition: clip-path var(--duration-long) ease; } .product-card-wrapper:hover .shape--round { clip-path: ellipse(47% 47% at 50% 50%); } .product-card-wrapper .shape--blob { transition: clip-path var(--duration-long) ease-in-out; } .product-card-wrapper:hover .shape--blob { clip-path: polygon(var(--shape--blob-5)); } .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob { clip-path: polygon(var(--shape--blob-6)); } .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob { clip-path: polygon(var(--shape--blob-1)); } .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob { clip-path: polygon(var(--shape--blob-2)); } .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob { clip-path: polygon(var(--shape--blob-3)); } .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob { clip-path: polygon(var(--shape--blob-4)); } .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob { clip-path: polygon(var(--shape--blob-5)); } }/*component-predictive-search.css*/.predictive-search { display: none; position: absolute; top: calc(100% + 0.1rem); left: -0.1rem; border-width: var(--popup-border-width); border-style: solid; border-color: rgba(var(--color-foreground), var(--popup-border-opacity)); background-color: rgb(var(--color-background)); z-index: 3; border-bottom-right-radius: var(--popup-corner-radius); border-bottom-left-radius: var(--popup-corner-radius); box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity)); overflow-y: auto; -webkit-overflow-scrolling: touch; } .predictive-search--search-template { z-index: 2; width: calc(100% + 0.2rem); } .predictive-search__results-groups-wrapper { display: flex; border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08); padding-bottom: 1rem; } @media screen and (max-width: 749px) { .predictive-search--header { right: 0; left: 0; top: 100%; } .predictive-search__results-groups-wrapper { flex-direction: column; } .predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions) { gap: 2rem; } } @media screen and (min-width: 750px) { .predictive-search { border-top: none; width: calc(100% + 0.2rem); } .header predictive-search { position: relative; } } predictive-search[open] .predictive-search, predictive-search[loading] .predictive-search { display: block; } .predictive-search__result-group { display: flex; flex-direction: column; flex: 1 1 auto; gap: 2rem; } .predictive-search__result-group:first-child .predictive-search__pages-wrapper { display: none; } @media screen and (min-width: 750px) { .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:nth-child(2), .predictive-search__result-group:last-child .predictive-search__pages-wrapper { display: none; } .predictive-search__result-group:first-child .predictive-search__pages-wrapper { display: initial; } .predictive-search__result-group:first-child { flex: 0 0 26.4rem; } .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child, .predictive-search__result-group:only-child { flex-grow: 1; } } .predictive-search__heading { border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08); margin: 0 2rem; padding: 1.5rem 0 0.75rem; color: rgba(var(--color-foreground), 0.7); } predictive-search .spinner { width: 1.5rem; height: 1.5rem; line-height: 0; } predictive-search:not([loading]) .predictive-search__loading-state, predictive-search:not([loading]) .predictive-search-status__loading { display: none; } predictive-search[loading] .predictive-search__loading-state { display: flex; justify-content: center; padding: 1rem; } predictive-search[loading] .predictive-search__search-for-button { display: none; } predictive-search[loading] .predictive-search__results-groups-wrapper ~ .predictive-search__loading-state { display: none; } predictive-search[loading] .predictive-search__results-groups-wrapper ~ .predictive-search__search-for-button { display: initial; } .predictive-search__list-item[aria-selected='true'] > *, .predictive-search__list-item:hover > *, .predictive-search__item[aria-selected='true'], .predictive-search__item:hover { color: rgb(var(--color-foreground)); background-color: rgba(var(--color-foreground), 0.04); } .predictive-search__list-item[aria-selected='true'] .predictive-search__item-heading, .predictive-search__list-item:hover .predictive-search__item-heading { text-decoration: underline; text-underline-offset: 0.3rem; } .predictive-search__item { display: flex; padding: 1rem 2rem; text-align: left; text-decoration: none; width: 100%; } .predictive-search__item--link-with-thumbnail { display: grid; grid-template-columns: 5rem 1fr; grid-column-gap: 2rem; grid-template-areas: 'product-image product-content'; } .predictive-search__item-content { grid-area: product-content; display: flex; flex-direction: column; } .predictive-search__item-content--centered { justify-content: center; } .predictive-search__item-vendor { font-size: 0.9rem; } .predictive-search__item-heading { margin: 0; } .predictive-search__item-query-result *:not(mark) { font-weight: bolder; } .predictive-search__item-query-result mark { color: rgba(var(--color-foreground), 0.75); } .predictive-search__item-query-result mark { background-color: transparent; } .predictive-search__item .price { color: rgba(var(--color-foreground), 0.7); font-size: 1.2rem; } .predictive-search__item-vendor + .predictive-search__item-heading, .predictive-search .price { margin-top: 0.5rem; } .predictive-search__item--term { justify-content: space-between; align-items: center; padding: 1.3rem 2rem; word-break: break-all; line-height: calc(1 + 0.4 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .predictive-search__item--term { padding-top: 1rem; padding-bottom: 1rem; } } .predictive-search__item--term .icon-arrow { width: calc(var(--font-heading-scale) * 1.4rem); height: calc(var(--font-heading-scale) * 1.4rem); flex-shrink: 0; margin-left: calc(var(--font-heading-scale) * 2rem); color: rgb(var(--color-link)); } .predictive-search__image { grid-area: product-image; object-fit: contain; font-family: 'object-fit: contain'; }/*section-rich-text.css*/.rich-text { z-index: 1; } .rich-text__wrapper { display: flex; justify-content: center; width: calc(100% - 4rem / var(--font-body-scale)); } .rich-text:not(.rich-text--full-width) .rich-text__wrapper { margin: auto; width: calc(100% - 8rem / var(--font-body-scale)); } .rich-text__blocks { width: 100%; } @media screen and (max-width: 750px) { .rich-text__wrapper { width: 100%; } } @media screen and (min-width: 750px) { .rich-text__wrapper { width: 100%; } .rich-text__wrapper--left { justify-content: flex-start; } .rich-text__wrapper--right { justify-content: flex-end; } .rich-text__blocks { max-width: 50rem; } } @media screen and (min-width: 990px) { .rich-text__blocks { max-width: 78rem; } } .rich-text__blocks * { overflow-wrap: break-word; } .rich-text__blocks > * { margin-top: 0; margin-bottom: 0; } .rich-text__blocks > * + * { margin-top: 0.5rem; } .rich-text__blocks > * + a { margin-top: 3rem; } .rich-text__buttons { display: inline-flex; justify-content: center; flex-wrap: wrap; gap: 1rem; width: 100%; max-width: 45rem; word-break: break-word; } .rich-text__buttons--multiple > * { flex-grow: 1; min-width: 22rem; } .rich-text__buttons + .rich-text__buttons { margin-top: 1rem; } .rich-text__blocks.left .rich-text__buttons { justify-content: flex-start; } .rich-text__blocks.right .rich-text__buttons { justify-content: flex-end; }