/** Shopify CDN: Minification failed

Line 6:253951 Unexpected "}"

**/
@charset "UTF-8"; /* used for: transparent header, dropdown nav, docked utility bar */ .pointer-events-none{ pointer-events: none; } .visible{ visibility: visible; } .invisible{ visibility: hidden; } .collapse{ visibility: collapse; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: sticky; } .inset-0{ inset: 0; } .bottom-0{ bottom: 0; } .left-0{ left: 0; } .right-0{ right: 0; } .start-0{ inset-inline-start: 0; } .top-0{ top: 0; } .m-0{ margin: 0; } .mx-5{ margin-left: calc(5 * var(--space-unit)); margin-right: calc(5 * var(--space-unit)); } .mx-auto{ margin-left: auto; margin-right: auto; } .my-2{ margin-top: calc(2 * var(--space-unit)); margin-bottom: calc(2 * var(--space-unit)); } .my-7{ margin-top: calc(7 * var(--space-unit)); margin-bottom: calc(7 * var(--space-unit)); } .my-gutter{ margin-top: var(--gutter); margin-bottom: var(--gutter); } .mb-0{ margin-bottom: 0; } .mb-4{ margin-bottom: calc(4 * var(--space-unit)); } .mb-8{ margin-bottom: calc(8 * var(--space-unit)); } .mt-2{ margin-top: calc(2 * var(--space-unit)); } .mt-4{ margin-top: calc(4 * var(--space-unit)); } .mt-6{ margin-top: calc(6 * var(--space-unit)); } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .table{ display: table; } .grid{ display: grid; } .hidden{ display: none; } .h-full{ height: 100%; } .w-full{ width: 100%; } .flex-1{ flex: 1 1 0%; } .flex-auto{ flex: 1 1 auto; } .flex-none{ flex: none; } .basis-full{ flex-basis: 100%; } .columns-1{ columns: 1; } .columns-2{ columns: 2; } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .items-start{ align-items: flex-start; } .items-end{ align-items: flex-end; } .items-center{ align-items: center; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .gap-gutter{ gap: var(--gutter); } .overflow-hidden{ overflow: hidden; } .border{ border-width: 1px; } .bg-success-bg{ background-color: rgb(var(--success-bg-color)); } .bg-theme-bg{ background-color: rgba(var(--bg-color)); } .px-2{ padding-left: calc(2 * var(--space-unit)); padding-right: calc(2 * var(--space-unit)); } .text-center{ text-align: center; } .text-start{ text-align: start; } .text-end{ text-align: end; } .text-sm{ font-size: 0.8em; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .capitalize{ text-transform: capitalize; } .text-current{ color: currentColor; } .text-error-text{ color: rgb(var(--error-text-color)); } .text-success-text{ color: rgb(var(--success-text-color)); } .text-theme-text{ color: rgb(var(--text-color)); } .underline{ text-decoration-line: underline; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline{ outline-style: solid; } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .js .js-hidden, .no-js .no-js-hidden{ display: none; } .thumbnails.js .js-hidden,.thumbnails .no-js .no-js-hidden { display: none; } .js .js-hidden, .no-js .no-js-hidden { display: none; } .no-js .no-js-visible{ display: block; } .visually-hidden{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } @media (max-width: 767.98px) { .visually-hidden-mobile{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } } .object-bottom { object-position: bottom; } .object-top { object-position: top; } .text-theme-text { color: rgb(var(--body-text-color)); } .bg-theme-bg { background-color: rgba(var(--body-bg-color)); } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) (Tweaked for CleanCanvas theme) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ""; content: none; } table { border-spacing: 0; border-collapse: collapse; } :root { --gutter: var(--gutter-mobile); --container-pad-x: 16px; --carousel-edge: 40px; --theme-sticky-header-height: 0px; --space-unit: 4px; } @media (min-width: 768px) { :root { --gutter: var(--gutter-desktop); --container-pad-x: 30px; } } @media (min-width: 1000px) { :root { --container-pad-x: 50px; } } @media (min-width: 1300px) { :root { --gutter: var(--gutter-large); } } @media (min-width: 1450px) { :root { --container-pad-x: 60px; } } .spaced-row { margin-bottom: var(--section-padding); } .spaced-row-above { margin-top: var(--section-padding); } .fully-spaced-row, .fully-spaced-row--small { margin-top: var(--section-padding); margin-bottom: var(--section-padding); } .strongly-spaced-row, .fully-spaced-row--medium { margin-top: var(--larger-section-padding); margin-bottom: var(--larger-section-padding); } @media (max-width: 767.98px) { .strongly-spaced-row, .fully-spaced-row--medium { margin-top: var(--larger-section-padding-mobile); margin-bottom: var(--larger-section-padding-mobile); } } .fully-spaced-row--large { margin-top: var(--largest-section-padding); margin-bottom: var(--largest-section-padding); } @media (max-width: 767.98px) { .fully-spaced-row--large { margin-top: var(--larger-section-padding-mobile); margin-bottom: var(--larger-section-padding-mobile); } } .lightish-spaced-row-above { margin-top: 2rem; } @media (max-width: 767.98px) { .lightish-spaced-row-above--not-mobile { margin-top: 0; } } .lightly-spaced-row { margin-bottom: 1em; } .lightly-spaced-row-above { margin-top: 1em; } .very-lightly-spaced-row { margin-bottom: 0.5em; } .lightish-spaced-row { margin-bottom: 30px; } .padded-row, .fully-padded-row--small { padding-top: var(--section-padding); padding-bottom: var(--section-padding); } .fully-padded-row--medium { padding-top: var(--larger-section-padding); padding-bottom: var(--larger-section-padding); } @media (max-width: 767.98px) { .fully-padded-row--medium { padding-top: var(--larger-section-padding-mobile); padding-bottom: var(--larger-section-padding-mobile); } } .fully-padded-row--large, .strongly-padded-row { padding-top: var(--largest-section-padding); padding-bottom: var(--largest-section-padding); } @media (max-width: 767.98px) { .fully-padded-row--not-mobile { padding-top: 0; padding-bottom: 0; } .fully-spaced-row--not-mobile { margin-top: 0; margin-bottom: 0; } } .page-section-spacing { margin-top: var(--section-padding); margin-bottom: var(--section-padding); } .page-section-spacing .page-header .breadcrumbs { margin-top: -1.8em; } @media (max-width: 767.98px) { .page-section-spacing--no-top-mobile { margin-top: 0; } } .spaced-column .spaced-row-above, .spaced-column .lightish-spaced-row-above:first-child { margin-top: 0; } .spaced-column .spaced-row, .spaced-column .lightly-spaced-row:last-child { margin-bottom: 0; } .content-trim-my > :is(.subheading, .majortitle, .lightly-spaced-row, .lightish-spaced-row-above):first-child { margin-top: 0; } .content-trim-my > :is(.subheading, .majortitle, .lightly-spaced-row, .lightish-spaced-row-above):last-child { margin-bottom: 0; } :is(.subheading, .majortitle, .lightly-spaced-row):has(+ .tiny-preceding-margin) { margin-bottom: 12px; } @media (min-width: 768px) { .slim-column-left-layout { display: flex; justify-content: center; } .slim-column-left-layout > .column:first-child { width: 260px; margin-inline-end: 40px; } .slim-column-left-layout > .column:last-child { flex: 0 1 var(--reading-container-width); } .feature-text-paired { margin-right: 15%; margin-left: 15%; } .feature-text-paired-wide { margin: 30px auto; width: 80%; max-width: var(--reading-container-width); } } .merge-remove-wrapper { /* note: JS expects second units */ --fade-duration: 0.5s; --slide-duration: 0.25s; overflow: hidden; transition: opacity var(--fade-duration) cubic-bezier(0, 0, 0.14, 0.96), height var(--slide-duration) cubic-bezier(0, 0, 0.14, 0.96); pointer-events: none; } .merge-remove-wrapper--fade { opacity: 0; } .merge-remove-wrapper--slide { height: 0 !important; } .merge-add-wrapper { /* note: JS expects second units */ --fade-duration: 0.2s; --slide-duration: 0.5s; transition: opacity var(--fade-duration) cubic-bezier(0, 0, 0.14, 0.96), height var(--slide-duration) cubic-bezier(0, 0, 0.14, 0.96); opacity: 0; } .merge-add-wrapper:not(.merge-add-wrapper--slide) { height: 0 !important; } .merge-add-wrapper--fade { opacity: 1; } [data-merge-list-item] { --fade-duration: 0.15s; --slide-duration: 0.25s; position: relative; transition: opacity var(--fade-duration) cubic-bezier(0, 0, 0.14, 0.96), height var(--slide-duration) cubic-bezier(0, 0, 0.14, 0.96); } .merge-item-refreshing { opacity: 0.5; pointer-events: none; } .merge-item-refreshing::after { content: ""; position: absolute; top: calc(50% - 12px); left: calc(50% - 12px); width: 24px; height: 24px; animation: loadingSpinner 1s linear infinite; border: 2px solid transparent; border-radius: 100%; border-left-color: currentColor; } /* Modern box sizing */ html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } /* CSS cross-browser clear fix */ .cf::before, .cf::after { content: ""; display: table; } .cf::after { clear: both; } .cf { zoom: 1; } /* Remove FF input padding for consistant alignment */ input::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; } /* Remove the odd input formatting from iOS */ button, input[type=submit], input[type=button] { appearance: none; } /* Do not use focus outline unless tabbing, or no-js */ .js body:not(.tab-used) *:focus { outline: none; } [hidden] { display: none !important; } @media (prefers-reduced-motion) { .has-motion { animation: none !important; transition: none !important; } } /* Hover styling for all devices and browsers */ button { margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; cursor: pointer; } button svg { pointer-events: none; } .btn { display: inline-block; height: auto; margin: 0; padding: var(--input-btn-padding-top) 25px var(--input-btn-padding-bottom); transition: background-color 100ms, color 100ms, border-color 100ms, opacity 100ms; border: 1.5px solid rgb(var(--btn-border-color)); border-radius: var(--btn-border-radius); background: rgb(var(--btn-bg-color)); color: rgb(var(--btn-text-color)); font-family: var(--base-font-family); font-size: var(--button-text-size); font-style: var(--base-font-style); font-weight: var(--base-font-weight); letter-spacing: var(--btn-letter-spacing); line-height: 1em; text-align: center; text-decoration: none !important; text-transform: var(--btn-text-transform); vertical-align: middle; cursor: pointer; -webkit-tap-highlight-color: transparent; } .btn .icon { display: inline-block; position: relative; width: 24px; height: 1em; vertical-align: top; } .btn .icon svg { position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; } .btn .icon + span { vertical-align: middle; } @media (hover: none) { .btn:active { border-color: rgb(var(--btn-border-hover-color)); background: rgb(var(--btn-bg-hover-color)); color: rgb(var(--btn-text-hover-color)); } } @media (hover: hover) { .btn:hover { border-color: rgb(var(--btn-border-hover-color)); background: rgb(var(--btn-bg-hover-color)); color: rgb(var(--btn-text-hover-color)); } } .btn[disabled] { pointer-events: none; } .btn--large { padding: 15px 25px; font-size: var(--base-text-size); } .btn--wide { width: 100%; } .btn--icon { width: auto; min-width: 0; padding: 0.8em; font-size: var(--base-text-size); } .btn--compact { font-size: var(--smaller-text-size-1); } .btn--secondary { --btn-text-color: var(--btn-alt-text-color); --btn-text-hover-color: var(--btn-alt-bg-color); --btn-bg-color: var(--btn-alt-bg-color); --btn-bg-hover-color: var(--btn-alt-text-color); --btn-border-color: var(--btn-alt-border-color); --btn-border-hover-color: var(--btn-alt-border-hover-color); } .btn--tertiary { --btn-text-color: var(--btn-ter-text-color); --btn-text-hover-color: var(--btn-ter-text-hover-color); --btn-bg-color: var(--btn-ter-bg-color); --btn-bg-hover-color: var(--btn-ter-bg-hover-color); --btn-border-color: var(--btn-ter-bg-color); --btn-border-hover-color: var(--btn-ter-bg-hover-color); padding: 0.9em 20px; } .btn--inherit { --btn-text-color: var(--bg-color); --btn-text-hover-color: var(--bg-color); --btn-bg-color: var(--text-color); --btn-bg-hover-color: var(--text-color) / 0.85; --btn-border-color: var(--text-color); --btn-border-hover-color: var(--text-color) / 0.85; } .btn-icon { display: inline-block; position: relative; width: 20px; height: var(--base-text-size); vertical-align: middle; } .btn-icon:first-child { margin-inline-end: 8px; } .btn-icon:last-child { margin-inline-start: 8px; } .btn-icon svg { position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; } .toggle-btn { display: flex; position: relative; align-items: center; height: 3em; padding-inline-end: 2.5em; overflow: hidden; color: inherit; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 767.98px) { .toggle-btn { padding-inline-end: 0; } } .toggle-btn:hover { color: inherit; } .toggle-btn .btn-icon circle { transition: transform 400ms cubic-bezier(0.11, 0.44, 0.03, 1); fill: rgb(var(--body-bg-color)); } .toggle-btn .toggle-btn__chevron { position: absolute; top: 50%; right: 7px; left: auto; width: 24px; height: 24px; margin: -12px 0 0; transition: transform 250ms ease; border: 0; } [dir=rtl] .toggle-btn .toggle-btn__chevron { right: auto; left: 7px; } .toggle-btn .toggle-btn__chevron svg { width: 100%; height: 100%; vertical-align: top; } @media (max-width: 767.98px) { .toggle-btn .toggle-btn__chevron { display: none; } } .toggle-btn__count { margin-inline-start: 0.3em; } @media (min-width: 768px) { .toggle-btn--revealed-desktop .btn-icon circle:nth-child(3) { transform: translateX(6px); } .toggle-btn--revealed-desktop .btn-icon circle:nth-child(4) { transform: translateX(-6px); } .toggle-btn--revealed-desktop .toggle-btn__chevron { transform: rotate(180deg); } } .button-row { margin-top: calc(2rem - 10px); margin-left: -0.5em; margin-right: -0.5em; } .button-row .button-row__btn { /* higher spec than a.btn */ margin-top: 10px; margin-left: 0.5em; margin-right: 0.5em; } shop-login-button { --buttons-radius: var(--btn-border-radius); } :root { --icon-size: 24px; } svg { vertical-align: middle; } svg.feather { stroke: currentColor; fill: transparent; } .beside-svg { vertical-align: middle; } .icon { width: var(--icon-size); height: var(--icon-size); } .icon--extra-small { --icon-size: 14px; } .icon--small { --icon-size: 16px; } .icon--large { --icon-size: 38px; } .icon--extra-large { --icon-size: 52px; } .with-icon { display: inline-flex; align-items: flex-start; line-height: 1.4; vertical-align: top; } .with-icon > .icon, .with-icon > .icon-container { flex: 0 0 auto; margin: calc(0.8em - 10px) 0 0; margin-inline-end: 12px; } .with-icon > .icon-container .icon { display: block; } .with-icon .icon--large { margin: 0; margin-inline-end: 16px; } .with-icon--small > .icon, .with-icon--small > .icon-container { flex: 0 0 auto; margin: calc(0.8em - 9px) 0 0; margin-inline-end: 8px; } .icon-natcol .feather { stroke: currentColor; } img { max-width: 100%; height: auto; object-fit: cover; } img:not([src]) { visibility: hidden; } .theme-img { display: block; margin-right: auto; margin-left: auto; } .img-fill { position: relative; } .img-fill .theme-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .img-fill.absolute { position: absolute; } .img-stretch .theme-img { width: 100%; } .img-ar { position: relative; } .img-ar::before { content: ""; display: block; padding-top: calc(100% / var(--aspect-ratio)); } .img-ar img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .img-ar--contain img { object-fit: contain; } .img-ar--cover img { object-fit: cover; } .img-var { width: var(--image-width); } .height--fixed { position: relative; height: var(--image-height); } .height--full { --image-height: calc(100vh - var(--theme-sticky-header-height)); position: relative; height: var(--image-height); } .height--full-ignore-header-height { --image-height: 100vh; } .height--adapt { position: relative; } .height--adapt::before { content: ""; display: block; padding-top: calc(100% / var(--aspect-ratio)); } @media (max-width: 767.98px) { .height--adapt-to-overlay-mobile::before { content: none; } .height--adapt-to-overlay-mobile .text-overlay { position: relative; min-height: calc(100vw / var(--aspect-ratio)); } } .height__image, .height__image img, .height__image .placeholder-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; } @media (min-width: 768px) { .img-fill-half-section { position: absolute; top: 0; left: 0; width: 50%; height: 100%; } [dir=rtl] .img-fill-half-section { left: auto; right: 0; } .column--order-push-desktop .img-fill-half-section { left: auto; right: 0; } [dir=rtl] .column--order-push-desktop .img-fill-half-section { left: 0; right: auto; } .img-fill-half-section .theme-img, .img-fill-half-section .placeholder-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; } } .custom-select__btn { display: flex; width: var(--custom-select-button-width, auto); min-width: 100%; max-width: 100%; background-color: var(--input-background-color); color: rgb(var(--input-text-color)); font-size: var(--base-text-size); font-weight: var(--base-font-weight); line-height: 1.2em; } .custom-select__btn.is-loading { color: rgba(var(--input-text-color)/0.2); } .custom-select__btn > .icon { flex-shrink: 0; width: 36px; height: 20px; margin-inline-start: auto; margin-inline-end: -5px; padding-inline-start: 16px; } .custom-select__listbox { z-index: 100; top: 5px; left: -5px; min-width: 100%; max-height: 20em; overflow-y: auto; border: 1px solid var(--body-input-border-color); outline: 0; background-color: var(--body-input-background-color); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); color: rgb(var(--body-input-text-color)); font-size: var(--base-text-size); } .custom-select__listbox[aria-hidden=false] { visibility: visible; } .custom-select__option { padding: 9px 15px; cursor: pointer; } .custom-select__option > em { flex-shrink: 0; margin-inline-start: auto; padding-inline-start: 1em; font-style: normal; } .custom-select__option.is-focused { outline: 0; background-color: rgb(var(--body-text-color)/0.06); color: rgb(var(--body-input-text-color)); } .custom-select__option--visual-group-end:not(:last-child) { position: relative; margin-bottom: 0.8em; } .custom-select__option--visual-group-end:not(:last-child)::after { content: ""; position: absolute; top: calc(100% + 0.4em); left: 0; width: 100%; border-bottom: 1px solid rgb(var(--body-input-text-color)); opacity: 0.1; pointer-events: none; } .custom-select__btn[data-swatch]:not([data-swatch=""])::before, .custom-select__option[data-swatch]::before { content: ""; width: 22px; height: 22px; margin-inline-end: 8px; border-radius: 100%; border: 1px solid rgb(var(--body-text-color)/0.3); background-size: cover; background-color: var(--swatch-background-color); background-image: var(--swatch-background-image); background-clip: padding-box; } .custom-select__btn { padding: 0.75em 20px; border: 1px var(--input-border-color) solid; background: var(--input-background-color); color: rgb(var(--input-text-color)); border-radius: var(--btn-border-radius); } @media (hover: none) { .custom-select__btn:active { border: 1px var(--input-border-color) solid; background: var(--input-background-color); color: rgb(var(--input-text-color)); } } @media (hover: hover) { .custom-select__btn:hover { border: 1px var(--input-border-color) solid; background: var(--input-background-color); color: rgb(var(--input-text-color)); } } .custom-select__btn > .icon { width: 25px; padding-inline-start: 10px; } .custom-select__option > em { padding-inline-start: 2em; } .custom-select__listbox { margin: 0; border-radius: var(--modal-border-radius); } select { max-width: 100%; font-family: inherit; font-style: inherit; font-weight: inherit; } input[type=text], input[type=number], input[type=email], input[type=password], input[type=address], input[type=tel], input[type=date], textarea { box-sizing: border-box; max-width: 100%; margin: 0; padding: 0.8em 20px; border: 1px var(--input-border-color) solid; border-radius: var(--btn-border-radius); background: var(--input-background-color); color: rgb(var(--input-text-color)); font-family: var(--base-font-family); font-size: var(--input-text-size); font-style: var(--base-font-style); font-weight: var(--base-font-weight); line-height: calc(1.3 * var(--input-text-size)); vertical-align: middle; /* ios input shadow */ appearance: none; } input[type=text]:hover, input[type=number]:hover, input[type=email]:hover, input[type=password]:hover, input[type=address]:hover, input[type=tel]:hover, input[type=date]:hover, textarea:hover { border: 1px var(--input-border-color-hover) solid; } input[type=text]:active, input[type=text]:focus, input[type=number]:active, input[type=number]:focus, input[type=email]:active, input[type=email]:focus, input[type=password]:active, input[type=password]:focus, input[type=address]:active, input[type=address]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=date]:active, input[type=date]:focus, textarea:active, textarea:focus { border: 1px var(--input-border-color-active) solid; box-shadow: 0 0 0 var(--input-active-shadow-width) var(--input-border-color-active); } textarea { height: 120px; padding-top: 10px; padding-bottom: 10px; line-height: 1.6; border-radius: min(1.45em, var(--btn-border-radius)); } input[type=email], input[type=tel] { direction: ltr; } input[type=number] { appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=date] { min-height: calc(2 * 0.8em + 2 * 1px + calc(1.3 * var(--input-text-size))); } ::placeholder { color: rgb(var(--input-text-color)); } .lightly-styled-select { display: block; position: relative; box-sizing: border-box; height: calc(var(--base-text-size) + 26px); overflow: hidden; border: 1px solid var(--input-border-color); border-radius: var(--btn-border-radius); background: var(--input-background-color); } .lightly-styled-select:hover { border-color: var(--input-border-color-hover); } .lightly-styled-select svg { position: absolute; top: calc(50% - 10px); right: 6px; width: 20px; height: 20px; pointer-events: none; } .lightly-styled-select select { width: 268px !important; width: calc(100% + 28px) !important; max-width: none !important; height: 100% !important; padding: 0 30px 0 20px !important; /* If you add too much padding here, the options won't show in IE */ border: 0 !important; background: transparent !important; color: rgb(var(--input-text-color)); font-size: var(--base-text-size) !important; line-height: calc(var(--base-text-size) + 24px) !important; appearance: none; } @media (max-width: 767.98px) { .lightly-styled-select select { font-size: min(var(--input-text-size), 16px) !important; } } .buttoned-input { --buttoned-input-size: 44px; display: inline-flex; align-items: center; border: 1px solid var(--input-border-color); border-radius: var(--btn-border-radius); background: var(--input-background-color); color: rgb(var(--input-text-color)); } .buttoned-input:hover { border: 1px var(--input-border-color-hover) solid; } .buttoned-input:has(input:is(:active, :focus)) { border: 1px var(--input-border-color-active) solid; box-shadow: 0 0 0 var(--input-active-shadow-width) var(--input-border-color-active); } .buttoned-input a { display: flex; align-items: center; height: var(--buttoned-input-size); padding-inline-start: calc(var(--buttoned-input-size) / 3); padding-inline-end: calc(var(--buttoned-input-size) / 10); color: inherit; font-size: var(--input-text-size); } .buttoned-input a:last-child { padding-inline-start: calc(var(--buttoned-input-size) / 10); padding-inline-end: calc(var(--buttoned-input-size) / 3); } .buttoned-input svg { width: var(--input-text-size); height: var(--input-text-size); } .buttoned-input input { width: var(--buttoned-input-size); height: var(--buttoned-input-size); padding: 0; border: 0; border-radius: 0; background: transparent; text-align: center; } .buttoned-input input:hover, .buttoned-input input:focus { padding: 0; border: 0; box-shadow: none; } .buttoned-input input:first-child:last-child { width: calc(var(--buttoned-input-size) * 1.5); } .buttoned-input .unusable { visibility: hidden; pointer-events: none; } .buttoned-input--small { --buttoned-input-size: 33px; } body { font-family: var(--base-font-family); font-style: var(--base-font-style); font-weight: var(--base-font-weight); } h1, .h1, h2, h3, h4, h5, h6, .heading-font { font-family: var(--heading-font-family); font-style: var(--heading-font-style); font-weight: var(--heading-font-weight); letter-spacing: var(--heading-font-letter-spacing); } .pageheader .logotext, #shoplogo .logotext { font-family: var(--logo-font-family); font-style: var(--logo-font-style); font-weight: var(--logo-font-weight); } .navigation { font-family: var(--nav-font-family); font-style: var(--nav-font-style); font-weight: var(--nav-font-weight); } strong, b { font-weight: bold; } abbr, acronym { border-bottom: 1px dotted rgb(var(--text-color)); cursor: help; } em, i { font-style: italic; } ul, ol { margin: 0; padding: 0; list-style: none; } sub, sup { position: relative; font-size: 75%; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } blockquote { quotes: "“" "”"; margin: 1.5em 0; margin-inline-start: 10px; padding: 0.5em 0; font-size: 130%; font-style: italic; line-height: 1.5em; } blockquote::before { content: open-quote; margin-inline-start: -20px; margin-inline-end: 10px; color: rgb(var(--text-color)); font-size: 3em; line-height: 0.1em; vertical-align: -0.48em; } blockquote :first-child { display: inline; } blockquote :last-child { margin-bottom: 0; } blockquote::after { content: no-close-quote; } dl { margin-inline-start: 2em; } dl dd { margin-inline-start: 1em; } th, td { padding: 0.7em; border-collapse: collapse; border-top: 1px solid rgb(var(--text-color)/var(--divider-opacity)); border-bottom: 1px solid rgb(var(--text-color)/var(--divider-opacity)); } th { border-bottom-width: 3px; /*distinguishing table headers from data cells*/ font-weight: bold; text-align: start; } table.noborders td, table.noborders th { border: 0; } caption { margin-bottom: 0.5em; text-align: center; } p, fieldset, table { margin-bottom: 1em; } hr { width: 100%; height: 1px; margin: 20px 0; border: 0; border-bottom: 1px solid rgb(var(--text-color)/var(--divider-opacity)); color: transparent; } a, .link { transition: color 100ms, border-color 100ms, opacity 100ms, text-decoration-color 100ms; color: rgb(var(--link-color)); text-decoration: none; -webkit-tap-highlight-color: transparent; } a svg { pointer-events: none; } h1, .h1, h2, h3, h4, h5, h6, .heading-font { margin-bottom: 10px; color: rgb(var(--heading-color)); line-height: 1.2; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; } :root { --font-scale: calc((var(--larger-text-size) - var(--base-text-size)) * 0.16); } h1, .h1 { font-size: var(--larger-text-size); } h2, .h2 { font-size: calc(5 * var(--font-scale) + var(--base-text-size)); } h3, .h3 { font-size: calc(4 * var(--font-scale) + var(--base-text-size)); } h4, .h4 { font-size: calc(3 * var(--font-scale) + var(--base-text-size)); } h5, .h5 { font-size: calc(2 * var(--font-scale) + var(--base-text-size)); } h6, .h6 { font-size: calc(var(--font-scale) + var(--base-text-size)); } @media (max-width: 767.98px) { :root { --font-scale: calc((var(--larger-mobile-text-size) - var(--base-text-size)) * 0.16); } h1, .h1 { font-size: var(--larger-mobile-text-size); } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { text-transform: var(--heading-text-transform); } .title, .majortitle { margin: 0 0 1.25rem; } .hometitle { margin: 0 0 30px; line-height: 1em; } .hometitle .slider-nav__btn { color: rgb(var(--heading-color)); } @media (max-width: 1299.98px) { .hometitle { margin-bottom: 20px; } } .small-text { font-size: var(--smaller-text-size-1); line-height: 1.4em; } .large-text { font-size: 1.35em; line-height: var(--base-line-height); } @media (max-width: 767.98px) { .large-text { font-size: 1.2em; line-height: var(--base-line-height); } } .super-large-text { font-size: var(--super-large-text-size); } @media (max-width: 767.98px) { .super-large-text { font-size: var(--super-large-mobile-text-size); } } .subheading { font-size: 0.8em; font-weight: 500; letter-spacing: 0.1em; line-height: 1.3em; text-transform: uppercase; } .subheading--over { margin-bottom: 2.25em; } .small-feature-link { color: rgb(var(--link-color)); font-size: var(--small-feature-link-font-size); font-weight: 500; letter-spacing: var(--btn-letter-spacing); text-decoration: underline; text-decoration-color: rgb(var(--link-color)/0.4); text-transform: var(--btn-text-transform); text-underline-offset: 2px; text-decoration-thickness: 1px; } .small-feature-link:hover { text-decoration-color: rgb(var(--link-color)); } .underline, .product-policies a, .underline-child a { text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgb(var(--link-color)/0.4); text-decoration-thickness: 1px; } .underline:hover, .product-policies a:hover, .underline-child a:hover { text-decoration-color: currentColor; } .underline--not-link { text-decoration-color: rgb(var(--body-text-color)/0.6); } .underline--on-hover:not(:hover) { text-decoration-color: transparent; } .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 { margin: 1em 0 15px; } .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 a { text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgb(var(--link-color)/0.4); text-decoration-thickness: 1px; } .rte a:hover { text-decoration-color: currentColor; } .rte > p:last-child { margin-bottom: 0; } .rte ul, .rte ol { margin-inline-start: 2em; margin-bottom: 1em; } .rte ul ul, .rte ul ol, .rte ol ul, .rte ol ol { margin-top: 0.25em; margin-bottom: 0.25em; } .rte ul ul li { list-style-type: circle; } .rte ul li { list-style: disc outside; } .rte ol li { list-style: decimal outside; } .rte li:has(> ul:first-child, > ol:first-child) { list-style-type: none; } .rte iframe { max-width: 100%; } .styled-list { margin-inline-start: 2em; margin-bottom: 1em; list-style: disc outside; } .placeholder-image { position: relative; height: 0; padding-top: 100%; overflow: hidden; background: #f5f5f5; } .placeholder-image.dark { background: #c6c7c8; } .placeholder-image.dark svg, .placeholder-image.dark svg g { fill: #9f9f9f; } .placeholder-image.placeholder-image--shape-landscape, .placeholder-image.placeholder-image--shape-landscape-32 { padding-top: 67%; } .placeholder-image.placeholder-image--shape-landscape-54 { padding-top: 80%; } .placeholder-image.placeholder-image--shape-portrait-45 { padding-top: 125%; } .placeholder-image.placeholder-image--shape-portrait-23 { padding-top: 150%; } .placeholder-image svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .placeholder-image svg, .placeholder-image svg g { fill: #9f9f9f; } .announcement-bar { display: block; position: relative; z-index: 401; /* above header */ background-color: var(--bg-color); background-image: var(--bg-gradient, none); color: rgb(var(--text-color)); font-size: var(--smaller-text-size-1); line-height: 1.4em; } .announcement-bar a { color: rgb(var(--link-color)); text-decoration: none; } .announcement-bar a:hover { text-decoration: none; } .announcement-bar .container { display: flex; align-items: center; justify-content: space-between; } .announcement-bar:not(.announcement-bar--with-announcement) .announcement-bar__left { flex: 0 0 auto; } .announcement-bar .social { margin-top: -8px; padding-top: 0.8em; padding-bottom: 0.8em; } .announcement-bar .social a { margin: 8px 0 0; margin-inline-end: 10px; transition: color 100ms ease; } .announcement-bar .custom-select__btn { transition: color 100ms ease; } .announcement-bar__left { flex: 2 0 0; } .announcement-bar__middle { position: relative; flex: 1 1 auto; text-align: center; } @media (min-width: 768px) { .announcement-bar__middle:not(:first-child):not(:last-child) { max-width: 50%; } } .announcement-bar__right { /* flex: 2 0 0; */ text-align: end; } .announcement-bar__announcements { position: relative; margin: 0.8em 0; font-size: var(--announcement-font-size); } .announcement-bar__link > .announcement-bar__announcements { padding: 0; } @media (min-width: 768px) and (max-width: 999.98px) { .announcement-bar--tablet-wrap .container { flex-wrap: wrap; } .announcement-bar--tablet-wrap .announcement-bar__left { flex: 0 0 auto; } .announcement-bar--tablet-wrap .announcement-bar__middle { flex: 1 0 100%; order: -1; max-width: none !important; } } .announcement-bar__link { display: inline-block; padding-top: 0.8em; padding-bottom: 0.8em; } .announcement { display: flex; align-items: center; color: rgb(var(--text-color)); /* the following style and the next line-height lower risk of bold text (which may be taller than normal-weight text) causing a jumping container */ min-height: 1.4em; } .announcement p { margin: 0; } .announcement a { text-decoration: underline; text-underline-offset: 1px; text-decoration-color: rgb(var(--link-color)/0.6); text-decoration-thickness: 1px; } .announcement a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: rgb(var(--link-color)); } .announcement .countdown { display: inline-flex; overflow: hidden; vertical-align: middle; } .announcement .countdown:not([loaded]) { visibility: hidden; } .announcement .countdown__grid { --countdown-size: 1em; } .announcement .countdown__item:not(.countdown__item--is-0) { --countdown-divider-width: calc(var(--countdown-size) / 2.4); display: flex; align-items: flex-start; } .announcement .countdown__unit { direction: ltr; align-self: flex-start; margin-top: 0.14em; margin-inline-start: 2px; opacity: 0.5; width: 1em; font-size: calc(0.6 * var(--announcement-font-size)); line-height: 40px; color: transparent; } [dir=rtl] .announcement .countdown__unit { order: -1; } .announcement .countdown__unit::first-letter { color: rgb(var(--text-color)); } .announcement__text { flex: 0 0 100%; line-height: 1.3em; transition: opacity 500ms ease-out 500ms, transform 700ms cubic-bezier(0.09, 0.49, 0.39, 0.99) 500ms;align-items:center;display:flex;justify-content:center; } .announcement--inactive { visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; transition: visibility 0s 300ms; } .announcement--inactive .announcement__text { opacity: 0; transform: translateY(8px); transition: opacity 300ms ease-out 0s, transform 300ms ease-out 300ms; } .announcement-bar__announcement-controller { position: absolute; top: calc(100% - 4px); left: 50%; transform: translateX(-50%); white-space: nowrap; } .announcement-bar__announcement-controller:not(:focus-within) { height: 0; overflow: hidden; clip: rect(0 0 0 0); } .announcement-bar__announcement-controller .announcement-button { background: var(--bg-color); color: inherit; } .announcement-text-separation-box { display: inline-block; margin-top: -2px; margin-bottom: -2px; margin-inline-start: 0.5em; padding: 2px 7px; background: rgb(var(--text-color)/0.2); background:transparent; border-radius: var(--btn-inspired-border-radius); } .announcement-text-separation-dash::before { content: "–"; margin: 0 0.4em; } .announcement-text-separation-dot::before { content: "·"; margin: 0 0.3em; } .announcement-text-separation-space { margin-inline-start: 0.5em; } .announcement-bg { transition: opacity 300ms ease; transition: opacity 300ms ease 300ms; opacity: 0; } .announcement-bg.is-active { transition-delay: 0s; opacity: 1; } .announcement-bg:not(:has(+ .announcement-bg)) { transition-delay: 0s; } cart-drawer { display: flex; flex: 1 0 0; } .cart-drawer { display: flex; flex: 1 0 auto; flex-direction: column; width: 100%; overflow-x: hidden; } .cart-drawer .cart-item-list { margin: var(--gutter-content) 0; } .cart-drawer .cart-item-list__body { margin: calc(var(--gutter-content) / -2) 0; } .cart-drawer .cart-item { padding: calc(var(--gutter-content) / 2) 0; } .cart-drawer .collection-slider { --container-pad-x: var(--gutter-content); --gutter: 16px; padding-top: 30px; } @media (min-width: 768px) { .cart-drawer .collection-slider { --gutter: 20px; overflow: hidden; } .cart-drawer .collection-slider .collection-listing { overflow: visible; } } .cart-drawer__content { display: flex; flex: 1 0 0; flex-direction: column; justify-content: space-between; overflow-x: hidden; overflow-y: auto; } .cart-drawer__content-item { padding: 0 var(--gutter-content); } .cart-drawer__header { display: flex; align-items: center; justify-content: space-between; margin: 15px 0; } @media (min-width: 768px) { .cart-drawer__header { margin-top: 20px; } } .cart-drawer__footer { flex: 0 0 auto; padding: var(--gutter-content) var(--gutter-content) calc(var(--gutter-content) + env(safe-area-inset-bottom, 0px) * 1.5); border-top: 1px solid rgb(var(--text-color)/var(--divider-opacity)); } .cart-drawer__footer .cart-policies { margin-bottom: 2px; } .cart-drawer__empty-content { display: flex; position: absolute; top: 0; right: 0; left: 0; padding: var(--gutter-content); flex-direction: column; align-items: center; justify-content: center; height: 100%; transition: opacity 0.5s; } .cart-drawer__empty-content .drawer__close-btn { position: absolute; top: var(--gutter-content); right: var(--gutter-content); } .cart-drawer__empty-content .drawer__close-btn [dir=rtl] { right: 0; left: var(--gutter-content); } .cart-drawer__empty-content--custom-colors { --heading-color: var(--text-color); --link-color: var(--text-color); background: var(--bg); color: rgb(var(--text-color)); } .cart-drawer__empty-content--custom-colors .drawer__close-btn { color: inherit; } .cart-drawer__empty-content__item { transition: opacity 0.5s cubic-bezier(0, 0, 0.2, 1), transform 0.75s cubic-bezier(0, 0, 0.2, 1); } .cart-drawer__content--hidden, .cart-drawer__footer--hidden, .cart-drawer__empty-content--hidden { visibility: hidden; opacity: 0; } .cart-drawer__empty-content--hidden { transition: none; } .cart-drawer__title { margin-bottom: 0; } .cart-drawer__note textarea { display: block; margin-top: 0.75em; width: 100%; } .cart-info-block--lmtb { margin-top: 30px; margin-bottom: 30px; } .cart-info-block--smt { margin-top: 1.25em; } .cart-info-block--smb { margin-bottom: 1.25em; } .faq-header { margin-bottom: 20px; } .faq-index { display: none; } @media (min-width: 768px) { .faq-header { display: flex; justify-content: center; } .faq-index { display: block; position: relative; flex: 0 0 auto; width: 208px; margin-inline-end: 32px; } .faq-index__sticky-container { position: absolute; top: 0; left: 0; width: 100%; } .faq-header__content { flex: 0 1 var(--reading-container-width, 800px); } .section-faq-header--with-index ~ .section-collapsible-tabs .container { padding-inline-start: calc(var(--container-pad-x) + 240px); } } @media (min-width: 1200px) { .faq-index { width: 260px; margin-inline-end: 40px; } .section-faq-header--with-index ~ .section-collapsible-tabs .container { padding-inline-start: calc(var(--container-pad-x) + 300px); } } .faq-search-item-inactive { display: none; } .faq-search { margin-top: 20px; position: relative; } .faq-search__icon { position: absolute; top: 50%; left: 1em; transform: translate3d(0, -50%, 0); pointer-events: none; } [dir=rtl] .faq-search__icon { right: 1em; left: auto; } .faq-search__icon svg { display: block; } .faq-search .faq-search__input { /* specificity hack */ width: 100%; height: 56px; padding-inline-start: 56px; border-radius: calc(var(--btn-border-radius) + max(0px, var(--btn-border-radius) - 3px)); } .faq-index__heading { margin-bottom: 1.2em; font-size: 1.3em; } .faq-index-item { margin-top: 0.75em; margin-bottom: 0.75em; } .faq-index__item-container { position: sticky; top: calc(30px + var(--theme-sticky-header-height)); } /* Theme-specific */ .template-page.template-suffix-faq #content { margin-top: 0; padding-bottom: 0; } .faq-header { margin-top: var(--section-padding); } .section-faq-header + .section-collapsible-tabs .collapsible-tabs, .section-collapsible-tabs + .section-collapsible-tabs .collapsible-tabs { margin-top: 0; } page-header, main-navigation { display: block; } .pageheader { --link-color: var(--header-text-col); position: relative; z-index: 4000; /* Place above slider for live-search dropdown */ transition: background-color 175ms ease-in; background: var(--header-bg-col); color: var(--header-text-col); } .section-header:has(.pageheader--transparent)::after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 180%; transition: opacity 175ms ease-in; opacity: 0; background-image: var(--transparent-header-bg-gradient, none); pointer-events: none; } .js .section-header:has(.pageheader--transparent):not(.section-header--nav-hover):not(.section-header--nav-open)::after { opacity: 1; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent { background: transparent; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent .logo-area { border-color: transparent; color: var(--transparent-header-text-color); } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent .logo__image:not(:last-child) { opacity: 0; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent .logo__image-transparent { opacity: 1; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent .logo a { color: var(--transparent-header-text-color); } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent + #main-nav .navigation { border-color: transparent; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent + #main-nav .navigation .navigation__tier-1 { background: transparent; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent + #main-nav .navigation .navigation__tier-1 > .navigation__item:not(.featured-link) > .navigation__link { color: var(--transparent-header-text-color); } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent ~ .header-shade { opacity: 0; } .pageheader svg.feather { stroke: currentColor; fill: none; } .pageheader .logo { padding: 5px 0; text-align: center; } .pageheader .logo a { display: inline-block; color: var(--logo-col); } .logo img { display: inline-block; vertical-align: middle; } .logo__h1 { margin: 0; padding: 0; font-size: inherit; line-height: inherit; text-transform: none; } .logo__link { position: relative; } .logo__image { transition: opacity 175ms ease-in; } .logo__image-transparent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 175ms ease-in; opacity: 0; object-fit: contain; } .pageheader .logo .logotext { font-size: var(--logo-text-size); line-height: 1.4em; word-break: break-word; } @media (min-width: 768px) {.section-header{z-index: 400 !important;} .pageheader--layout-inline-menu-center .logo-area__left { position: relative; flex: 0 0 2px; order: 1; margin-right: 20px; margin-left: 20px; } .pageheader--layout-inline-menu-center .logo-area__left .show-search-link { display: none; } .pageheader--layout-inline-menu-center .logo-area__left__inner { position: absolute; left: 0; width: calc(100vw - 600px); min-height: 100%; transform: translateX(-50%); } .pageheader--layout-inline-menu-center .logo-area__left__inner .navigation--left { left: 0; width: 100%; } .pageheader--layout-inline-menu-center .logo-area__left__inner .navigation--left .navigation__tier-1-container { left: 0; } .pageheader--layout-inline-menu-center .logo-area__middle { flex: 1 0 0; max-width: none; margin-right: 0; margin-left: 0; text-align: start; } .pageheader--layout-inline-menu-center .logo-area__middle .logo { display: inline-block; } .pageheader--layout-inline-menu-center .logo-area__right { flex: 1 0 0; order: 2; } .pageheader--layout-inline-menu-center .logo-area__right .show-search-link { display: flex; align-items: center; } .pageheader--layout-inline-permitted { /* ensure box flexes to fill space, as it has overflow:hidden */ } .pageheader--layout-inline-permitted .navigation--left { visibility: visible; } .pageheader--layout-inline-permitted .navigation.navigation--left { border: 0; color: inherit; } .pageheader--layout-inline-permitted .navigation.navigation--left .navigation__link:hover, .pageheader--layout-inline-permitted .navigation.navigation--left .menu-promotion__link:hover { color: var(--header-text-hover-col); } .pageheader--layout-inline-permitted .navigation.navigation--left .navigation__tier-1 { transition: none; border: 0; background: transparent; } .pageheader--layout-inline-permitted .logo-area__left::after, .pageheader--layout-inline-permitted .logo-area__left__inner::after { content: "-"; visibility: hidden; width: 0; } .pageheader--layout-inline-permitted .logo-area__left { min-height: calc(22px * 2 + 1.5em); font-size: var(--nav-text-size); } .pageheader--layout-inline-permitted .logo-area__left__inner .show-search-link { display: none; } .pageheader--layout-inline-permitted .logo-area__right .show-search-link { display: flex; align-items: center; } .pageheader--layout-inline-permitted + #main-nav .navigation--main { visibility: hidden; border: 0; } .pageheader--layout-inline-permitted + #main-nav .navigation--main .navigation__tier-1 { height: 0; } .pageheader--layout-inline-permitted + #main-nav .navigation--main .navigation__tier-1 > .navigation__item > .navigation__link, .pageheader--layout-inline-permitted + #main-nav .navigation--main .navigation__tier-1 > .navigation__item > .navigation__children-toggle { display: none; } .pageheader--layout-inline-permitted + #main-nav .navigation--main .navigation__tier-2-container { border-top: 0; } .logo-area__middle--logo-image { line-height: 0px; } } .logo-area .mobile-nav-toggle { display: none; flex: 0 0 auto; width: 44px; height: 44px; color: inherit; } @media (max-width: 767.98px) { .logo-area .mobile-nav-toggle { display: inline-block; } } .page-shade, .header-shade { visibility: hidden; position: fixed; z-index: 300; top: 0; left: 0; width: 100%; height: 0; transition: visibility 0.34s, opacity 0.34s ease; opacity: 0; background: rgba(0, 0, 0, 0.3); pointer-events: none; } @media (max-width: 767.98px) { .page-shade, .header-shade { z-index: 7000; } } .header-shade { position: absolute; } .section-header { position: relative; top: 40px; } .cart-link { display: flex; align-items: center; } @media (max-width: 767.98px) { .cart-link { justify-content: center; height: 44px; margin-right: 10px; } } .cart-link__label { margin-inline-end: 8px; vertical-align: middle; } .cart-link__icon { position: relative; margin: 0 0 2px; } .cart-link__count { position: absolute; top: -3px; right: -5px; min-width: 15px; padding: 3px; border-radius: 12px; background: var(--header-text-col); color: var(--header-bg-col); font-size: 9px; font-weight: 500; line-height: 1em; text-align: center; white-space: nowrap; } [dir=rtl] .cart-link__count { right: auto; left: -5px; } .cart-link__count:empty { display: none; } .inline-menu:not(:last-child) { margin-right: 2px; } .inline-menu__link { display: inline-block; margin-left: 11px; } .navigation { position: relative; z-index: 2; font-size: var(--nav-text-size); line-height: 1.5; text-align: center; } .navigation li { list-style: none; vertical-align: top; } .navigation--left { display: none; visibility: hidden; position: absolute; top: 0; left: 0; height: 100%; white-space: nowrap; } [dir=rtl] .navigation--left { right: 0; left: auto; } @media (min-width: 768px) { .navigation--left { display: block; } } .navigation--left .navigation__tier-1-container { position: absolute; top: 50%; left: -18px; width: 100%; margin-top: calc(-22px - 0.75em); } .navigation--left .navigation__tier-1-container .navigation__tier-1 > .navigation__item > .navigation__link { padding-top: 22px; padding-bottom: 22px; } .navigation--left .navigation__tier-1-container .navigation__tier-1 > .navigation__item > .navigation__link::before { bottom: calc(50% - var(--theme-header-height) / 2 - 0.5px); } .navigation__item { display: block; } .navigation__link { display: block; padding: 10px 18px; } .menu-promotion { padding: 0 20px 20px; } .menu-promotion__text { margin-top: 0.5em; text-align: center; } .navigation { color: var(--main-nav-link-col); } .navigation .navigation__item--with-children { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navigation .navigation__item--with-children > .navigation__link { max-width: calc(100% - 60px); } .navigation .navigation__item--with-children .navigation__tier-2-container, .navigation .navigation__item--with-children .navigation__tier-3-container { width: 100%; } .navigation .navigation__children-toggle { padding: 10px 20px; color: inherit; } .navigation .navigation__children-toggle:hover { color: inherit; } .navigation .navigation__children-toggle .feather { display: inline-block; margin-bottom: 1px; vertical-align: middle; } .navigation .navigation__tier-1 { padding: 12px 0; transition: background-color 175ms ease-in; background: var(--main-nav-bg); } .navigation .navigation__tier-1 > .navigation__item { display: flex; } .navigation .navigation__tier-2-container { background: var(--main-nav-bg); } .navigation .navigation__link, .navigation .menu-promotion__link { display: block; color: inherit; text-align: start; } .navigation .navigation__link:hover, .navigation .menu-promotion__link:hover { color: inherit; } .navigation .navigation__wide-promotion--with-fade .container__breakout { position: relative; } .navigation .navigation__wide-promotion--with-fade .container__breakout::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 50%; background: linear-gradient(180deg, transparent 0%, var(--main-nav-bg) 100%); } .navigation .feather { stroke: currentColor; fill: none; } .navigation .featured-link > .navigation__link, .navigation .featured-link.navigation__link { color: var(--main-nav-link-featured-col); } @media (min-width: 768px) { .navigation { transition: border 175ms ease-in; border-bottom: 1px solid var(--heading-divider-col); text-align: center; } .navigation .navigation__link { transition: color 0.1s; } .navigation .navigation__link:hover, .navigation .menu-promotion__link:hover { color: var(--main-nav-link-hover-col); } .navigation .navigation__children-toggle { display: none; } .navigation .navigation__item--with-children > .navigation__link { max-width: none; } .navigation.navigation--tight-underline .navigation__tier-1 > .navigation__item > .navigation__link::before, .navigation.navigation--tight-underline .navigation__tier-1 > .navigation__item > .navigation__link::after { bottom: 16px; } .navigation .navigation__tier-1 { padding: 0; } .navigation .navigation__tier-1 > .navigation__item { display: inline-block; } .navigation .navigation__tier-1 > .navigation__item > .navigation__link { display: inline-block; position: relative; padding: 18px 18px; white-space: nowrap; } .navigation .navigation__tier-1 > .navigation__item > .navigation__link::before { content: ""; position: absolute; z-index: 20; bottom: -1px; left: 18px; width: calc(100% - 36px); height: 2px; transform: scaleX(0); transition: transform 0.3s; background-color: currentColor; will-change: transform; } .navigation .navigation__tier-1 > .navigation__item > .navigation__link:hover::before { transform: scaleX(1); } .navigation .navigation__tier-1 > .navigation__item.navigation__item--active > .navigation__link::before { transform: scaleX(1); } .navigation .navigation__tier-2-container { visibility: hidden; position: absolute; z-index: 10; top: 100%; left: 0; width: 100%; overflow: auto; transition: opacity 175ms ease-in, visibility 175ms; border-top: 1px solid var(--heading-divider-col); border-bottom: 1px solid var(--heading-divider-col); opacity: 0; text-align: start; pointer-events: none; } .pageheader--sticky + #main-nav .navigation .navigation__tier-2-container { max-height: calc(100vh - var(--theme-header-height) - 100px); overflow-y: auto; } .navigation .navigation__item--with-small-menu > .navigation__tier-2-container { display: block; left: 0; width: max-content; min-width: 170px; max-width: 280px; border-right: 1px solid var(--heading-divider-col); border-left: 1px solid var(--heading-divider-col); } [dir=rtl] .navigation .navigation__item--with-small-menu > .navigation__tier-2-container { right: 0; left: auto; } .navigation .navigation__item--with-small-menu > .navigation__tier-2-container .container { padding: 22px 30px 22px 20px; } .navigation .navigation__item--with-small-menu > .navigation__tier-2-container .navigation__tier-2 .navigation__item { display: block; } .navigation .navigation__item--with-small-menu > .navigation__tier-2-container .navigation__tier-2 .navigation__link { padding: 5px 0; } .pageheader:not(.pageheader--layout-inline-permitted) + #main-nav .navigation .navigation__item--with-small-menu { position: relative; } .pageheader:not(.pageheader--layout-inline-permitted) + #main-nav .navigation .navigation__item--with-small-menu > .navigation__tier-2-container { left: 0 !important; /* override js-set style from proxy */ transform: translateX(var(--nav-side-offset, 0px)); } [dir=rtl] .pageheader:not(.pageheader--layout-inline-permitted) + #main-nav .navigation .navigation__item--with-small-menu > .navigation__tier-2-container { right: 0 !important; left: auto !important; } .navigation .navigation__item--show-children .navigation__tier-2-container, body.tab-used .navigation .navigation__item--with-children:focus-within .navigation__tier-2-container, html:not(.js) .navigation .navigation__item--with-children:hover .navigation__tier-2-container, html:not(.js) .navigation .navigation__item--with-children:focus-within .navigation__tier-2-container { /* no-js + tab */ visibility: visible; z-index: 11; opacity: 1; pointer-events: auto; } .navigation:hover .navigation__tier-2-container { transition-delay: 150ms; } .navigation:hover .navigation__item--show-children .navigation__tier-2-container { transition-delay: 0s; } .navigation .navigation__tier-2 > .navigation__item { display: inline-block; } .navigation .navigation__tier-2 .navigation__link { padding: 0.25em 0; line-height: 1.2em; white-space: normal; } .navigation .navigation__columns { display: flex; flex: 0 0 100%; flex-wrap: wrap; justify-content: flex-start; margin: 0 -10px; padding-top: 32px; padding-bottom: 12px; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) { text-align: start; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) .navigation__item { display: block; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) .navigation__column-title { display: inline-block; padding: 0 0 15px; opacity: 0.7; font-size: 0.8em; font-weight: 500; letter-spacing: 0.08em; line-height: 1.2em; text-transform: uppercase; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) .navigation__children-toggle { display: none; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) .navigation__tier-3 { display: block; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) .navigation__tier-3 .navigation__link { padding: 5px 0; opacity: 1; } .navigation .navigation__column { display: block; flex: 0 0 25%; padding: 0 10px 20px; } .navigation .navigation__columns--with-promos:not(.navigation__columns--over-5-cols) { flex-wrap: nowrap; } .navigation .navigation__columns:not(.navigation__columns--5-cols):not(.navigation__columns--over-5-cols) { justify-content: center; } .navigation .menu-promotion { flex: 1 0 0; padding: 0; } .navigation .navigation__wide-promotion { position: relative; padding-top: var(--larger-section-padding); padding-bottom: var(--larger-section-padding); } .navigation .navigation__wide-promotion img { position: absolute; top: 0; left: 0; width: 50%; height: 100%; } [dir=rtl] .navigation .navigation__wide-promotion img { right: 0; left: auto; } .navigation .navigation__wide-promotion .column--order-push-desktop img { right: 0; left: auto; } [dir=rtl] .navigation .navigation__wide-promotion .column--order-push-desktop img { right: auto; left: 0; } .navigation .navigation__wide-promotion--with-fade .container__breakout { position: static; } .navigation .navigation__wide-promotion--with-fade .container__breakout::after { top: 0; right: 50%; bottom: 0; left: auto; width: 280px; height: auto; background: linear-gradient(90deg, transparent 0%, var(--main-nav-bg) 100%); } [dir=rtl] .navigation .navigation__wide-promotion--with-fade .container__breakout::after { right: 50%; left: auto; background: linear-gradient(90deg, var(--main-nav-bg) 0%, transparent 100%); } .navigation .navigation__wide-promotion--with-fade .column--order-push-desktop .container__breakout::after { right: auto; left: 50%; background: linear-gradient(90deg, var(--main-nav-bg) 0%, transparent 100%); } [dir=rtl] .navigation .navigation__wide-promotion--with-fade .column--order-push-desktop .container__breakout::after { right: 50%; left: auto; background: linear-gradient(90deg, transparent 0%, var(--main-nav-bg) 100%); } } @media (min-width: 1000px) { .navigation .navigation__columns--over-5-cols { flex-wrap: wrap; } .navigation .navigation__columns--over-5-cols .navigation__column { flex: 0 0 20%; } .navigation .navigation__column { flex: 1 0 20%; max-width: 25%; } } @media (min-width: 1300px) { .navigation .navigation__columns { margin: 0 -15px; } .navigation .navigation__column { padding-right: 15px; padding-left: 15px; } } @media (max-width: 767.98px) { .navigation .container { padding-right: 20px; padding-left: 20px; } .navigation .container__breakout { margin-right: -20px; margin-left: -20px; } } .mobile-navigation-drawer { display: none; visibility: hidden; position: fixed; z-index: 8001; top: 0; left: -1px; box-sizing: border-box; width: min(88%, 540px); height: 100%; padding-bottom: calc(env(safe-area-inset-bottom, 0px) * 1.5 + 60px); overflow-x: hidden; overflow-y: auto; transform: translateX(-100%); background: var(--main-nav-bg); color: var(--main-nav-link-col); text-align: start; will-change: transform; } [dir=rtl] .mobile-navigation-drawer { right: -1px; left: auto; transform: translateX(100%); border-right: 0; } .mobile-navigation-drawer .navigation__mobile-header { border-bottom: 1px solid var(--heading-divider-col); } .mobile-navigation-drawer .mobile-nav-toggle { padding: 12px 20px; color: inherit; } .mobile-navigation-drawer .navigation__tier-1 { text-align: start; } .mobile-navigation-drawer .navigation__tier-1 > .navigation__item { flex-wrap: nowrap; } .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__link { font-weight: var(--mobile-menu-font-weight); } .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__children-toggle svg { transform: rotate(-90deg); } [dir=rtl] .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__children-toggle svg { transform: rotate(-270deg); } .mobile-navigation-drawer .navigation__tier-1 > .navigation__item--open > .navigation__tier-2-container { visibility: visible; transform: translate3d(0, 0, 0); } .mobile-navigation-drawer .navigation__tier-2-container { visibility: hidden; position: absolute; z-index: 1; top: 47px; /* overridden with js */ bottom: 0; left: 0; width: 100%; padding-bottom: calc(env(safe-area-inset-bottom, 0px) * 1.5 + 60px); overflow: auto; transform: translate3d(100%, 0, 0); transition: visibility 0.35s, transform 0.35s cubic-bezier(0.55, 0.03, 0.37, 0.96); will-change: transform; } [dir=rtl] .mobile-navigation-drawer .navigation__tier-2-container { right: 0; left: auto; transform: translate3d(-100%, 0, 0); } .mobile-navigation-drawer .navigation__tier-2-container > .container { padding-right: 0; padding-left: 0; } .mobile-navigation-drawer .navigation__tier-2-container .navigation__item--open > .navigation__children-toggle > svg { transform: rotate(180deg); } .mobile-navigation-drawer .navigation__tier-2-container .navigation__item--open > .navigation__tier-3-container { visibility: visible; opacity: 1; } .mobile-navigation-drawer .navigation__tier-2 { padding-top: 12px; } .mobile-navigation-drawer .navigation__tier-2 > .navigation__item > .navigation__link { font-weight: var(--mobile-menu-font-weight); } .mobile-navigation-drawer .navigation__tier-3-container { visibility: hidden; height: 0; overflow: hidden; transition: all 0.35s cubic-bezier(0.55, 0.03, 0.37, 0.96); opacity: 0; will-change: height; } .mobile-navigation-drawer .navigation__tier-3 { padding-bottom: 20px; } .mobile-navigation-drawer .navigation { position: static; margin-bottom: 40px; font-size: 17px; text-align: inherit; } .mobile-navigation-drawer .navigation__link { padding: 12px 20px; } .mobile-navigation-drawer .navigation__item { align-items: flex-start; } .mobile-navigation-drawer .navigation__item--with-children > .navigation__link { flex: 1 1 0; } .mobile-navigation-drawer .navigation__children-toggle svg { transition: transform 150ms ease-out; } .mobile-navigation-drawer .navigation__column--promotion-carousel { display: flex; flex-wrap: nowrap; width: 100%; margin: 12px 0; overflow: auto; scroll-snap-type: x mandatory; } .mobile-navigation-drawer .navigation__column--promotion-carousel .menu-promotion { flex: 0 0 260px; max-width: 75%; margin: 0; padding: 0 0 20px; padding-inline-start: 20px; scroll-snap-align: start; } .mobile-navigation-drawer .navigation__column--promotion-carousel .menu-promotion:last-child { flex-basis: calc(260px + 20px); max-width: calc(75% + 20px); padding-inline-end: 20px; } .mobile-navigation-drawer .menu-promotion__text { text-align: start; } .mobile-navigation-drawer .navigation__wide-promotion .flexible-layout { display: block; } .mobile-navigation-drawer .navigation__wide-promotion .flexible-layout .column:last-child { margin-top: 40px; margin-bottom: 40px; } .mobile-navigation-drawer--child-open { overflow-y: hidden; } .navigation__mobile-products { margin-top: 30px; } .navigation__mobile-products .product-grid { display: flex; flex-wrap: nowrap; overflow: auto; scroll-snap-type: x mandatory; } .navigation__mobile-products .product-grid .product-block { flex: 0 0 260px; max-width: 75%; padding: 0; padding-inline-start: 20px; scroll-snap-align: start; } .navigation__mobile-products .product-grid .product-block:last-child { flex-basis: calc(260px + 20px); max-width: calc(75% + 20px); padding-inline-end: 20px; } .navigation__mobile-products .product-grid .product-block .product-block__detail { text-align: start; } .navigation__mobile-products .product-grid .product-block .product-price { justify-content: flex-start; } .navigation__mobile-products .product-grid .product-block .product-price .price { margin-inline-start: calc(-1 * var(--product-block-price-item-margin-start)); } .navigation__mobile-products-title { margin: 0 20px 20px; font-size: 17px; font-weight: var(--mobile-menu-font-weight); } .mobile-navigation-drawer__footer .inline-menu { margin: 0; } .mobile-navigation-drawer__footer .announcement-bar__link { display: block; margin: 0 20px; padding: 16px 0; border-top: 1px solid var(--heading-divider-col); color: inherit; } .mobile-navigation-drawer__footer .header-localization { display: block; } .mobile-navigation-drawer__footer .header-localization .localization__grid { display: block; } .mobile-navigation-drawer__footer .header-localization .localization__selector { margin: 0 20px; border-top: 1px solid var(--heading-divider-col); } .mobile-navigation-drawer__footer .header-localization .custom-select__btn { justify-content: space-between; width: 100%; height: auto; padding: 16px 0; border: 0; text-align: inherit; } .mobile-navigation-drawer__footer .header-localization .custom-select__btn svg { width: 20px; height: 20px; } .mobile-navigation-drawer__footer .header-localization .custom-select__btn svg path { stroke-width: 1.6; } .mobile-navigation-drawer__footer .header-localization .custom-select__listbox { position: static; width: 100%; max-height: none; border: 0; background-color: transparent; box-shadow: none; color: inherit; } .mobile-navigation-drawer__footer .header-localization .custom-select__option { padding: 6.4px 0; opacity: 0.75; background: transparent; color: inherit; } .mobile-navigation-drawer__footer .header-localization .custom-select__option:first-child { padding-top: 8px; } .mobile-navigation-drawer__footer .header-localization .custom-select__option:last-child { padding-bottom: 32px; } .mobile-navigation-drawer__footer .social { display: flex; margin: 0 20px; padding: 16px 0; border-top: 1px solid var(--heading-divider-col); } .mobile-navigation-drawer__footer .social a { margin: 16px 16px 0 0; color: inherit; } .mobile-navigation-drawer__footer .social a svg { width: 20px; height: 20px; } .mobile-navigation-drawer__footer .social a img { height: 20px; } .navigation__mobile-header { display: flex; align-items: flex-start; justify-content: space-between; } .mobile-nav-title { visibility: hidden; padding: 12px 0; overflow: hidden; transform: translate3d(10px, 0, 0); transition: transform 0.35s cubic-bezier(0.55, 0.03, 0.37, 0.96), opacity 0.35s cubic-bezier(0.55, 0.03, 0.37, 0.96), visibility 0.35s cubic-bezier(0.55, 0.03, 0.37, 0.96); opacity: 0; text-overflow: ellipsis; white-space: nowrap; } .mobile-navigation-drawer--child-open .mobile-nav-title { visibility: visible; transform: translate3d(0, 0, 0); opacity: 1; } .mobile-nav-back { visibility: hidden; padding: 12px 20px; transition: opacity 0.35s cubic-bezier(0.55, 0.03, 0.37, 0.96), visibility 0.35s cubic-bezier(0.55, 0.03, 0.37, 0.96); opacity: 0; color: inherit; } .mobile-navigation-drawer--child-open .mobile-nav-back { visibility: visible; opacity: 1; } /* extra nav transitions */ .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__link, .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__children-toggle, .mobile-navigation-drawer .navigation__mobile-products, .mobile-navigation-drawer .mobile-navigation-drawer__footer { transition: opacity 0.24s ease, transform 0.24s ease; transition-delay: 0.19s; } body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__link, body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__children-toggle, body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__mobile-products, body:not(.reveal-mobile-nav) .mobile-navigation-drawer .mobile-navigation-drawer__footer, .mobile-navigation-drawer--child-open .navigation__tier-1 > .navigation__item > .navigation__link, .mobile-navigation-drawer--child-open .navigation__tier-1 > .navigation__item > .navigation__children-toggle, .mobile-navigation-drawer--child-open .navigation__mobile-products, .mobile-navigation-drawer--child-open .mobile-navigation-drawer__footer { transform: translate3d(-15px, 0, 0); opacity: 0; } [dir=rtl] body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__link, [dir=rtl] body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__children-toggle, [dir=rtl] body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__mobile-products, [dir=rtl] body:not(.reveal-mobile-nav) .mobile-navigation-drawer .mobile-navigation-drawer__footer, [dir=rtl] .mobile-navigation-drawer--child-open .navigation__tier-1 > .navigation__item > .navigation__link, [dir=rtl] .mobile-navigation-drawer--child-open .navigation__tier-1 > .navigation__item > .navigation__children-toggle, [dir=rtl] .mobile-navigation-drawer--child-open .navigation__mobile-products, [dir=rtl] .mobile-navigation-drawer--child-open .mobile-navigation-drawer__footer { transform: translate3d(15px, 0, 0); } .reveal-mobile-nav--revealed .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__link, .reveal-mobile-nav--revealed .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__children-toggle, .reveal-mobile-nav--revealed .mobile-navigation-drawer .navigation__mobile-products, .reveal-mobile-nav--revealed .mobile-navigation-drawer .mobile-navigation-drawer__footer { transition-delay: 0s; } @media only screen and (max-width: 767.98px) { .reveal-mobile-nav .page-shade, .reveal-mobile-nav .header-shade { visibility: visible; height: 100%; opacity: 1; pointer-events: auto; } .pageheader .logo { padding: 10px 0; pointer-events: none; } .pageheader .logo a { pointer-events: auto; } .pageheader .logo .logotext { display: block; margin-top: 12px; margin-bottom: 12px; font-size: 20px; line-height: 1em; } .section-header { z-index: 8000; } .enable-mobile-nav-transition .mobile-navigation-drawer { visibility: visible; transition: transform 0.34s ease, visible 0.34s; } .mobile-navigation-drawer { display: block; } .reveal-mobile-nav { overflow: hidden; } .reveal-mobile-nav .mobile-navigation-drawer { visibility: visible; transform: translateX(0); } .reveal-mobile-nav .mobile-navigation-drawer:not(.mobile-navigation-drawer--child-open) .navigation__tier-1 > .navigation__item > .navigation__link, .reveal-mobile-nav .mobile-navigation-drawer:not(.mobile-navigation-drawer--child-open) .navigation__tier-1 > .navigation__item > .navigation__children-toggle, .reveal-mobile-nav .mobile-navigation-drawer:not(.mobile-navigation-drawer--child-open) .navigation__mobile-products, .reveal-mobile-nav .mobile-navigation-drawer:not(.mobile-navigation-drawer--child-open) .mobile-navigation-drawer__footer { transform: translate3d(0, 0, 0); opacity: 1; } } .logo-area { display: flex; position: relative; z-index: 2; align-items: center; justify-content: space-between; width: 100%; transition: background-color 175ms ease-in, color 175ms ease-in, border-color 175ms ease-in; border-bottom: 1px solid var(--heading-divider-col); color: var(--header-text-col); font-size: var(--smaller-text-size-1); } @media (max-width: 767.98px) { .logo-area.container { padding-right: 0; padding-left: 0; } } .logo-area__left { display: flex; flex: 2 0 0; } .logo-area__left__inner { display: flex; position: relative; flex-grow: 1; align-items: center; justify-content: flex-start; } @media (min-width: 768px) { .logo-area__left__inner { overflow: hidden; } .pageheader--layout-inline-permitted .logo-area__left__inner { overflow: visible; } } .logo-area__middle { flex: 1 1 auto; margin: 0; text-align: center; } @media (min-width: 768px) { .logo-area__middle { margin-right: 20px; margin-left: 20px; } } .logo-area__middle--logo-text { flex-grow: 0; } .logo-area__middle__inner { display: inline-block; } .logo-area__right { display: flex; flex: 2 0 0; align-items: center; justify-content: flex-end; } .logo-area__right__inner { display: flex; align-items: center; } .logo-area__right__inner a { padding: 0 .4em } .header-account-link { display: inline-flex; align-items: center; justify-content: flex-end; } @media (max-width: 767.98px) { .header-account-link { height: 44px; margin: 0; } } /* .header-account-link__text + .header-account-link__icon:not(.mobile-only) { margin-inline-start: 8px; } */ .show-search-link { flex: 0 0 auto; white-space: nowrap; } .logo-area__right .show-search-link { display: none; } .show-search-link__icon { margin: 0 0 2px; } @media (max-width: 767.98px) { .show-search-link__icon { display: inline-flex; align-items: center; justify-content: flex-start; width: 44px; height: 44px; margin: 0; } } .show-search-link__text { margin: 0; margin-inline-end: 8px; } .show-search-link__text:last-child { margin: 0; margin-inline-start: 8px; } @media (max-width: 767.98px) { .show-search-link__text { display: none; } } @media (prefers-reduced-motion) { .mobile-navigation-drawer { transition: none !important; } .mobile-navigation-drawer .navigation__link, .mobile-navigation-drawer .navigation__children-toggle, .mobile-navigation-drawer .navigation__mobile-products, .mobile-navigation-drawer .mobile-navigation-drawer__footer, .mobile-navigation-drawer .navigation__tier-2-container, .mobile-navigation-drawer .navigation__children-toggle > svg, .mobile-navigation-drawer .navigation__tier-3-container { transition: none !important; } } .marquee-container { position: relative; width: 100%; overflow: hidden; direction: ltr; } .marquee { --scale: 0.7; display: flex; position: relative; flex-direction: row; flex-wrap: nowrap; width: max-content; margin: 0; padding-top: calc(var(--vertical-padding) * var(--scale)); padding-bottom: calc(var(--vertical-padding) * var(--scale)); white-space: nowrap; direction: ltr; } .marquee-content { display: flex; align-items: center; width: max-content; padding-right: 0.2em; } [dir=rtl] .marquee-content { direction: rtl; } .js .marquee:not(.marquee--animate) { opacity: 0; } .marquee--animate .marquee-content { animation: marquee var(--duration) linear infinite; } .marquee:hover .marquee-content--contains-link { animation-play-state: paused; } .marquee--right .marquee-content { animation-direction: reverse; } .marquee-content .marquee-text--stencil, .marquee-content .marquee-stencil-this { --stencil-shadow-offset-one-axis: 0.012em; --stencil-shadow-offset-two-axes: 0.008em; --shadow-color: var(--color, rgb(var(--text-color))); color: transparent; text-shadow: 0 0 rgb(var(--bg-color)), calc(-1 * var(--stencil-shadow-offset-one-axis)) 0 var(--shadow-color), var(--stencil-shadow-offset-one-axis) 0 var(--shadow-color), 0 calc(-1 * var(--stencil-shadow-offset-one-axis)) var(--shadow-color), 0 var(--stencil-shadow-offset-one-axis) var(--shadow-color), calc(-1 * var(--stencil-shadow-offset-two-axes)) calc(-1 * var(--stencil-shadow-offset-two-axes)) var(--shadow-color), calc(-1 * var(--stencil-shadow-offset-two-axes)) var(--stencil-shadow-offset-two-axes) var(--shadow-color), var(--stencil-shadow-offset-two-axes) calc(-1 * var(--stencil-shadow-offset-two-axes)) var(--shadow-color), var(--stencil-shadow-offset-two-axes) var(--stencil-shadow-offset-two-axes) var(--shadow-color); } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .marquee-item { padding-right: calc(var(--space) * var(--scale)); } .marquee-item a:not(.btn) { color: inherit; } .marquee-item_h1 { margin: 0; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: normal; line-height: inherit; text-transform: inherit; } .marquee-text { color: var(--color, inherit); font-size: max(var(--text-size) * var(--scale), var(--base-text-size)); } .heading-font .marquee-text { letter-spacing: var(--heading-font-letter-spacing); } .marquee-icon .icon { display: block; width: calc(var(--width) * var(--scale)); height: calc(var(--width) * var(--scale)); color: var(--color); } .marquee-image .placeholder-image, .marquee-image .theme-img { display: block; width: calc(var(--width) * var(--scale)); } .marquee-button .btn--custom, .marquee-button .btn--custom:hover { border: 0; background: var(--btn-col-bg); color: var(--btn-col-text); } @media (min-width: 768px) { .marquee { --scale: 0.85; } } @media (min-width: 1000px) { .marquee { --scale: 1; } } @media (min-width: 768px) { .product-info { display: flex; justify-content: center; } .product-info .product-column-left { flex: 0 0 auto; width: 50%; } .product-info .product-column-right { flex: 0 0 auto; width: calc(50% - 44px); max-width: 490px; margin-inline-start: 44px; } } @media (min-width: 1040px) { .product-info .media-gallery-size-small { width: 35%; } .product-info .media-gallery-size-small + .product-column-right { width: calc(65% - 44px); } .product-info .media-gallery-size-medium { width: 45%; } .product-info .media-gallery-size-medium + .product-column-right { width: calc(55% - 44px); } .product-info .media-gallery-size-large { width: 62%; } .product-info .media-gallery-size-large + .product-column-right { width: calc(38% - 44px); } } .product-title { margin: 0 0 0.5em; } .product-info-label { margin-top: 7px; margin-bottom: 8px; font-size: 1rem; font-weight: 600; line-height: 1.4em; } @media (min-width: 768px) { .price-container .product-price { margin-right: 10px; margin-bottom: 0; } .price-container .price-descriptors { order: 1; width: 100%; } } shopify-payment-terms { display: block; margin-top: 8px; margin-bottom: 12px; } .product-policies { margin-top: 0.5em; margin-bottom: 0.25em; } .product-description { margin-top: 50px; margin-bottom: 50px; } .product-info .product-form .option-selectors { display: none; } .js .product-info .product-form .original-selector { display: none; } .js .product-info .product-form .option-selectors { display: block; } .product-form .input-row, .buy-buttons-row { margin: 0; clear: both } .sticky-content-container .buy-buttons-row { position: sticky; width: 100%; bottom: 0; background-color: #fff; z-index: 9;display:block; } .product-form .label { display: block; margin-bottom: 8px; font-size: 1rem; font-weight: 600; line-height: 1.4em; } .product-form .option-selector__label-value { font-weight: var(--base-font-weight); } .product-form [data-selector-type=radio].option-selector fieldset { margin: 0; } .product-form [data-selector-type=radio].option-selector legend.label { margin-bottom: 8px; } .product-form [data-selector-type=radio].option-selector .label { margin-bottom: 6px; } .product-form .label__text-beside-input { font-weight: normal; vertical-align: top; } .product-form .option-selector { margin-bottom: 20px; } .option-selector-fieldset { margin-bottom: 0; } .label--contains-error { color: #d90000; } .size-chart-link { margin-bottom: 8px; font-size: 1rem; line-height: 1.4em; } .size-chart-link__icon { position: relative; top: -1px; margin-inline-end: 0.1em; } .product-form .quantity-submit-row { margin-bottom: 0; } .product-form .quantity-submit-row .quantity-submit-row__submit { margin-top: 40px; margin-bottom: 10px; } .product-form .quantity-submit-row .quantity-submit-row__submit button[type=submit] { box-sizing: border-box; width: 100%; } .product-form .quantity-submit-row.has-spb .btn { --btn-text-color: var(--btn-alt-text-color); --btn-text-hover-color: var(--btn-alt-bg-color); --btn-bg-color: var(--btn-alt-bg-color); --btn-bg-hover-color: var(--btn-alt-text-color); --btn-border-color: var(--btn-alt-border-color); --btn-border-hover-color: var(--btn-alt-border-hover-color); box-sizing: border-box; width: 100%; min-height: 48px; } .product-form .quantity-submit-row.has-spb .shopify-payment-button__button { box-sizing: border-box; min-height: 48px; font-size: var(--base-text-size); font-style: var(--base-font-style); font-weight: var(--base-font-weight); line-height: var(--base-text-size); letter-spacing: var(--btn-letter-spacing); } .product-form .quantity-submit-row.has-spb .shopify-payment-button__button--unbranded { padding: 15px 25px; border: 1.5px solid rgb(var(--btn-bg-color)); border-radius: var(--btn-border-radius); background: rgb(var(--btn-bg-color)); color: rgb(var(--btn-text-color)); text-transform: var(--btn-text-transform); } .product-form .quantity-submit-row.has-spb .shopify-payment-button__button--unbranded:hover { border-color: rgb(var(--btn-bg-hover-color)); background: rgb(var(--btn-bg-hover-color)); } .shopify-payment-button { transition: opacity 150ms; } .shopify-payment-button .shopify-payment-button__more-options { box-sizing: border-box; padding: 0 10%; color: inherit; font-size: 14px; letter-spacing: 0; line-height: 1.2em; text-transform: none; } .shopify-payment-button .shopify-payment-button__more-options:hover { background: transparent; } .shopify-payment-button .shopify-payment-button__more-options[disabled] { background: transparent !important; } shopify-accelerated-checkout[disabled], .shopify-payment-button__button[aria-disabled=true], .shopify-payment-button__button[disabled] { display: none; } .product-dynamic-payment-button shopify-accelerated-checkout { --shopify-accelerated-checkout-button-block-size: 48px; --shopify-accelerated-checkout-button-border-radius: var(--btn-border-radius, 0); --shopify-accelerated-checkout-button-box-shadow: none; --shopify-accelerated-checkout-skeleton-background-color: rgba(0, 0, 0, 0); --shopify-accelerated-checkout-skeleton-animation-opacity-start: 0; --shopify-accelerated-checkout-skeleton-animation-opacity-end: 0; --shopify-accelerated-checkout-skeleton-animation-duration: 0s; } .product-form .backorder { margin-top: 1em; margin-bottom: 1em; } .custom-option__text-input { width: 100%; } .product-info .sharing { margin-top: 20px; } .product-info .detail { text-align: start; } .product-info .detail .product-info-accordion:not([hidden]):has(~ .product-info-accordion:not([hidden])) .disclosure { margin-bottom: 0; } .product-info .detail .product-info-accordion:not([hidden]) ~ .product-info-accordion .disclosure { border-top: none; } .product-info-accordion .disclosure__title { font-weight: 600; line-height: 1.4; } .related-swatches { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start; } .related-swatch { overflow: hidden; position: relative; background: var(--product-block-blend-bg, none); border-radius: var(--btn-inspired-border-radius); } .related-swatch .theme-img { mix-blend-mode: var(--product-block-blend-mode, none); border-radius: var(--btn-inspired-border-radius); } .related-swatch::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px var(--input-border-color) solid; border-radius: var(--btn-inspired-border-radius); } .related-swatch:not(.related-swatch--active):hover::after { border: 1px var(--input-border-color-hover) solid; } .related-swatch--unavailable::after { border: 1px var(--input-border-color) solid; background-image: var(--swatch-cross-svg); background-position: center; background-size: auto; } .related-swatch--unavailable:hover::after { background-image: var(--swatch-cross-hover); } .related-swatch--unavailable img { opacity: 0.5; } .related-swatch--active { box-shadow: 0 0 0 var(--input-active-shadow-width) var(--input-border-color-active); } .related-swatch--active::after { border: 1px var(--input-border-color-active) solid; box-shadow: 0 0 0 var(--input-active-shadow-width) var(--input-border-color-active); } .related-swatch--active.related-swatch--unavailable::after { background-image: var(--swatch-cross-active); background-position: center; } .js-product-form [name=add] { position: relative; } .js-product-form [name=add]::before { --loading-spinner-size: 1.4em; content: ""; pointer-events: none; position: absolute; top: calc(50% - var(--loading-spinner-size) / 2); left: calc(50% - var(--loading-spinner-size) / 2); width: var(--loading-spinner-size); height: var(--loading-spinner-size); animation: loadingSpinner 1s linear infinite; border: 1px solid transparent; border-radius: 100%; border-left-color: rgb(var(--btn-text-hover-color)); opacity: 0; visibility: hidden; transition: all 200ms ease-in; } .js-product-form [name=add]::after { --icon-size: 1.6em; content: ""; pointer-events: none; position: absolute; top: calc(50% - var(--icon-size) / 1.6); left: calc(50% - var(--icon-size) / 5); width: calc(var(--icon-size) / 2); height: var(--icon-size); opacity: 0; border-right: 2px solid rgb(var(--btn-text-hover-color)); border-bottom: 2px solid rgb(var(--btn-text-hover-color)); transform: scale(0.8) rotate(45deg); transition: all 150ms ease-out; } .js-product-form [name=add].is-loading { pointer-events: none; background: rgb(var(--btn-bg-hover-color)) !important; color: rgb(var(--btn-bg-hover-color)) !important; } .js-product-form [name=add].is-loading::before { opacity: 1; visibility: visible; } .js-product-form [name=add].is-success::before { opacity: 0; transform: scale(0.8); } .js-product-form [name=add].is-success::after { animation: 2s linear atc-tick-activated; } @keyframes atc-tick-activated { 0% { opacity: 0; transform: scale(0.8) rotate(45deg); } 15% { opacity: 0; transform: scale(0.8) rotate(45deg); } 20% { opacity: 1; transform: scale(1) rotate(45deg); } 90% { opacity: 1; transform: scale(1) rotate(45deg); } 95% { opacity: 0; transform: scale(1) rotate(45deg); } 100% { opacity: 0; transform: scale(1) rotate(45deg); } } .gallery-viewer-modal.modal { z-index: 10000; } .gallery-viewer-modal .modal__window { width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; overflow: hidden; } .gallery-viewer-modal .modal__content { padding: 0; } .gallery-viewer-modal .modal__close-btn { z-index: 3; } .gallery-viewer { display: block; position: relative; height: 100%; } .gallery-viewer__zoom-container { position: absolute; z-index: 1; width: 100%; height: 100%; background: var(--product-block-blend-bg, none); } .gallery-viewer--zoomable .gallery-viewer__zoom-container { cursor: zoom-in; } .gallery-viewer__zoom-container--loading::after { content: ""; position: absolute; top: calc(50% - 20px / 2); left: calc(50% - 20px / 2); width: 20px; height: 20px; animation: galleryViewerSpinner 1s linear infinite; border: 1px solid transparent; border-radius: 100%; border-left-color: currentColor; opacity: 0.75; } @keyframes galleryViewerSpinner { 0% { transform: rotate(0deg); } to { transform: rotate(360deg); } } .gallery-viewer__zoom-image { position: absolute; width: auto; min-width: 0; max-width: none; height: auto; min-height: 0; max-height: none; mix-blend-mode: var(--product-block-blend-mode, none); } .gallery-viewer__thumbs { position: absolute; z-index: 2; bottom: 20px; left: 10px; width: calc(100% - 10px); padding-right: 10px; overflow: auto; line-height: 0; text-align: center; white-space: nowrap; } @media (max-width: 600px) { .gallery-viewer__thumbs { bottom: 10px; } } .gallery-viewer__thumb { display: inline-block; width: 69px; padding: 4px; background: var(--product-block-blend-bg, #fff); } .gallery-viewer__thumb[hidden] { display: none; } .gallery-viewer__thumb:not(:first-child) { margin-left: -4px; } @media (max-width: 600px) { .gallery-viewer__thumb { width: 60px; } } .gallery-viewer__thumb--active { position: relative; } .gallery-viewer__thumb--active::after { content: ""; display: block; position: absolute; right: 4px; bottom: 4px; left: 4px; height: 3px; background: #000; } .gallery-viewer__thumb-img { mix-blend-mode: var(--product-block-blend-mode, none); } .gallery-viewer__controls { position: relative; z-index: 3; height: 100%; pointer-events: none; } .gallery-viewer__button { position: absolute; padding: 10px; background: rgba(255, 255, 255, 0.7); color: #000; pointer-events: auto; } .gallery-viewer__button svg { width: 34px; height: 34px; stroke-width: 1; } .gallery-viewer__button .feather { stroke: #000; } @media (max-width: 600px) { .gallery-viewer__button svg { width: 26px; height: 26px; stroke-width: 1.4; } } .gallery-viewer__close { top: 0; right: 0; } .gallery-viewer__prev, .gallery-viewer__next { top: calc(50% - 17px); } @media (max-width: 600px) { .gallery-viewer__prev, .gallery-viewer__next { top: calc(50% - 13px); } } .gallery-viewer__prev { left: 0; } [dir=rtl] .gallery-viewer__prev { left: auto; right: 0; } .gallery-viewer__next { right: 0; } [dir=rtl] .gallery-viewer__next { left: 0; right: auto; } .gallery-viewer--single-image .gallery-viewer__prev, .gallery-viewer--single-image .gallery-viewer__next, .gallery-viewer--single-image .gallery-viewer__thumbs { display: none; } .added-notification { display: flex; position: fixed; z-index: 8001; /* above mobile header */ top: 20px; right: 12px; min-width: 260px; max-width: min(380px, 100% - 24px); padding: 15px; transition: all 0.2s ease; border-radius: var(--btn-inspired-border-radius); background-color: var(--input-background-color); box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.12); color: rgb(var(--input-text-color)); font-size: var(--smaller-text-size-2); line-height: 1.4em; } [dir=rtl] .added-notification { right: auto; left: 12px; } @media (min-width: 768px) { .added-notification { right: 30px; } [dir=rtl] .added-notification { right: auto; left: 30px; } } .pageheader--sticky .added-notification { position: absolute; z-index: 400; top: calc(100% + 10px); } .added-notification--hidden, .added-notification--dismissed { visibility: hidden; opacity: 0; } .added-notification__message-area { flex: 1 0 0; margin-inline-end: 20px; } .added-notification__button-area { flex: 0 0 auto; } .added-notification__button-area .added-notification__close { color: inherit; } .added-notification__message-title { color: rgb(var(--heading-color)); font-weight: 600; } .added-notification__message-text a { color: rgb(var(--link-color)); } .cart-item-list { --column-gutter: 20px; display: flow-root; } .cart-item-list__head { display: none; padding-top: 16px; } .cart-item-list__body { margin: -16px 0; /* remove cart-item padding */ } .cart-item, .cart-item__not-image { display: flex; } .cart-item-list-heading, .cart-item__column { flex-shrink: 0; } .cart-item-list-heading { padding: 0 0 10px; } .cart-item { padding: 16px 0; } .cart-item .unit-price { font-size: var(--smaller-text-size-1); } .cart-item__image { width: 100px; padding-inline-end: 20px; } .cart-item__image .cart-item__image-link { display: block; background: var(--product-block-blend-bg, none); } .cart-item__image .theme-img { mix-blend-mode: var(--product-block-blend-mode, none); } .cart-item__not-image { display: flex; flex-grow: 1; flex-wrap: wrap; } .cart-item__title { margin-bottom: 0.25em; font-weight: 600; line-height: 1.3; } .cart-item-list-heading--product { flex: 1 1; } .cart-item-list-heading--price, .cart-item__price { text-align: end; } .cart-item__total { display: none; } .cart-item__description { flex: 1 1; padding-inline-end: var(--column-gutter); } .cart-item__selling-price, .cart-item__selling-total { font-weight: 600; } .cart-item__price .struck-out-price { display: block; } .cart-item__quantity { width: 100%; text-align: start; } .cart-item__remove { display: block; } .cart-item__item-discounts { width: 90%; text-align: end; } .cart-item__item-discounts .cart-discount { display: flex; justify-content: space-between; font-size: var(--smaller-text-size-1); } .cart-item__item-discounts .cart-discount-list { margin-bottom: 0; } .cart-form--refreshing { pointer-events: none; } @media (min-width: 768px) { .cart-item-list { --column-gutter: 30px; } .cart-item-list__head { display: flex; } .cart-item__image { width: 130px; padding-inline-end: var(--column-gutter); } .buttoned-input input { font-size: inherit; } .cart-form .cart-item { padding-top: 40px; padding-bottom: 40px; border-top: 1px solid rgb(var(--text-color)/var(--divider-opacity)); } .cart-form .cart-item-list-heading--price, .cart-form .cart-item__price { width: 140px; padding-inline-end: var(--column-gutter); text-align: end; } .cart-form .cart-item-list-heading--quantity, .cart-form .cart-item__quantity { width: calc(2em + 99px); /* 2x 30px buttons + 2em input + border + whitespace */ padding-inline-end: var(--column-gutter); text-align: center; } .cart-form .buttoned-input a, .cart-form .buttoned-input input { height: 2.4em; } .cart-form .buttoned-input a { padding: 0 5px; padding-inline-start: 10px; } .cart-form .buttoned-input a:last-child { padding-inline-start: 5px; padding-inline-end: 10px; } .cart-form .cart-item__remove { display: block; margin-top: 10px; } .cart-form .cart-item-list-heading--total, .cart-form .cart-item__total { display: block; width: 100px; text-align: end; } .cart-form .cart-item__item-discounts .cart-discount { display: block; font-size: inherit; } } @media (min-width: 959px) { .cart-form .cart-item-list-heading--price, .cart-form .cart-item__price { width: 230px; } .cart-form .cart-item-list-heading--total, .cart-form .cart-item__total { width: 150px; } } .countdown { --countdown-number-transition-duration: 350ms; --countdown-desktop-size: 40px; } .countdown__grid { --countdown-size: min(40px, var(--countdown-desktop-size)); display: inline-flex; direction: ltr; } @media (min-width: 768px) { .countdown__grid { --countdown-size: max(20px, calc(var(--countdown-desktop-size) * 0.75)); } } @media (min-width: 1000px) { .countdown__grid { --countdown-size: var(--countdown-desktop-size); } } .countdown__number { display: inline-flex; position: relative; justify-content: center; font-size: var(--countdown-size); line-height: 40px; direction: ltr; } .countdown__number:not(.js-days) { min-width: 2ch; } .countdown__item:not(:last-child) { --countdown-divider-width: calc(var(--countdown-size) / 2.5); margin-inline-end: var(--countdown-divider-width); } .countdown__item:last-child .countdown__number { justify-content: flex-start;color:yellow; } .countdown__item--is-0:first-child { display: none; } .countdown:not([loaded]) .countdown__number { visibility: hidden; } .countdown__number-part { display: inline-block; position: relative; } .countdown__number-part-current { display: inline-block; transition: transform var(--countdown-number-transition-duration) cubic-bezier(0, 0, 0.06, 1) 100ms, opacity calc(var(--countdown-number-transition-duration) / 2) ease-out 100ms; } .countdown__number-part-previous { position: absolute; top: 0; left: 0; transform: translateY(5%); transition: all 120ms cubic-bezier(0.4, 0, 1, 1); opacity: 0; } .countdown__number-part--start-transition .countdown__number-part-current { transform: translateY(-20%); transition: none; opacity: 0; } .countdown__number-part--start-transition .countdown__number-part-previous { transform: none; transition: none; opacity: 1; } .countdown__unit { margin-top: 0.2em; } [dir=rtl] .countdown__unit { direction: rtl; } .countdown-divider-line .countdown__item:not(:last-child) { --countdown-divider-width: calc(var(--countdown-size) / 4); padding-inline-end: var(--countdown-divider-width); border-inline-end: 1px solid; } .countdown-divider-dot .countdown__item:not(:last-child), .countdown-divider-colon .countdown__item:not(:last-child) { --countdown-divider-width: calc(var(--countdown-size) / 2); } .countdown-divider-dot .countdown__item:not(:last-child) .countdown__number::after, .countdown-divider-colon .countdown__item:not(:last-child) .countdown__number::after { position: absolute; left: 100%; width: var(--countdown-divider-width); } .countdown-divider-colon .countdown__item:not(:last-child) .countdown__number::after { content: ":"; top: -0.075em; } .countdown-divider-dot .countdown__item:not(:last-child) .countdown__number::after { content: "·"; top: -0.05em; } .countdown-font-heading .countdown__number { font-family: var(--heading-font-family); font-style: var(--heading-font-style); font-weight: var(--heading-font-weight); letter-spacing: var(--heading-font-letter-spacing); color: rgb(var(--heading-color)); } .text-box .countdown__unit { opacity: 0.6; } .disclosure { margin-bottom: 50px; } .disclosure__title { display: block; position: relative; list-style: none; cursor: pointer; } .disclosure__title::-webkit-details-marker { display: none; } .disclosure__title::before, .disclosure__title::after { content: ""; position: absolute; top: calc(50% - 1px); right: 0; width: 11px; height: 1px; transition: 0.3s ease; transition-property: transform, opacity; background-color: currentColor; } .disclosure__title::before { transform: rotate(-90deg); } .js .disclosure__panel { overflow: hidden; transition: height 0.3s ease; } .disclosure__content { padding-bottom: 20px; color: rgb(var(--text-color)/0.75); } .disclosure__content.rte h1, .disclosure__content.rte h2, .disclosure__content.rte h3, .disclosure__content.rte h4, .disclosure__content.rte h5, .disclosure__content.rte h6 { margin: 1.5em 0 1em; color: inherit; font-family: inherit; font-size: inherit; font-weight: 600; } .disclosure__content.rte h1:first-child, .disclosure__content.rte h2:first-child, .disclosure__content.rte h3:first-child, .disclosure__content.rte h4:first-child, .disclosure__content.rte h5:first-child, .disclosure__content.rte h6:first-child { margin-top: 1em; } .disclosure[open]:not(.is-closing) .disclosure__title::before { transform: rotate(90deg); opacity: 0; } .disclosure[open]:not(.is-closing) .disclosure__title::after { transform: rotate(180deg); } .js .disclosure__content { transform: translateY(-5px); transition: 0.3s ease-out; transition-property: transform, opacity; opacity: 0; } .js .disclosure[open]:not(.is-closing) .disclosure__content { transform: translateY(0); opacity: 1; } .mobile-disclosure summary { display: block; pointer-events: none; cursor: default; } .mobile-disclosure summary::-webkit-details-marker { display: none; } .mobile-disclosure__panel { transition: height 0.3s ease; } .errors { margin: 20px 0; padding: calc(10px + 0.5em) 20px; text-align: start; border: 1px solid rgb(var(--text-color)/0.1); background: rgb(var(--text-color)/0.05); } .errors ul.styled-list { margin-top: 0.5em; margin-bottom: 0; } .image-overlay { overflow: hidden; } .image-overlay:not(.image-overlay--bg-box) { --text-color: var(--image-overlay-text-color); --heading-color: var(--image-overlay-text-color); --link-color: var(--image-overlay-text-color); color: rgb(var(--text-color)); } .image-overlay--bg-full .image-overlay__image::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 350ms; background: var(--image-overlay-bg); pointer-events: none; } .image-overlay--bg-shadow .text-overlay .text-overlay__inner { position: relative; } .image-overlay--bg-shadow .text-overlay .text-overlay__inner::before { content: ""; position: absolute; z-index: -1; top: -200px; right: -100px; bottom: -200px; left: -100px; background: radial-gradient(var(--image-overlay-shadow-start) 0%, transparent 70%); pointer-events: none; } .image-overlay--bg-shadow .text-overlay--h-left .text-overlay__inner::before { right: var(--overlay-left-shadow-left-right, 0); left: var(--overlay-left-shadow-left-left, -85%); } .image-overlay--bg-shadow .text-overlay--h-right .text-overlay__inner::before { right: var(--overlay-left-shadow-right-right, -50%); left: var(--overlay-left-shadow-right-left, 15%); } /* body background with normal text colour on top */ .image-overlay--bg-box .text-overlay .text-overlay__text { --image-overlay-box-bg: var(--bg-color); display: inline-block; padding: 20px; background: rgb(var(--image-overlay-box-bg)/var(--image-overlay-box-opacity)); color: rgb(var(--text-color)); vertical-align: top; } .image-overlay--bg-box .text-overlay .text-overlay__text .text-overlay__title { color: rgb(var(--heading-color)); } .image-overlay--bg-box .text-overlay .text-overlay__text .text-overlay__button-row--link { margin-bottom: -5px; } .image-overlay--bg-box.image-overlay--edge-boxes .text-overlay__inner { padding: 0; } .image-overlay--bg-box .text-overlay__inner--pad-large .text-overlay__text { padding: 30px; } @media (min-width: 768px) { .image-overlay--bg-box .text-overlay__inner--pad-large .text-overlay__text { padding: 40px; } } .image-overlay__over { position: relative; z-index: 2; } .image-overlay__image-link { display: block; height: 100%; } .image-overlay__image-link, .image-overlay__image-link:hover { color: inherit; } .slideshow__slide > .image-overlay__image-link { display: flex; flex: 0 0 100%; } .text-overlay { display: flex; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; align-items: center; text-align: center; } .text-overlay--inline { position: relative; } .text-overlay--products { z-index: 3; pointer-events: none; } .text-overlay--products .text-overlay__inner::before { content: none !important; } .text-overlay--products slide-show { width: var(--slideshow-width); pointer-events: auto; } .text-overlay--products .slide-show--product-cards-landscape { --slideshow-width: 380px; } .text-overlay--products .slide-show--product-cards-portrait { --slideshow-width: 200px; } .text-overlay--products .slideshow-nav__btn svg { width: 22px; height: 22px; } .text-overlay--products .text-overlay__single-product { display: inline-block; pointer-events: auto; } .text-overlay--products .text-overlay__single-product .product-block { width: 200px; } .text-overlay--products .text-overlay__single-product .product-block--landscape { width: 380px; } .text-overlay--products .product-block { width: 100%; } .text-overlay--h-left { justify-content: var(--overlay-align-left, left); text-align: var(--overlay-align-left, left); } .text-overlay--h-left .text-overlay__subheading, .text-overlay--h-left .text-overlay__title, .text-overlay--h-left .text-overlay__rte { margin-inline-end: auto; } .text-overlay--h-right { justify-content: var(--overlay-align-right, right); text-align: var(--overlay-align-right, right); } .text-overlay--h-right .text-overlay__subheading, .text-overlay--h-right .text-overlay__title, .text-overlay--h-right .text-overlay__rte { margin-left: var(--overlay-right-text-m-left, auto); margin-right: var(--overlay-right-text-m-right, 0); } .text-overlay--v-top { align-items: flex-start; } .text-overlay--v-bottom { align-items: flex-end; } .text-overlay--h-center { justify-content: center; } .text-overlay--h-center .text-overlay__subheading, .text-overlay--h-center .text-overlay__title, .text-overlay--h-center .text-overlay__rte { margin-right: auto; margin-left: auto; } .text-overlay__title { max-width: var(--heading-max-width, none); } .text-overlay__rte { max-width: 65ch; } .text-overlay__button-row { margin: calc(2rem - 10px) -0.5em 1em; } .text-overlay__button-row:last-child { margin-bottom: 0; } .text-overlay__button-row .text-overlay__button { margin: 10px 0.5em 0; } @media (max-width: 767.98px) { .slideshow--navigation-arrows .text-overlay__inner, .slideshow--navigation-dots .text-overlay__inner { padding-bottom: 50px; } } @media (min-width: 768px) { .slideshow--navigation-arrows .text-overlay { width: auto; padding-right: 40px; padding-left: 40px; } .image-overlay--bg-box .text-overlay--for-banner .text-overlay__text { padding: 30px 45px; } } @media (min-width: 1100px) { .image-overlay--bg-box .text-overlay--for-banner .text-overlay__text { padding: 40px 60px; } } .text-overlay__inner { display: block; position: relative; width: 100%; padding: 20px; } .text-overlay__inner .lightish-spaced-row-above:first-child { margin-top: 0; } .text-overlay__inner .lightly-spaced-row:last-child { margin-bottom: 0; } @media (min-width: 768px) { .text-overlay--for-banner .text-overlay__inner { padding: 50px; } } @media (min-width: 1100px) { .text-overlay--for-banner .text-overlay__inner { padding: 70px; } } .text-overlay__inner--pad-large { padding: 30px; } @media (min-width: 768px) { .text-overlay__inner--pad-large { padding: 40px; } } /* specificity required to override '.class element' styles */ .text-overlay .text-overlay__title { margin-bottom: 1.25rem; color: currentColor; line-height: 1.1em; } .text-overlay .text-overlay__title:last-child { margin-bottom: 0; } .text-overlay .text-overlay__title + .text-overlay__button-row--link { margin-top: -0.1em; } .text-overlay .text-overlay__title .h4 { margin: 0; } .text-overlay--with-reveal { /* attempt to prevent descenders from being cropped after reveal transition settles */ } .text-overlay--with-reveal .text-overlay__title:last-child { margin-bottom: 1.25rem; } .text-overlay--with-reveal .text-overlay__reveal:last-child .text-overlay__title { margin-bottom: 0.175em; } /* do not show the border when a button is over an image */ .image-overlay--bg-no_background:not(.text-overlay-parent--mobile-stack) .text-overlay__button.btn, .image-overlay--bg-full:not(.text-overlay-parent--mobile-stack) .text-overlay__button.btn, .image-overlay--bg-shadow:not(.text-overlay-parent--mobile-stack) .text-overlay__button.btn { border: 0 !important; } @media (min-width: 768px) { .text-overlay-parent--mobile-stack.image-overlay--bg-no_background .text-overlay__button.btn, .text-overlay-parent--mobile-stack.image-overlay--bg-full .text-overlay__button.btn, .text-overlay-parent--mobile-stack.image-overlay--bg-shadow .text-overlay__button.btn { border: 0 !important; } } .text-overlay__button-row--primary, .text-overlay__button-row--secondary { margin-top: 1em; } .slideshow--navigation-dots .text-overlay__inner { padding-bottom: 50px; } @media (min-width: 1100px) { .slideshow--navigation-dots .text-overlay--for-banner .text-overlay__inner { padding-bottom: 70px; } } .text-overlay--tight .subheading--over { margin-bottom: 1.25rem; } .text-overlay--tight .text-overlay__title:not(:last-child) { margin-bottom: 0.75rem; } @media (max-width: 767.98px) { .image-overlay.text-overlay-parent--mobile-stack { display: flow-root; /* remove tint */ /* remove shadow */ } .image-overlay.text-overlay-parent--mobile-stack.height--fixed, .image-overlay.text-overlay-parent--mobile-stack.height--full { height: auto; } .image-overlay.text-overlay-parent--mobile-stack.height--fixed .height__image, .image-overlay.text-overlay-parent--mobile-stack.height--full .height__image { height: var(--image-height); } .image-overlay.text-overlay-parent--mobile-stack.height--fixed .text-overlay, .image-overlay.text-overlay-parent--mobile-stack.height--full .text-overlay { margin-top: var(--image-height); } .image-overlay.text-overlay-parent--mobile-stack.height--adapt { flex-direction: column; height: auto; } .image-overlay.text-overlay-parent--mobile-stack.height--adapt .height__image { height: auto; } .image-overlay.text-overlay-parent--mobile-stack.height--adapt .height__image::before { content: ""; display: block; padding-top: calc(100% / var(--aspect-ratio)); } .image-overlay.text-overlay-parent--mobile-stack .image-overlay__image-link { display: block; height: auto; } .image-overlay.text-overlay-parent--mobile-stack .text-overlay { --heading-color: var(--body-heading-color); --link-color: var(--body-link-color); color: rgb(var(--body-text-color)); position: static; width: auto; padding: 30px 20px !important; text-align: center; } .slideshow .image-overlay.text-overlay-parent--mobile-stack .text-overlay { margin-bottom: 0 !important; padding-bottom: 40px !important; } .image-overlay.text-overlay-parent--mobile-stack .text-overlay .text-overlay__inner, .image-overlay.text-overlay-parent--mobile-stack .text-overlay .text-overlay__text { padding: 0; } .image-overlay.text-overlay-parent--mobile-stack .text-overlay .text-overlay__subheading, .image-overlay.text-overlay-parent--mobile-stack .text-overlay .text-overlay__title, .image-overlay.text-overlay-parent--mobile-stack .text-overlay .text-overlay__rte, .image-overlay.text-overlay-parent--mobile-stack .text-overlay .text-overlay__button-row { margin-right: auto; margin-left: auto; } .image-overlay.text-overlay-parent--mobile-stack .text-overlay .text-overlay__title { color: rgb(var(--body-heading-color)); } .image-overlay.text-overlay-parent--mobile-stack .text-overlay .btn { margin-bottom: 10px; } .image-overlay.text-overlay-parent--mobile-stack.image-overlay--bg-full .image-overlay__image::after { content: none; } .image-overlay.text-overlay-parent--mobile-stack.image-overlay--bg-shadow .text-overlay .text-overlay__inner::before { content: none; } .image-overlay.image-overlay--bg-desktop-only .image-overlay__image::after, .image-overlay.image-overlay--bg-desktop-only .text-overlay__inner::before { content: none; } } .main-search { text-align: center;width: 100%; } .section-header .main-search { visibility: hidden; position: fixed; z-index: 300; top: 0; left: 0; width: 100%; max-height: 100%; overflow: auto; transition: all 350ms cubic-bezier(0, 0, 0.2, 1); opacity: 0; background: rgb(var(--body-bg-color)); color: rgb(var(--body-text-color)); pointer-events: none; } .main-search--loading .main-search__suggestions, .main-search--has-results .main-search__suggestions { display: none; } .show-search { overflow: hidden; } .show-search .main-search { visibility: visible; opacity: 1; pointer-events: auto; } .show-search .page-shade { height: 100%; opacity: 1; pointer-events: auto; visibility: visible; } @media (min-width: 768px) { .show-search .header-shade { height: 100%; opacity: 1; pointer-events: auto; } } .show-search .announcement-bar { z-index: 399; /* behind header */ } .main-search__container.container { position: relative; max-width: 1200px; } .main-search__form { position: relative; max-width: 650px; margin: 20px auto; } .section-header .main-search__form { margin: 60px auto; } @media (max-width: 999.98px) { .section-header .main-search__form { max-width: 450px; } } .main-search__button { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); } [dir=rtl] .main-search__button { right: auto; left: 20px; } .main-search button.main-search__close { position: absolute; top: -55px; right: 0; padding: 10px; } .main-search button.main-search__close svg { width: 34px; height: 34px; } @media (min-width: 768px) { .main-search button.main-search__close { top: -2px; right: 50px; } } .main-search__input-container { position: relative; padding: 0; border-radius: var(--btn-border-radius); background: rgb(var(--text-color)/0.07); } input[type=text].main-search__input { width: 100%; padding: 12px 12px 12px 24px; border: 0; background: transparent; box-shadow: none; color: inherit; font-size: inherit; line-height: 1.5em; } @media (max-width: 767.98px) { input[type=text].main-search__input { font-size: max(16px, var(--base-text-size)); } } .main-search__results { margin: 40px auto; } .main-search__results-spinner { margin: 20px; } .main-search__results__products { margin-bottom: 40px; } .main-search__results__products .product-grid { justify-content: center; } .main-search--has-results.main-search--results-on-multiple-lines .main-search__results__products .product-grid { justify-content: flex-start; } .main-search__results__pages { margin-bottom: 40px; } .search-recommendations { margin: 40px auto; } .search-recommendations__heading { margin-top: 1em; } .search-recommendations__item-row { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 calc(var(--gutter) / -2) 30px; } .search-recommendations__item-row > .search-recommendations__item { flex: 0 0 calc(50% - var(--gutter)); margin: 0 calc(var(--gutter) / 2) var(--gutter); } @media (max-width: 767.98px) { .search-recommendations--collections-per-row-1 .search-recommendations__item-row > .search-recommendations__item.search-recommendations__item--type-collection_link { flex: 0 0 calc(100% - var(--gutter)); } } @media (min-width: 768px) { .search-recommendations__item-row > .search-recommendations__item { flex: 0 0 calc(25% - var(--gutter)); } } .search-recommendations__item-row > .search-recommendations__item--with-row { flex: 1 0 100%; margin: 0 0 30px; } .search-suggestions { margin: 1em 0 0; font-size: var(--smaller-text-size-1); line-height: 1.4em; text-align: start; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .search-suggestions__results-list, .search-suggestions__list-item { display: inline; } .search-suggestions__list-item { margin-inline-start: 0.8em; } .search-suggestions__list-item:not(.search-suggestions__list-item--collection) { color: rgb(var(--body-text-color)/0.55); } .search-suggestions__item { color: currentColor; } .search-suggestions__item:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-color: currentColor; text-decoration-thickness: 1px; } .search-suggestions__item mark { background: transparent; color: rgb(var(--body-text-color)); } .gallery { --gallery-gutter: 0px; display: flex; flex-wrap: wrap; align-items: center; } .gallery .carousel { flex: 0 0 100%; } .gallery .slider__grid { flex-wrap: nowrap; align-items: flex-start; } .gallery__item { position: relative; flex: 0 0 100%; transition: background-color 150ms; } .gallery__item .gallery__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; } .gallery__item.image-overlay--bg-box .text-overlay__text { min-width: 50%; } .gallery--height-adapt .gallery__image { position: static; height: auto; } .gallery--height-adapt .gallery__image.placeholder-image { position: relative; padding-top: 100%; } .gallery--with-margins { --gallery-gutter: var(--gutter); margin: var(--gutter) var(--gutter) 0 0; } .gallery--with-margins .gallery__item { flex-basis: calc(100% - var(--gallery-gutter)); margin-bottom: var(--gutter); margin-left: var(--gutter); } .use-color-scheme .gallery--with-margins { margin-top: 0; margin-bottom: 0; padding-top: var(--gutter); padding-bottom: 0; } @media (max-width: 767.98px) { .gallery--grid-mobile-2 .gallery__item { flex: 0 0 calc(50% - var(--gallery-gutter)); } .gallery--grid-mobile-2 .gallery__item .text-overlay__inner { padding: var(--gutter); } .gallery--grid-mobile-2 .gallery__item .h4, .gallery--grid-mobile-2 .gallery__item .h5 { font-size: calc(var(--font-scale) + var(--base-text-size)); } .gallery--mobile-carousel { margin-right: 0; } .gallery--mobile-carousel .slider { scroll-padding-inline-start: var(--gallery-gutter); } .gallery--mobile-carousel .slider__grid { display: grid; grid-auto-flow: column; grid-auto-columns: calc(100% - var(--gutter) * 4); column-gap: var(--gallery-gutter); padding-left: var(--gallery-gutter); padding-right: var(--gallery-gutter); } .gallery--mobile-carousel .slider__item { margin-left: 0; } .gallery--mobile-carousel .slider__item:last-child { width: calc(100% + var(--gallery-gutter)); border-inline-end: var(--gallery-gutter) solid transparent; } .gallery--mobile-carousel.gallery--grid-mobile-2 .slider__grid { grid-auto-columns: calc(50% - var(--gutter) * 2); } .gallery--mobile-carousel.gallery--with-margins .slider__grid { grid-auto-columns: calc(100% - var(--gutter) * 3); } .gallery--mobile-carousel.gallery--with-margins.gallery--grid-mobile-2 .slider__grid { grid-auto-columns: calc(50% - var(--gutter) * 2); } } @media (min-width: 768px) { .gallery { flex-wrap: wrap; } .gallery .slider__grid { flex-wrap: wrap; align-items: center; } .container > .gallery--with-margins { margin-right: 0; margin-left: calc(-1 * var(--gutter)); } .gallery--with-margins .gallery__item { margin: 0 0 var(--gutter) var(--gutter); } .gallery--with-margins .gallery__item:not(:first-child) { margin-top: 0; } .gallery--grid-desktop-2 .gallery__item { flex: 1 0 34%; } .gallery--grid-desktop-2 .gallery__item.gallery__item--enlarged { flex-grow: 3; } .gallery--grid-desktop-3 .gallery__item { flex: 1 0 26%; } .gallery--grid-desktop-3 .gallery__item.gallery__item--enlarged { flex-grow: 4; } .gallery--grid-desktop-4 .gallery__item { flex: 1 0 21%; } .gallery--grid-desktop-4 .gallery__item.gallery__item--enlarged { flex-grow: 5; } } .section-footer { --footer-gap-x: 40px; --footer-gap-y: 10px; --body-text-color: var(--footer-text-col); --text-color: var(--footer-text-col); --bg-color: var(--footer-bg-col); --link-color: var(--footer-text-col); background: rgb(var(--footer-bg-col)); color: rgb(var(--footer-text-col)); } .section-footer .section-footer__title { color: rgb(var(--footer-heading-col)); } .section-footer a:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgb(var(--link-color)); text-decoration-thickness: 1px; } @media (max-width: 767.98px) { .section-footer { --footer-gap-x: 20px; } .section-footer .copyright .copy { white-space: normal; } } .section-footer .social a { margin: 0 0 5px; margin-inline-end: 10px; } .section-footer .disclosure { margin: 0; } .section-footer__row { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: var(--footer-gap-x); } .section-footer__row--blocks { padding-top: 40px; padding-bottom: 40px; } .section-footer__row--blocks .section-footer__row__col:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .section-footer__row--blocks { margin-bottom: -50px; padding-top: 60px; padding-bottom: 80px; } .section-footer__row--blocks .section-footer__row__col { margin-bottom: 50px; } } @media (min-width: 768px) and (max-width: 1024px) { .section-footer__row--blocks[data-num-blocks="4"] .section-footer__row__col { flex-basis: calc(50% - var(--footer-gap-x) / 2); } } @media (min-width: 1024px) { .section-footer__row--blocks[data-num-blocks="4"] { flex-wrap: nowrap; } } .section-footer__row__col { flex: 0 1 auto; width: 100%; padding: 10px 0; } @media (min-width: 768px) { .section-footer__row__col { width: auto; } } .section-footer__title { margin-bottom: var(--footer-gap-y); } @media (min-width: 768px) { .section-footer__title { margin-bottom: calc(var(--footer-gap-y) * 2); } } .disclosure__title .section-footer__title { margin-bottom: 0; } @media (min-width: 768px) { .section-footer__text-block .social { white-space: nowrap; } .section-footer__text-block--with-text { flex-basis: 350px; } } @media (min-width: 1024px) { .section-footer__text-block--with-text { flex-grow: 1; max-width: 460px; } } .section-footer__text { margin-bottom: calc(var(--footer-gap-y) * 3); } .section-footer__menu-block { flex-shrink: 2; } @media (max-width: 767.98px) { .section-footer__row--blocks .section-footer__menu-block.section-footer__menu-block--collapse:has(+ .section-footer__menu-block--collapse) { margin-bottom: calc(-1 * var(--footer-gap-y)); padding-bottom: 0; } .section-footer__row--blocks .section-footer__menu-block.section-footer__menu-block--collapse:has(+ .section-footer__menu-block--collapse) .disclosure { border-bottom: 0; } .section-footer__menu-block.section-footer__menu-block--columns { flex: 0 0 auto; width: calc(50% - var(--footer-gap-x) / 2); } } .section-footer__menu-block__menu { margin: 0; padding: 0; list-style: none; } .section-footer__menu-block__menu li { margin-bottom: 0.5em; list-style: none; } @media (min-width: 768px) { .section-footer__newsletter-block { flex: 0 1 350px; } } .section-footer__newsletter-block .signup-form { margin-left: 0; } .section-footer__newsletter-block .signup-form .heading-font { color: rgb(var(--footer-text-col)); } .section-footer__newsletter-block .signup-form__email { width: 100%; } @media (max-width: 767.98px) { .section-footer__newsletter-block .signup-form__button { width: 100%; } } .section-footer__newsletter-block__social:not(:first-child) { margin-top: 30px; } .section-footer__text-block__image { display: inline-block; vertical-align: top; } .section-footer__text-block__image:not(:last-child) { margin-bottom: calc(var(--footer-gap-y) * 2); } .section-footer__text-block__image .theme-img { max-width: 100%; margin-inline-start: 0; } .section-footer__text-block__social:not(:last-child) .social { margin-bottom: calc(var(--footer-gap-y) * 2); } .section-footer__localization { margin-top: 0; } .section-footer__localization .localization__selector { margin: 0 0 10px; margin-inline-end: 10px; } .section-footer__localization .custom-select__listbox { top: auto; bottom: 5px; } @media (max-width: 767.98px) { .section-footer__localization .localization__grid { display: flex; flex-wrap: wrap; align-items: flex-start; } } .section-footer__lower-menu { margin-bottom: var(--footer-gap-y); } .section-footer__lower-menu__list { margin: 0 -10px; } @media (min-width: 768px) { .section-footer__lower-menu__list { text-align: end; } } .section-footer__lower-menu__list li { display: inline-block; margin: 0 10px 10px; list-style: none; } .section-footer__lower-menu__list li a { white-space: nowrap; } .section-footer__payment-icons { /* magic numbers - to match localisation, which is sized on ems */ /* margin-bottom: calc(3.8em - 25px); */ } @media (min-width: 768px) { .section-footer__payment-icons { text-align: end; } } .section-footer__row-container--with-localization .section-footer__payment-icons { margin-top: 0.9em; } .section-footer__payment-icon { width: auto; height: 25px; margin: 0 3px 0.5em; } @media (min-width: 768px) { .section-footer__payment-icon:first-of-type { margin: 0 3px 0.5em 0; } } .section-footer__row-container { border-top: 1px solid var(--footer-divider-col); } .section-footer__row-lower { padding-top: 30px; padding-bottom: 50px; font-size: var(--smaller-text-size-1); line-height: 1.4em; } @media (min-width: 768px) { .section-footer__row-lower { flex-wrap: nowrap; padding-top: 15px; padding-bottom: 55px; } .section-footer__row-lower .section-footer__row__col:first-child { order: 1; } } hotspots-image .image-overlay { z-index: 1; } @media (min-width: 768px) { hotspots-image .text-overlay__rte { max-width: min(65ch, 50%); } hotspots-image .image-overlay--bg-box .text-overlay .text-overlay__text { min-width: 0; } hotspots-image .image-overlay--bg-box .text-overlay .text-overlay__text .text-overlay__rte { max-width: 44ch; } } .hotspot-container { position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: calc(100% / var(--aspect-ratio)); } .hotspot { --hotspot-button-size: 36px; position: absolute; z-index: 1; transform: translate(calc(var(--hotspot-button-size) / -2), calc(var(--hotspot-button-size) / -2)); } @media (min-width: 768px) { .hotspot { --hotspot-button-size: 48px; } } .hotspot.is-active { z-index: 2; } .hotspot__btn { display: flex; align-items: center; justify-content: center; width: var(--hotspot-button-size); height: var(--hotspot-button-size); transition: all 300ms cubic-bezier(0.4, 0, 0.32, 1); border-radius: 100%; background: rgb(var(--hotspot-color)); color: var(--hotspot-icon-color); } .hotspot__btn svg { width: 20px; height: 20px; transform: rotate(-45deg); transition: all 300ms cubic-bezier(0.4, 0, 0.32, 1); stroke-width: 1.4; stroke: var(--hotspot-icon-color); } .hotspot.is-active .hotspot__btn { background: var(--hotspot-icon-color); color: rgb(var(--hotspot-color)); } .hotspot.is-active .hotspot__btn svg { stroke: rgb(var(--hotspot-color)); } .hotspot__btn--number svg { position: absolute; top: calc(50% - 10px); left: calc(50% - 10px); transition: all 300ms cubic-bezier(0.4, 0, 0.32, 1); opacity: 0; } .hotspot.is-active .hotspot__btn--number svg { opacity: 1; } .hotspot__btn--number .hotspot__btn-number { transition: all 300ms cubic-bezier(0.4, 0, 0.32, 1); } .hotspot.is-active .hotspot__btn--number .hotspot__btn-number { opacity: 0; } .hotspot--outer-pulse .hotspot__btn { animation: hotspot-pulse cubic-bezier(0.21, 0.16, 0.48, 1) 3.5s infinite; box-shadow: 0 0 0 0 rgba(var(--hotspot-color)/0.3); } .hotspot--outer-pulse .hotspot__btn:hover { animation: none; box-shadow: 0 0 0 calc(var(--hotspot-button-size) / 4) rgba(var(--hotspot-color)/0.3); } .hotspot--outer-pulse.is-active .hotspot__btn { animation: none; box-shadow: 0 0 0 2px rgba(var(--hotspot-color)/0.3); } @keyframes hotspot-pulse { 0% { box-shadow: 0 0 0 calc(var(--hotspot-button-size) / 4) rgba(var(--hotspot-color)/0.3); } 50% { box-shadow: 0 0 0 calc(var(--hotspot-button-size) / 4) rgba(var(--hotspot-color)/0.3); } 70% { box-shadow: 0 0 0 calc(var(--hotspot-button-size) / 4 + 6px) rgba(var(--hotspot-color)/0); } 71% { box-shadow: 0 0 0 calc(var(--hotspot-button-size) / 4 - 6px) rgba(var(--hotspot-color)/0); } 100% { box-shadow: 0 0 0 calc(var(--hotspot-button-size) / 4) rgba(var(--hotspot-color)/0.3); } } .hotspot--outer-still .hotspot__btn { box-shadow: 0 0 0 12px rgba(var(--hotspot-color)/0.3); } .hotspot--outer-still.is-active .hotspot__btn { box-shadow: 0 0 0 2px rgba(var(--hotspot-color)/0.3); } .hotspot__btn-number { font-size: 24px; line-height: 1em; pointer-events: none; } .hotspot:not(.is-active) .hotspot__btn svg { transform: rotate(0deg); } .hotspot:not(.is-active) .hotspot__card { visibility: hidden; transform: translateY(8px); opacity: 0; } @media (min-width: 768px) { .hotspot:not(.is-active) .hotspot__card { transform: translateY(calc(-50% + 8px)); } } .hotspot__card { --hotspot-card-width: 80vw; position: absolute; top: calc(100% + 10px); inset-inline-end: 0; width: max-content; max-width: var(--hotspot-card-width); padding: var(--gutter); padding-inline-end: calc(var(--gutter) * 1.25); transition: transform 300ms cubic-bezier(0.4, 0, 0.32, 1), opacity 300ms cubic-bezier(0.4, 0, 0.32, 1); background: rgba(var(--body-bg-color)/0.9); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); } @media (min-width: 420px) { .hotspot__card { --hotspot-card-width: 380px; } } @media (min-width: 768px) { .hotspot__card { top: 50%; left: calc(100% + 10px); right: auto; transform: translateY(-50%); } .hotspot--on-left .hotspot__card { right: calc(100% + 10px); left: auto; } } .hotspot__icon { max-width: var(--icon-size); } .hotspot__icon .theme-img { width: var(--icon-size); } .hotspot__title { margin-bottom: 0.75em; font-weight: 600; } .localization { text-align: start; } .localization .custom-select__btn { width: auto; } .localization .custom-select__listbox { width: max-content; max-width: 80vw; } .localization .custom-select__option > span { flex: 0 0 100%; } .localization__grid { display: flex; } .country-option { display: flex; justify-content: space-between; } .country-option__name { max-width: 25ch; margin-inline-end: 0.25em; } .header-localization { display: inline-block; } .header-localization .localization__selector { margin: 0 0 0 10px; white-space: normal; } .header-localization .custom-select__btn { margin: 0; padding: 8px 0; border: 0; background: transparent; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-transform: none; vertical-align: middle; } .header-localization .custom-select__btn:hover { border: 0; background: transparent; color: inherit; } .header-localization .custom-select__btn path { stroke-width: 2; } .header-localization .custom-select__btn > .icon { width: 12px; margin-inline-start: 5px; margin-inline-end: 0; padding: 0; transition: transform 0.15s ease-out; } .header-localization [aria-expanded=true] > .icon { transform: rotate(180deg); } .header-localization .custom-select__listbox { top: calc(100% - 3px); right: -5px; left: auto; font-size: inherit; } [dir=rtl] .header-localization .custom-select__listbox { right: auto; left: -5px; } .logo-list-container { overflow: hidden; } .logo-list { display: flex; flex-wrap: wrap; justify-content: center; margin-right: -20px; margin-bottom: -40px; margin-left: -20px; text-align: center; } @media (min-width: 768px) { .logo-list { margin-right: -25px; margin-bottom: -50px; margin-left: -25px; } } .logo-list__logo { display: flex; flex: 0 0 calc(50% - 40px); flex-direction: column; margin: 0 20px 40px; color: inherit; } @media (min-width: 400px) { .logo-list__logo { flex: 0 0 calc(33.3% - 40px); } } @media (min-width: 768px) { .logo-list__logo { flex: 0 0 calc(25% - 50px); margin: 0 25px 50px; } } @media (min-width: 1000px) { .logo-list__logo { flex: 0 0 calc(20% - 50px); } } @media (min-width: 1300px) { .logo-list__logo { flex: 0 0 calc(16.6% - 50px); } } @media (min-width: 400px) and (max-width: 767.98px) { .logo-list--count-4 .logo-list__logo { flex: 0 0 calc(50% - 40px); } } .logo-list__logo-image { display: flex; flex: 1 1 100%; align-items: center; width: 100%; margin: 0 auto; transition: opacity 100ms; } .logo-list__logo-image > .theme-img { flex: 1 1 100%; } .logo-list__logo-image .placeholder-image { width: 100%; } .logo-list__logo-title { margin-top: 10px; } .related-collection-links--buttons { display: block; margin-right: -10px; margin-bottom: calc(-1 * var(--gutter-desktop)); margin-left: -10px; } .related-collection-links--buttons .btn { margin: 0 10px var(--gutter-desktop); } @media (max-width: 500px) { .related-collection-links--buttons { display: flex; flex-wrap: wrap; justify-content: space-between; margin-right: 0; margin-bottom: calc(-1 * var(--gutter-mobile)); margin-left: 0; } .related-collection-links--buttons .btn { display: flex; flex: 0 0 calc(50% - var(--gutter-mobile) / 2); align-items: center; justify-content: center; margin: 0 0 var(--gutter-mobile); } } .related-collection-links--gallery.gallery--with-margins .slider { scroll-padding-left: var(--gallery-gutter); } .related-collection-links--gallery.related-collection-links--under-image-header.gallery--with-margins { margin-top: -30px; padding-top: var(--gallery-gutter); } .related-collection-links--gallery.related-collection-links--under-image-header.related-collection-links--is-full-width:not(.gallery--with-margins) { margin-top: -30px; } .related-collection-links--gallery.related-collection-links--under-image-header:not(.related-collection-links--is-full-width):not(.gallery--with-margins) { margin-bottom: 10px; } @media (max-width: 767.98px) { .related-collection-links--gallery.related-collection-links--under-image-header:not(.related-collection-links--is-full-width):not(.gallery--with-margins) { margin-top: -30px; } } @media (min-width: 768px) { .related-collection-links--gallery.gallery { margin-bottom: var(--gutter); } .related-collection-links--gallery.gallery .slider__grid { flex-wrap: nowrap; } .related-collection-links--gallery.gallery .gallery__item { margin-bottom: 0; } .related-collection-links--gallery.gallery.gallery--grid-desktop-2 .gallery__item { flex: 0 0 calc(50% - var(--gallery-gutter)); } .related-collection-links--gallery.gallery.gallery--grid-desktop-3 .gallery__item { flex: 0 0 calc(33.33% - var(--gallery-gutter)); } .related-collection-links--gallery.gallery.gallery--grid-desktop-4 .gallery__item { flex: 0 0 calc(25% - var(--gallery-gutter)); } .related-collection-links--gallery.gallery .slider-nav__btn { --slider-nav-btn-x-offset: 0; --slider-nav-btn-color: rgb(var(--text-color)); } .related-collection-links--gallery.gallery .slider-nav__btn::after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; background: rgb(var(--body-bg-color)); } .related-collection-links--gallery.gallery .slider-nav__btn[name=prev]::after { border-radius: 0 var(--btn-border-radius) var(--btn-border-radius) 0; } [dir=rtl] .related-collection-links--gallery.gallery .slider-nav__btn[name=prev]::after { border-radius: var(--btn-border-radius) 0 0 var(--btn-border-radius); } .related-collection-links--gallery.gallery .slider-nav__btn[name=next]::after { border-radius: var(--btn-border-radius) 0 0 var(--btn-border-radius); } [dir=rtl] .related-collection-links--gallery.gallery .slider-nav__btn[name=next]::after { border-radius: 0 var(--btn-border-radius) var(--btn-border-radius) 0; } .related-collection-links--gallery.gallery .slider-nav__btn:hover::after { opacity: 0.9; } .container > .related-collection-links--gallery.gallery .slider-nav__btn { --slider-nav-btn-x-offset: -26px; } .container > .related-collection-links--gallery.gallery .slider-nav__btn::after { content: none; } } .filters__close, .filter-group__heading, .filter-group__applied-item, .filter-group__item { color: inherit; } .filters__close:hover, .filter-group__heading:hover, .filter-group__applied-item:hover, .filter-group__item:hover { color: inherit; } .filters__heading { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; } .filters__heading-text { margin: 3px 0 0; } .filter-container--side .filter-group__item { display: flex; margin: 0 0 0.5em; padding-top: 0.1em; padding-bottom: 0.1em; } @media (max-width: 999.98px) { .filter-container .filters { visibility: hidden; position: fixed; z-index: 8002; /* above sticky nav & shade */ top: 0; right: 100%; width: 50%; height: 100%; padding: 20px; overflow: auto; transition: transform 0.34s ease; background: rgb(var(--body-bg-color)); } .filter-container .filter-shade { visibility: hidden; /* pointer-events:none on its own was still leaving this clickable in some circumstances */ position: fixed; z-index: 8001; /* above sticky nav */ top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.34s ease, visibility 0.34s; opacity: 0; background: #000; pointer-events: none; } .filter-container .sticky-content-container { position: static; } .filter-container.filter-container--mobile-initialised .filters { visibility: visible; /* to avoid rare transition-on-page-load bug */ } .filter-container.filter-container--show-filters-mobile .filters { transform: translateX(100%); } .filter-container.filter-container--show-filters-mobile .filter-shade { visibility: visible; opacity: 0.5; pointer-events: auto; } } @media (max-width: 767.98px) { .filter-container .filters { width: 88%; } } @media (min-width: 1000px) { .filter-shade { display: none; } .filter-container--side { display: flex; } .filter-container--side .filters { flex: 0 0 auto; width: 280px; transition: none; } .filter-container--side .filters .filters__inner { padding-inline-end: 40px; } } @media (min-width: 1000px) and (min-width: 1300px) { .filter-container--side .filters { width: 320px; } .filter-container--side .filters .filters__inner { padding-inline-end: 60px; } } @media (min-width: 1000px) { .filter-container--side .filters-adjacent { flex: 1 1 100%; } .filter-container--side:not(.filter-container--show-filters-desktop) .filters { visibility: hidden; width: 0; height: 0; overflow: hidden; transform: none; transition: none; opacity: 0; } .filter-container--side.filter-container--show-filters-desktop .collection-listing { position: relative; } .filters__heading { display: none; } } .filter-group { margin-bottom: 10px; } .filter-group .toggle-target-container { padding-bottom: 20px; } .filter-group--applied { margin-bottom: 30px; } .filter-group--availability { margin-bottom: 30px; } .filter-group__heading { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 1em; /* padding to avoid collapse around transition */ } .filter-group__heading:not(:first-child) { margin-top: 30px; } .filter-group__heading__text { margin: 0.2em 0 0; margin-inline-end: 20px; font-weight: 600; } .filter-group__heading__indicator { margin-inline-end: -5px; transform-origin: center; transition: transform 250ms ease; } .filter-group__heading__indicator svg { vertical-align: top; } .filter-group__heading:not(.toggle-target-toggler--is-hidden) .filter-group__heading__indicator { transform: rotate(180deg); } .filter-group__item { display: inline-flex; position: relative; justify-content: space-between; padding-inline-start: 28px; font-size: var(--smaller-text-size-2); line-height: 1.4em; cursor: pointer; } .filter-group__item .filter-group__checkbox { position: absolute; width: 0.1rem; height: 0.1rem; margin: -0.1rem; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .tab-used .filter-group__item .filter-group__checkbox:focus + .filter-group__item__text { outline: 1px solid currentColor; outline: -webkit-focus-ring-color auto 1px; } .filter-group__item .filter-group__item__text { /* half & em conversion */ } .filter-group__item .filter-group__item__text::before { content: ""; position: absolute; top: calc(var(--base-line-height) * 0.5em); left: 0; width: 18px; height: 18px; margin-top: -9px; border: 1px solid currentColor; border-radius: 3px; } [dir=rtl] .filter-group__item .filter-group__item__text::before { right: 0; left: auto; } .filter-group__item .filter-group__item__text .filter-tick { position: absolute; top: calc(var(--base-line-height) * 0.5em); left: -1px; width: 20px; height: 20px; margin-top: -10px; fill: rgb(var(--body-bg-color)); transform: scale(0); transition: transform 100ms ease; } [dir=rtl] .filter-group__item .filter-group__item__text .filter-tick { right: -1px; left: auto; } .filter-group__item .filter-group__checkbox:checked + .filter-group__item__text::before { background: currentColor; } .filter-group__item .filter-group__checkbox:checked + .filter-group__item__text .filter-tick { transform: scale(1); } .filter-group__item--disabled { opacity: 0.5; } .filter-group__applied-item { display: inline-block; margin-bottom: 8px; margin-inline-end: 8px; border-radius: 3px; background: rgba(0, 0, 0, 0.05); } .filter-group__applied-item:hover { color: inherit; } .filter-group__applied-item:hover .filter-group__applied-item__icon { border-radius: 0 3px 3px 0; background: rgba(0, 0, 0, 0.05); } [dir=rtl] .filter-group__applied-item:hover .filter-group__applied-item__icon { border-radius: 3px 0 0 3px; } .filter-group__applied-item__text { padding: 3px; padding-inline-start: 10px; padding-inline-end: 8px; font-size: var(--smaller-text-size-2); line-height: 1.4em; vertical-align: middle; } .filter-group__applied-item__icon { display: inline-block; padding: 3px; vertical-align: middle; } .filter-group__applied-item__icon svg { display: block; width: 20px; height: 20px; } .filter-group__clear-row { margin-top: 4px; } .filter-group__clear-link { font-size: var(--smaller-text-size-2); line-height: 1.4em; } .filter-group--swatch .filter-group__item { display: flex; align-items: center; margin: 0 0 12px; padding: 8px 10px; border: 1px var(--input-border-color) solid; border-radius: var(--btn-border-radius); background: var(--input-background-color); color: rgb(var(--input-text-color)); } .tab-used .filter-group--swatch .filter-group__item:focus-within::before { outline: 1px solid currentColor; outline: -webkit-focus-ring-color auto 1px; } @media (hover: none) { .filter-group--swatch .filter-group__item:active:not(.filter-group__item--active) { border: 1px var(--input-border-color-hover) solid; color: rgb(var(--input-text-color)); } } @media (hover: hover) { .filter-group--swatch .filter-group__item:hover:not(.filter-group__item--active) { border: 1px var(--input-border-color-hover) solid; color: rgb(var(--input-text-color)); } } .filter-group--swatch .filter-group__item .filter-group__item__text::before { content: none; } .filter-group--swatch .filter-group__item::before { content: ""; flex: 0 0 auto; width: 22px; height: 22px; margin-inline-end: 10px; transition: 100ms box-shadow ease; border: 1px solid rgb(var(--body-text-color)/0.3); border-radius: 22px; background-clip: padding-box; background-color: var(--swatch-background-color); background-image: var(--swatch-background-image); background-repeat: no-repeat; background-position: var(--swatch-crop-align); background-size: cover; box-shadow: 0 0 0 1px rgb(var(--body-bg-color)), 0 0 0 2px rgb(var(--body-bg-color)); } .swatch-method-swatches.swatch-style-icon_square .filter-group--swatch .filter-group__item::before { border-radius: var(--btn-inspired-border-radius); } .filter-group--swatch .filter-group__item .filter-group__item__text { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .filter-group--swatch .filter-group__item--active { border: 1px var(--input-border-color-active) solid; box-shadow: 0 0 0 var(--input-active-shadow-width) var(--input-border-color-active); } .filter-group--layout-two-column .toggle-target-container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 12px; } .filter-group--layout-two-column .filter-group__item { justify-content: start; margin: 0; width: calc(50% - 6px); } .filter-group--layout-two-column .filter-group__item__count { margin-inline-start: 0.25em; } .filter-group--layout-two-column .filter-group__item__count::before { content: "("; } .filter-group--layout-two-column .filter-group__item__count::after { content: ")"; } .filter-group--layout-three-column .toggle-target-container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 12px; } .filter-group--layout-three-column .filter-group__item { justify-content: start; margin: 0; width: calc(33.33% - 8px); } .filter-group--button-grid .filter-group__item { padding: 0; flex: 1 0 auto; min-width: fit-content; } .filter-group--button-grid .filter-group__item .filter-group__item__text { display: flex; position: relative; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin: 0; padding: 11px 15px; border: 1px var(--input-border-color) solid; border-radius: var(--btn-border-radius); background-color: var(--input-background-color); color: rgb(var(--input-text-color)); font-size: inherit; text-transform: none; letter-spacing: normal; } @media (hover: none) { .filter-group--button-grid .filter-group__item .filter-group__item__text:active { border: 1px var(--input-border-color-hover) solid; background-color: var(--input-background-color); color: rgb(var(--input-text-color)); cursor: pointer; } } @media (hover: hover) { .filter-group--button-grid .filter-group__item .filter-group__item__text:hover { border: 1px var(--input-border-color-hover) solid; background-color: var(--input-background-color); color: rgb(var(--input-text-color)); cursor: pointer; } } .filter-group--button-grid .filter-group__item .filter-group__item__text::before { content: none; } .filter-group--button-grid .filter-group__item .filter-group__checkbox:checked + .filter-group__item__text { border: 1px var(--input-border-color-active) solid; box-shadow: 0 0 0 var(--input-active-shadow-width) var(--input-border-color-active); cursor: pointer; } .filter-group--button-grid .filter-group__item .filter-group__checkbox:disabled + .filter-group__item__text { border: 1px rgb(var(--input-text-color)/0.05) solid; box-shadow: 0 0 0 var(--input-active-shadow-width) rgb(var(--input-text-color)/0.05); background: no-repeat center rgb(var(--input-text-color)/0.05); color: rgb(var(--text-color)/0.4); } .filter-group--button-grid .filter-group__item--disabled { opacity: 1; pointer-events: none; } .filter-group--layout-no-label .toggle-target-container { display: flex; flex-wrap: wrap; align-items: flex-start; margin-left: -7px; } .filter-group--layout-no-label .filter-group__item { position: relative; flex: 0 0 22px; margin: 0 0 7px 7px; padding: 3px; border-radius: 50%; } @media (hover: none) { .filter-group--layout-no-label .filter-group__item:active:not(.filter-group__item--active) { border: 1px rgb(var(--body-text-color)/0.3) solid; } } @media (hover: hover) { .filter-group--layout-no-label .filter-group__item:hover:not(.filter-group__item--active) { border: 1px rgb(var(--body-text-color)/0.3) solid; } } .swatch-method-swatches.swatch-style-icon_square .filter-group--layout-no-label .filter-group__item { border-radius: var(--btn-inspired-border-radius); } .filter-group--layout-no-label .filter-group__item:not(.filter-group__item--active):not(:hover) { border: 1px transparent solid; } .filter-group--layout-no-label .filter-group__item::before { margin: 0; } @media (min-width: 1000px) { .filter-group--layout-no-label .filter-group__item:hover .filter-group__item__text, .filter-group--layout-no-label .filter-group__item:focus .filter-group__item__text, .filter-group--layout-no-label .filter-group__item:active .filter-group__item__text { opacity: 1; } } .filter-group--layout-no-label .filter-group__item__text { position: absolute; z-index: 1; bottom: 100%; left: 50%; padding: 4px 12px; transform: translate3d(-50%, -10px, 0); transition: opacity 50ms; border: 1px solid rgb(var(--body-text-color)/0.15); border-radius: 3px; opacity: 0; background: rgb(var(--body-bg-color)); white-space: nowrap; pointer-events: none; } @media (max-width: 767.98px) { .filter-group--layout-no-label .filter-group__item__text{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } } .filter-toggle { display: flex; flex-wrap: wrap; justify-content: space-between; } .filter-toggle__group-label { align-self: center; margin: 4px 0; font-weight: 600; } .filter-toggle__options { display: flex; flex: 0 0 auto; margin: 4px 0; padding: 4px; border-radius: var(--btn-border-radius); background: rgb(var(--body-text-color)/0.06); } .filter-toggle__input-label { cursor: pointer; } .filter-toggle__input { position: absolute; width: 0.1rem; height: 0.1rem; margin: -0.1rem; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .filter-toggle__input:checked + .filter-toggle__input-label-text { border-color: currentColor; background: rgb(var(--body-bg-color)); } .tab-used .filter-toggle__input:focus + .filter-toggle__input-label-text { outline: 1px solid currentColor; outline: -webkit-focus-ring-color auto 1px; } .filter-toggle__input-label-text { padding: 0.25em 0.5em; border: 1px solid transparent; border-radius: var(--btn-border-radius); } .cc-price-range__input-container { direction: ltr; } .layout-switchers { display: flex; } .layout-switch { position: relative; flex: 0 0 auto; width: 24px; height: 24px; margin-left: 5px; opacity: 0.3; color: inherit; } .layout-switch svg { display: block; width: 24px; height: 24px; stroke: currentColor; } .layout-switch:hover { color: inherit; } .layout-switch--active { opacity: 1; } .link-dropdown { display: block; position: relative; text-align: start; } .link-dropdown .link-dropdown__button { position: relative; z-index: 11; height: 44px; padding-inline-end: 40px; transition: width 250ms cubic-bezier(0.01, 0.45, 0.28, 0.98); color: inherit; font-weight: 600; text-align: start; white-space: nowrap; will-change: width; } .link-dropdown .link-dropdown__button:hover { color: inherit; } .link-dropdown__button[aria-expanded=true] .link-dropdown__button-prefix-icon svg circle:nth-child(3) { transform: translateX(6px); } .link-dropdown__button[aria-expanded=true] .link-dropdown__button-prefix-icon svg circle:nth-child(4) { transform: translateX(-6px); } .link-dropdown__button[aria-expanded=true] .link-dropdown__button-icon { transform: rotate(180deg); } .link-dropdown__button[aria-expanded=true] + .link-dropdown__options { visibility: visible; opacity: 1; } .link-dropdown__button-prefix-icon { display: inline-block; width: 20px; margin-inline-end: 8px; vertical-align: middle; } .link-dropdown__button-prefix-icon svg { display: block; width: 20px; height: 20px; } .link-dropdown__button-prefix-icon svg circle { transition: transform 400ms cubic-bezier(0.11, 0.44, 0.03, 1); fill: rgb(var(--body-bg-color)); } .link-dropdown__button-icon { position: absolute; top: 50%; right: 0; margin: -12px 0 0; margin-inline-end: 8px; transition: transform 250ms ease; } [dir=rtl] .link-dropdown__button-icon { right: auto; left: 0; } .link-dropdown__button-icon svg { display: block; } .link-dropdown__options { visibility: hidden; position: absolute; z-index: 10; top: -5px; min-width: calc(100% + 40px); padding-top: 49px; padding-bottom: 12px; transition: opacity 250ms ease, box-shadow 250ms ease, visibility 250ms; opacity: 0; background: rgb(var(--body-bg-color)); box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.12); } .link-dropdown--right-aligned .link-dropdown__options { right: -10px; } [dir=rtl] .link-dropdown--right-aligned .link-dropdown__options { right: auto; left: -10px; } .link-dropdown--left-aligned .link-dropdown__options { left: -15px; } [dir=rtl] .link-dropdown--left-aligned .link-dropdown__options { right: -15px; left: auto; } .link-dropdown__options-inner { overflow: auto; max-height: 640px; } .link-dropdown__link { display: block; padding: 6px 30px; padding-inline-end: 50px; color: inherit; white-space: nowrap; } .link-dropdown--with-icon .link-dropdown__link { padding-inline-start: 43px; } .link-dropdown__link:hover { background: rgb(var(--body-text-color)/0.06); color: inherit; } .link-dropdown__link--active { background: rgb(var(--body-text-color)/0.06); } .utility-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } @media (min-width: 768px) { .utility-bar { margin-bottom: 10px; } .utility-bar--blog { min-height: 44px; } } .utility-bar--sticky-mobile-copy { visibility: visible; position: fixed; z-index: 301; top: var(--theme-sticky-header-height); left: 0; width: 100%; padding-right: var(--gutter-mobile); padding-left: var(--gutter-mobile); transform: translateY(-15px); transition: transform 175ms ease-in, opacity 175ms ease-in, visibility 175ms; border-bottom: 1px solid var(--heading-divider-col); opacity: 1; background: rgb(var(--body-bg-color));top: 67px;} .utility-bar-sticky-mobile-copy-reveal .logo-area { border-bottom-color: transparent; } .utility-bar-sticky-mobile-copy-reveal .utility-bar--sticky-mobile-copy { visibility: visible; transform: translateY(-1px); opacity: 1; } .utility-bar__left, .utility-bar__right { flex: 2 0 0; } .utility-bar__left { display: flex; } .utility-bar__left .utility-bar__item { margin-inline-end: 12px; } .utility-bar__centre { flex: 1 1 auto; text-align: center; } .utility-bar__centre .utility-bar__item { margin: 10px 0; } .utility-bar__right { display: flex; align-items: center; justify-content: flex-end; text-align: end; } .utility-bar__right .utility-bar__item { margin-inline-start: 12px; } .map-section { position: relative; } .map-section--map-constrained .map-section__wrapper { position: relative; } .map-section__wrapper { display: flex; } .map-section__wrapper .errors { padding: 80px 40px; } .map-section__text { box-sizing: border-box; width: 50%; padding: 80px 0; padding-inline-end: 40px; } .map-section__feature { display: flex; width: 33.333%; } .map-section__feature-image { flex-grow: 1; background-position: center; background-size: cover; } .map-section__feature-image.placeholder-image { height: auto; padding-top: 0; } .map-section__map { position: absolute; top: 0; right: 0; width: 50%; height: 100%; } [dir=rtl] .map-section__map { right: auto; left: 0; } .map-section__map .map { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .map-section__map-image { height: 100%; background-position: center; background-size: cover; /* Only show the background image if map fails to load */ } .map-section--display-map .map-section__map-image { display: none !important; } .map-section__placeholder { height: 100%; padding: 0; /* Only show the placeholder image if map fails to load */ } .map-section--display-map .map-section__placeholder { display: none !important; } .map-section__map-container { height: 100%; } .map-section--has-feature-image .map-section__text { width: 25%; } .map-section--has-feature-image .map-section__map { width: calc(50% - 89.5px); } @media (max-width: 1160px) { .map-section--has-feature-image .map-section__map { width: calc((100% - 80px) * 0.41666 + 40.5px); } } @media (max-width: 959px) { .map-section .container { padding: 0; } .map-section__wrapper { flex-wrap: wrap; } .map-section__text { width: 50%; padding: 80px 40px; } .map-section__map { width: 50%; } .map-section--has-feature-image .map-section__text, .map-section--has-feature-image .map-section__feature { width: 50%; } .map-section--has-feature-image .map-section__text { padding-inline-end: 40px; } .map-section--has-feature-image .map-section__map { position: relative; width: 100%; height: 55vh; } } @media (max-width: 767.98px) { .map-section__wrapper { display: block; } .map-section__text, .map-section--has-feature-image .map-section__text { width: auto; padding: 40px var(--gutter-mobile); } .map-section__feature, .map-section__map { position: relative; width: auto; height: 55vh; } .map-section--has-feature-image .map-section__text, .map-section--has-feature-image .map-section__feature, .map-section--has-feature-image .map-section__map { width: auto; } .map-section__feature, .map-section__placeholder, .map-section__map-container { height: 55vh; } } .breadcrumbs { display: flex; justify-content: space-between; font-size: var(--smaller-text-size-3); line-height: 1.4em; } .breadcrumbs .icon { --icon-size: 1.2em; display: inline-block; vertical-align: middle; } .breadcrumbs .icon svg { display: block; } [dir=rtl] .breadcrumbs .icon svg { transform: scaleX(-1); } .breadcrumbs-list { display: inline-flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .breadcrumbs-list__item { display: inline; margin: 0; padding: 0; } .breadcrumbs-list__link { vertical-align: middle; } .breadcrumbs-list__link, .breadcrumbs-prod-nav__link { color: inherit; } .breadcrumbs-list__link:hover, .breadcrumbs-prod-nav__link:hover { color: inherit; } .breadcrumbs-prod-nav { display: flex; } .breadcrumbs-prod-nav__text { vertical-align: middle; } .breadcrumbs-prod-nav__link--prev:not(:last-child) { margin-inline-end: 1.2em; } .cc-animate-enabled .shopify-section { overflow: initial; } .option-selector__btns { display: flex; flex-wrap: wrap; align-items: flex-start; /* children must respect aspect-ratio */ margin: -10px -10px 0 0; } .opt-btn { position: absolute; z-index: -1; opacity: 0; } .opt-btn:checked + .opt-label { border: 1px var(--input-border-color-active) solid; box-shadow: 0 0 0 var(--input-active-shadow-width) var(--input-border-color-active); cursor: default; } variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .opt-btn.is-unavailable + .opt-label, variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable + .opt-label { border: 1px rgb(var(--input-text-color)/0.05) solid; background: no-repeat center rgb(var(--input-text-color)/0.05); color: rgb(var(--text-color)/0.4); } variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .opt-btn.is-unavailable + .opt-label.opt-label--swatch::before, variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .opt-btn.is-unavailable + .opt-label.opt-label--image::before, variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable + .opt-label.opt-label--swatch::before, variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable + .opt-label.opt-label--image::before { opacity: 0.5; } variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .opt-btn.is-unavailable + .opt-label:hover, variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable + .opt-label:hover { border: 1px var(--input-border-color) solid; } variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .opt-btn.is-unavailable:checked + .opt-label, variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable:checked + .opt-label { border: 1px var(--input-border-color-active) solid; box-shadow: 0 0 0 var(--input-active-shadow-width) var(--input-border-color-active); } [data-availability=prune]:is(:not(.variant-picker--pre-last-selection.variant-picker--product-available), [data-option-count="1"]) .opt-btn.is-unavailable:not(:checked), [data-availability=prune]:is(:not(.variant-picker--pre-last-selection.variant-picker--product-available), [data-option-count="1"]) .opt-btn.is-unavailable:not(:checked) + .opt-label, [data-availability=prune]:is(:not(.variant-picker--pre-last-selection.variant-picker--product-available), [data-option-count="1"]) .custom-select__option.is-unavailable:not([aria-selected=true]) { display: none; } variant-picker.variant-picker--pre-last-selection.variant-picker--product-available:not([data-availability=off]) .option-selector:not([data-index="1"]) .custom-select__option.is-unavailable em { display: none; } .opt-label { display: flex; position: relative; align-items: center; justify-content: center; min-width: 4.5em; min-height: 48px; margin: 10px 10px 0 0; padding: 11px 15px; border: 1px var(--input-border-color) solid; border-radius: calc(var(--btn-border-radius) + max(0px, var(--btn-border-radius) - 3px)); background-color: var(--input-background-color); color: rgb(var(--input-text-color)); font-size: inherit; text-transform: none; letter-spacing: normal; text-align: start; } @media (hover: none) { .opt-label:active { border: 1px var(--input-border-color-hover) solid; background-color: var(--input-background-color); color: rgb(var(--input-text-color)); cursor: pointer; } } @media (hover: hover) { .opt-label:hover { border: 1px var(--input-border-color-hover) solid; background-color: var(--input-background-color); color: rgb(var(--input-text-color)); cursor: pointer; } } .opt-label--swatch, .opt-label--image { justify-content: flex-start; width: calc(50% - 10px); padding-left: 12px; line-height: 1.2; } .swatch-style-listed .opt-label--swatch::before { content: ""; display: block; flex: 0 0 auto; width: 22px; height: 22px; margin: 1px; margin-inline-end: 12px; border-radius: 50%; background-color: var(--swatch-background-color); background-image: var(--swatch-background-image); background-repeat: no-repeat; background-position: var(--swatch-crop-align); background-size: cover; box-shadow: 0 0 0 1px rgb(var(--body-text-color)/0.3); } .swatch-style-listed .opt-label--image { justify-content: flex-start; } .swatch-style-listed .opt-label--image .img-ar { width: 22px; height: 22px; margin: 1px; margin-inline-end: 12px; } .swatch-style-listed .opt-label--image .theme-img { border-radius: 50%; box-shadow: 0 0 0 1px rgb(var(--body-text-color)/0.3); } .opt-label--image { position: relative; } .opt-label--image .theme-img { border-radius: var(--btn-inspired-border-radius); } :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .option-selector .opt-btn.is-unavailable + :is(.opt-label--swatch, .opt-label--image), :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable + :is(.opt-label--swatch, .opt-label--image) { border: 0; background-color: transparent; } :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .option-selector .opt-btn.is-unavailable + :is(.opt-label--swatch, .opt-label--image)::after, :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable + :is(.opt-label--swatch, .opt-label--image)::after { background-image: var(--swatch-cross-svg); background-position: center; background-size: auto; } :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .option-selector .opt-btn.is-unavailable + :is(.opt-label--swatch, .opt-label--image) .opt-label__media, :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable + :is(.opt-label--swatch, .opt-label--image) .opt-label__media { opacity: 0.5; } @media (hover: none) { :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .option-selector .opt-btn.is-unavailable + :is(.opt-label--swatch, .opt-label--image):active::after, :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable + :is(.opt-label--swatch, .opt-label--image):active::after { background-image: var(--swatch-cross-hover); } } @media (hover: hover) { :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .option-selector .opt-btn.is-unavailable + :is(.opt-label--swatch, .opt-label--image):hover::after, :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable + :is(.opt-label--swatch, .opt-label--image):hover::after { background-image: var(--swatch-cross-hover); } } :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .option-selector .opt-btn.is-unavailable:checked + :is(.opt-label--swatch, .opt-label--image)::after, :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable:checked + :is(.opt-label--swatch, .opt-label--image)::after { background-image: var(--swatch-cross-active); } @media (hover: none) { :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .option-selector .opt-btn.is-unavailable:checked + :is(.opt-label--swatch, .opt-label--image):active::after, :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable:checked + :is(.opt-label--swatch, .opt-label--image):active::after { background-image: var(--swatch-cross-active); } } @media (hover: hover) { :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not(.variant-picker--pre-last-selection.variant-picker--product-available):not([data-availability=off]) .option-selector .opt-btn.is-unavailable:checked + :is(.opt-label--swatch, .opt-label--image):hover::after, :is(.swatch-style-icon_circle, .swatch-style-icon_square) variant-picker:not([data-availability=off]) .option-selector[data-index="1"] .opt-btn.is-unavailable:checked + :is(.opt-label--swatch, .opt-label--image):hover::after { background-image: var(--swatch-cross-active); } } :is(.swatch-style-icon_square, .swatch-style-icon_circle) .option-selector :is(.opt-label--swatch, .opt-label--image) { --aspect-ratio: 1; display: inline-block; width: var(--swatch-picker-image-size); min-width: 0; height: calc(var(--swatch-picker-image-size) / var(--aspect-ratio)); min-height: 0; padding: 0; border: 0; border-radius: var(--btn-inspired-border-radius); background-color: transparent; vertical-align: top; /* beware: here lie hacks for Chrome's poor subpixel rendering with borders and content, check any changes in Chrome on various DPIs & OSs */ } :is(.swatch-style-icon_square, .swatch-style-icon_circle) .option-selector :is(.opt-label--swatch, .opt-label--image)::before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; margin: 0; border-radius: var(--btn-inspired-border-radius); background-color: var(--swatch-background-color); background-image: var(--swatch-background-image); background-repeat: no-repeat; background-position: var(--swatch-crop-align); background-size: cover; } :is(.swatch-style-icon_square, .swatch-style-icon_circle) .option-selector :is(.opt-label--swatch, .opt-label--image)::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border: 1px var(--input-border-color) solid; border-radius: var(--btn-inspired-border-radius); } @media (hover: none) { :is(.swatch-style-icon_square, .swatch-style-icon_circle) .option-selector :is(.opt-label--swatch, .opt-label--image):active::after { border: 1px var(--input-border-color-hover) solid; } } @media (hover: hover) { :is(.swatch-style-icon_square, .swatch-style-icon_circle) .option-selector :is(.opt-label--swatch, .opt-label--image):hover::after { border: 1px var(--input-border-color-hover) solid; } } :is(.swatch-style-icon_square, .swatch-style-icon_circle) .option-selector .opt-btn:checked + :is(.opt-label--swatch, .opt-label--image)::after, :is(.swatch-style-icon_square, .swatch-style-icon_circle) .option-selector .opt-btn:checked + :is(.opt-label--swatch, .opt-label--image):hover::after { border: 1px var(--input-border-color-active) solid; box-shadow: 0 0 0 var(--input-active-shadow-width) var(--input-border-color-active); } .swatch-style-icon_circle .option-selector .opt-label:is(.opt-label--swatch, .opt-label--image), .swatch-style-icon_circle .option-selector .opt-label:is(.opt-label--swatch, .opt-label--image)::before, .swatch-style-icon_circle .option-selector .opt-label:is(.opt-label--swatch, .opt-label--image)::after { border-radius: 50%; } .swatch-style-icon_circle .opt-label--image .theme-img { border-radius: 50%; } /* special case: square swatch images use natural height*/ .swatch-style-icon_square .option-selector .opt-label--image { height: auto; } .swatch-method-swatches:is(.swatch-style-icon_square, .swatch-style-icon_circle) .opt-label:is(.opt-label--swatch, .opt-label--image) { --aspect-ratio: 1; } .swatch-method-swatches:is(.swatch-style-icon_square, .swatch-style-icon_circle) .opt-label:is(.opt-label--swatch, .opt-label--image)::before { top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); } @media (min-width: 530px) { .swatch-style-listed .opt-label:is(.opt-label--swatch, .opt-label--image) { width: auto; min-width: calc(33.3333333333% - 10px); } } @media (min-width: 767px) and (max-width: 1280px) { .swatch-style-listed .option-selector .opt-label:is(.opt-label--swatch, .opt-label--image) { width: calc(50% - 10px); } } .option-selector--with-size-chart[data-selector-type=dropdown] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .option-selector--with-size-chart[data-selector-type=dropdown] .size-chart-container { order: 1; } .option-selector--with-size-chart[data-selector-type=dropdown] .cc-select, .option-selector--with-size-chart[data-selector-type=dropdown] .option-selector__btns { order: 2; width: 100%; } .swatch-source-native .custom-select__btn[data-swatch]::before, .swatch-source-native .custom-select__option[data-swatch]::before { --swatch-background-color: var(--native-swatch-color); --swatch-background-image: var(--native-swatch-image); } .cc-rating { display: inline-block; margin: 0; font-size: 16px; line-height: 1.2em; vertical-align: middle; white-space: nowrap; } .cc-rating-stars { display: block; position: relative; } .cc-rating-stars--active { position: absolute; top: 0; left: 0; color: rgb(var(--rating-star-color)); } .cc-rating-stars--inactive { display: block; color: rgb(var(--rating-star-color)/0.2); } .cc-rating-stars__svg { width: 1em; height: 1em; fill: currentColor; vertical-align: top; } .cc-rating-stars__svg:not(:first-child) { margin-left: 2px; } .cc-rating[data-rating-decimal="0.5"] .cc-rating-stars--active .cc-rating-stars__svg:last-child { clip-path: polygon(0 0, 52% 0, 52% 100%, 0% 100%); } .cc-rating-text { display: none; } .cc-rating-count { display: inline-block; margin: 0; } .cc-rating-stars { margin-right: 0.25em; } .cc-rating-custom-caption { font-size: 0.8em; line-height: 1.7em; white-space: nowrap; } .product-block__rating { margin-top: 5px; } .product-block__rating .cc-rating { font-size: 0.8em; } .theme-product-reviews { margin-top: 0.2em; } .use-color-scheme--default { --text-color: var(--color-scheme-default-text-color); --heading-color: var(--color-scheme-default-head-color); --link-color: var(--color-scheme-default-link-color); --bg: var(--color-scheme-default); --bg-color: var(--color-scheme-default-color); --btn-text-color: var(--color-scheme-default-btn-text-color); --btn-text-hover-color: var(--color-scheme-default-btn-text-hover-color); --btn-bg-color: var(--color-scheme-default-btn-bg-color); --btn-bg-hover-color: var(--color-scheme-default-btn-bg-hover-color); --btn-border-color: var(--color-scheme-default-btn-border-color); --btn-border-hover-color: var(--color-scheme-default-btn-border-hover-color); --btn-alt-text-color: var(--color-scheme-default-btn-alt-text-color); --btn-alt-bg-color: var(--color-scheme-default-btn-alt-bg-color); --btn-alt-border-color: var(--color-scheme-default-btn-alt-border-color); --btn-alt-border-hover-color: var(--color-scheme-default-btn-alt-border-hover-color); background: var(--bg); color: rgb(var(--color-scheme-default-text-color)); } .use-color-scheme--1 { --text-color: var(--color-scheme-1-text-color); --heading-color: var(--color-scheme-1-head-color); --link-color: var(--color-scheme-1-link-color); --bg: var(--color-scheme-1); --bg-color: var(--color-scheme-1-color); --btn-text-color: var(--color-scheme-1-btn-text-color); --btn-text-hover-color: var(--color-scheme-1-btn-text-hover-color); --btn-bg-color: var(--color-scheme-1-btn-bg-color); --btn-bg-hover-color: var(--color-scheme-1-btn-bg-hover-color); --btn-border-color: var(--color-scheme-1-btn-border-color); --btn-border-hover-color: var(--color-scheme-1-btn-border-hover-color); --btn-alt-text-color: var(--color-scheme-1-btn-alt-text-color); --btn-alt-bg-color: var(--color-scheme-1-btn-alt-bg-color); --btn-alt-border-color: var(--color-scheme-1-btn-alt-border-color); --btn-alt-border-hover-color: var(--color-scheme-1-btn-alt-border-hover-color); background: var(--bg); color: rgb(var(--color-scheme-1-text-color)); } .use-color-scheme--2 { --text-color: var(--color-scheme-2-text-color); --heading-color: var(--color-scheme-2-head-color); --link-color: var(--color-scheme-2-link-color); --bg: var(--color-scheme-2); --bg-color: var(--color-scheme-2-color); --btn-text-color: var(--color-scheme-2-btn-text-color); --btn-text-hover-color: var(--color-scheme-2-btn-text-hover-color); --btn-bg-color: var(--color-scheme-2-btn-bg-color); --btn-bg-hover-color: var(--color-scheme-2-btn-bg-hover-color); --btn-border-color: var(--color-scheme-2-btn-border-color); --btn-border-hover-color: var(--color-scheme-2-btn-border-hover-color); --btn-alt-text-color: var(--color-scheme-2-btn-alt-text-color); --btn-alt-bg-color: var(--color-scheme-2-btn-alt-bg-color); --btn-alt-border-color: var(--color-scheme-2-btn-alt-border-color); --btn-alt-border-hover-color: var(--color-scheme-2-btn-alt-border-hover-color); background: var(--bg); color: rgb(var(--color-scheme-2-text-color)); } .quickbuy-container { position: relative; height: 0; overflow: hidden; line-height: var(--base-line-height); text-align: center; transition: height 0.7s ease; } .quickbuy-container > .inner { padding-top: 60px; padding-bottom: 60px; } .quickbuy-container .product-info .gallery .main-image { margin-right: 0; } .quickbuy-container .close-detail { position: absolute; top: 0; right: 0; padding: 15px; color: rgb(var(--text-color)); } .quickbuy-container .close-detail .feather { width: 34px; height: 34px; } .quickbuy-container .product-inventory:not(.text-box) .icon circle { fill: rgb(var(--quickbuy-bg)); } .text-box { --heading-color: var(--box-text-color); display: inline-block; position: relative; padding: 15px 17px 14px; border-radius: var(--btn-inspired-border-radius); background-color: var(--box-color); color: rgb(var(--box-text-color)); line-height: 1.4; } .text-box:has(> :is(.icon, .icon-container)) { display: inline-flex; } .text-box a, .text-box .rte a { color: inherit; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(var(--box-text-color), 0.75); text-decoration-thickness: 1px; } .text-box a:hover, .text-box .rte a:hover { color: inherit; } .text-box--wide { display: block; } .text-box--wide:has(> :is(.icon, .icon-container)) { display: flex; } .product-inventory { color: var(--product-inventory-ok-text-color); } .product-inventory.text-box { --box-color: var(--product-inventory-ok-box-color); --box-text-color: var(--$product-inventory-ok-text-color-channels); } .product-inventory.text-box .icon .svg-part-circle { fill: var(--product-inventory-ok-icon-box-fill-color); } .product-inventory .icon-container .icon { vertical-align: top; } .product-inventory .icon .svg-part-circle { fill: rgb(var(--body-bg-color)); } .product-inventory[hidden] { display: none; } .product-inventory--low { color: var(--product-inventory-low-text-color); } .product-inventory--low.text-box { --box-color: var(--product-inventory-low-box-color); --box-text-color: var(--$product-inventory-low-text-color-channels); } .product-inventory--low.text-box .icon .svg-part-circle { fill: var(--product-inventory-low-icon-box-fill-color); } .product-inventory--low .product-inventory__icon-low { display: inline; } .product-inventory--low .product-inventory__icon-ok { display: none; } .product-inventory--pulse .icon-container { position: relative; } .product-inventory--pulse .icon-container::before { content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 16px; animation: clock-pulse 2s ease-out infinite; border-radius: 16px; background: currentColor; } .product-inventory--pulse .icon-container .icon { position: relative; } .product-inventory--small { font-size: var(--smaller-text-size-1); } .product-inventory__icon-low { display: none; } @keyframes clock-pulse { 0% { transform: scale(0.8); opacity: 0.5; } to { transform: scale(1.8); opacity: 0; } } .media-gallery { display: block; position: relative; /* always top-right */ } .media-gallery .media-gallery__inner { width: 100%; } .media-gallery .main-image { position: relative; width: 100%; margin: 0 0 20px; text-align: center; } @media (max-width: 767.98px) { .media-gallery .main-image { width: auto; margin: 0 -16px 10px; } } .media-gallery .main-image .slider__item { flex: 0 0 100%; } .media-gallery .slider-nav--floating .slider-nav__btn { --slider-nav-btn-x-offset: 0; } .media-gallery .product-label-container { z-index: 1; align-items: flex-end; justify-content: flex-start; } .media-gallery .product-media--image { background: var(--product-block-blend-bg, none); } .media-gallery .product-media--image .theme-img { mix-blend-mode: var(--product-block-blend-mode, none); } .view-in-space { display: block; box-sizing: border-box; width: 100%; border: 0; background: rgb(var(--body-text-color)/0.08); color: rgb(var(--text-color)); } .view-in-space:hover { border: 0; background: rgb(var(--body-text-color)/0.08); color: rgb(var(--text-color)); } .view-in-space[data-shopify-xr-hidden] { display: none; } .view-in-space .icon { width: 1.8em; height: 1.8em; fill: transparent; vertical-align: middle; } .view-in-space .icon .icon-3d-badge-full-color-outline, .view-in-space .icon .icon-video-badge-full-color-outline { display: none; } .view-in-space .icon .icon-3d-badge-full-color-element, .view-in-space .icon .icon-video-badge-full-color-element { fill: currentColor; } .view-in-space .view-in-space__text { vertical-align: middle; } .slider__grid { display: flex; } @media (max-width: 767.98px) { .thumbnails { margin-inline-end: -16px; margin-bottom: 20px; } } .thumbnails .slider__grid { margin: 0; } .thumbnails .slider__item { flex: 0 0 auto; width: 65px; padding-inline-end: 5px; list-style: none; } .thumbnails .thumbnail { display: block; position: relative; } .thumbnails .thumbnail::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; transition: opacity 0.2s; opacity: 0; background: #000; } .thumbnails .is-active .thumbnail::after { opacity: 1; } .thumbnails.hidden { display: none !important; } .thumbnail--media-image { background: var(--product-block-blend-bg, none); } .thumbnail--media-image .theme-img { mix-blend-mode: var(--product-block-blend-mode, none); } .thumbnail__badge { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; pointer-events: none; } .thumbnail__badge .icon { width: 100%; height: 100%; fill: rgb(var(--body-bg-color)); vertical-align: baseline; } .thumbnail__badge .icon .icon-3d-badge-full-color-outline, .thumbnail__badge .icon .icon-video-badge-full-color-outline { stroke: rgb(var(--body-text-color)/0.05); } .thumbnail__badge .icon .icon-3d-badge-full-color-element, .thumbnail__badge .icon .icon-video-badge-full-color-element { fill: rgb(var(--body-text-color)); } @media only screen and (min-width: 750px) { .thumbnail__badge .product-single__thumbnail-badge { width: 26px; height: 26px; } } @media only screen and (min-width: 1041px) { .media-gallery.media-gallery--layout-carousel-beside > .media-gallery__inner { display: flex; align-items: flex-start; } .media-gallery.media-gallery--layout-carousel-beside.has-thumbnails .main-image { order: 1; width: calc(100% - 140px); } .media-gallery.media-gallery--layout-carousel-beside .thumbnails { width: 140px; margin-left: 0; padding-inline-end: 40px; overflow: visible; white-space: normal; } .media-gallery.media-gallery--layout-carousel-beside .thumbnails .slider__grid { flex-direction: column; } .media-gallery.media-gallery--layout-carousel-beside .thumbnails .thumbnail { display: block; width: auto; margin: 0 0 10px; } } @media only screen and (max-width: 767.98px) { .media-gallery.media-gallery--carousel-layout-beside.has-thumbnails .main-image { width: auto; float: none; } } .shopify-model-viewer-ui button[hidden] { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { border-color: rgb(var(--body-text-color)/0.05); background: rgb(var(--body-bg-color)); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: rgb(var(--body-text-color)); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover { color: rgb(var(--body-text-color)/0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus { background: rgb(var(--body-text-color)/0.05); color: rgb(var(--body-text-color)/0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child)::after { border-color: rgb(var(--body-text-color)/0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster { border-color: rgb(var(--body-text-color)/0.05); background: rgb(var(--body-bg-color)); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus { color: rgb(var(--body-text-color)/0.55); } .media-gallery--layout-columns-1 .product-media-collage__item, .media-gallery--layout-columns-2 .product-media-collage__item, .media-gallery--layout-collage-1 .product-media-collage__item, .media-gallery--layout-collage-2 .product-media-collage__item { margin-bottom: 20px; transition: opacity 500ms; } .media-gallery--layout-columns-1 .product-media-collage__item.product-media-collage__item--inactive-option, .media-gallery--layout-columns-2 .product-media-collage__item.product-media-collage__item--inactive-option, .media-gallery--layout-collage-1 .product-media-collage__item.product-media-collage__item--inactive-option, .media-gallery--layout-collage-2 .product-media-collage__item.product-media-collage__item--inactive-option { display: none; } .media-gallery--layout-columns-2 .product-media-collage { display: flex; flex-wrap: wrap; margin-left: -20px; } .media-gallery--layout-columns-2 .product-media-collage .product-media-collage__item { flex: 0 0 calc(50% - 20px); margin-left: 20px; } .media-gallery--layout-columns-2 .product-media-collage .product-media-collage__item:first-child { flex-grow: 1; } .media-gallery--layout-collage-1 .product-media-collage, .media-gallery--layout-collage-2 .product-media-collage { display: flex; flex-wrap: wrap; margin-left: -20px; } .media-gallery--layout-collage-1 .product-media-collage .product-media-collage__item, .media-gallery--layout-collage-2 .product-media-collage .product-media-collage__item { flex: 1 0 calc(50% - 20px); margin-left: 20px; } .media-gallery--layout-collage-1 .product-media-collage .product-media-collage__item:first-child { flex: 1 0 calc(100% - 20px); } .media-gallery--layout-collage-2 .product-media-collage .product-media-collage__item:nth-child(3n+1) { flex: 1 0 calc(100% - 20px); } .product-media-collage__item--highlight-off { opacity: 0.25; } .free-shipping-bar { margin: 15px 0 30px; } .free-shipping-bar--no-cart { display: none; } .free-shipping-bar:not([data-free-shipping-progress="1"]) .free-shipping-bar__message--yes { display: none; } .free-shipping-bar[data-free-shipping-progress="1"] .free-shipping-bar__message--no { display: none; } .free-shipping-bar__bar { position: relative; height: 6px; overflow: hidden; border-radius: 6px; background-color: rgb(var(--body-text-color)/0.15); } .free-shipping-bar__bar::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; transform: translateX(calc(-100% * (1 - var(--free-shipping-progress)))); transition: all 1s cubic-bezier(0, 0, 0.09, 0.97); border-radius: 6px; background: var(--free-shipping-bar-color); } [dir=rtl] .free-shipping-bar__bar::after { transform: translateX(calc(100% * (1 - var(--free-shipping-progress)))); } .free-shipping-bar__message { margin-bottom: 0.6em; } slide-show { display: block; position: relative; overflow: hidden; } .slideshow { display: flex; direction: ltr; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; touch-action: pan-y; } .slideshow::-webkit-scrollbar { display: none; } .js .slideshow { pointer-events: none; } .slideshow .text-overlay { position: relative; flex-grow: 1; } .slideshow .h1 { line-height: 1.3em; } .slideshow__slide { display: flex; flex: 0 0 100%; scroll-snap-align: start; pointer-events: initial; } [dir=rtl] .slideshow__slide { direction: rtl; } .js .slideshow__slide .text-overlay { opacity: 0; } .slideshow__slide.is-active { z-index: 1; } .slideshow__slide.is-active .text-overlay { transform: translateY(0); transition: var(--transition-in, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.7s ease-out 0.3s); opacity: 1; } .slideshow__slide.is-active.transition-out .text-overlay { transition: opacity 0.4s; opacity: 0; } .slideshow__slide .slideshow__motion-media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slideshow-ctrl { --link-color: var(--text-color); display: flex; position: absolute; top: 0; bottom: 0; width: 100%; color: rgb(var(--image-overlay-text-color)); pointer-events: none; z-index: 2; left: 50%; transform: translateX(-50%); } [dir=rtl] .slideshow-ctrl { direction: rtl; } .slideshow-nav { display: flex; flex: 1 0 0; align-self: center; justify-content: space-between; color: rgb(var(--text-color)); pointer-events: none; } [dir=rtl] .slideshow-nav { direction: rtl; } .slideshow-nav__btn { padding: 7px; transition: background-color 0.3s, color 0.3s; color: rgb(var(--text-color)); pointer-events: auto; } .slideshow-nav__btn:hover { background-color: rgb(var(--text-color)); color: #333; } .slideshow-nav__counter { margin: 0 10px; pointer-events: auto; } .slideshow-nav__counter + .slideshow-nav__autoplay { margin-inline-start: 8px; } .slideshow-nav__autoplay { margin-inline-start: 12px; pointer-events: auto; } .slideshow-nav__autoplay::before { content: ""; width: 1px; height: 24px; margin-inline-end: 8px; background-color: rgb(var(--text-color)); } .no-js .slideshow__slide { position: relative; padding-bottom: 0; } .no-js .slideshow__slide.slideshow__motion-media { transform: none; opacity: 1; } @media (--sm-down) { .mobile-stacked .slideshow__slide { padding-top: var(--image-height); padding-bottom: 0; } .mobile-stacked .slideshow .image-banner__image { height: 0; padding-top: var(--image-height); } .mobile-stacked .slideshow-ctrl { top: calc(-38px - var(--gutter)); bottom: initial; padding-top: var(--image-height); } } .slide-show--cards-askew { overflow: visible; } .slide-show--cards-askew .slideshow { position: relative; overflow: visible; } .slide-show--cards-askew .slideshow__slide { position: relative; left: calc(-1 * var(--slideshow-width) * var(--index)); align-items: flex-start; padding: 0; transition: all 0.25s cubic-bezier(0.36, 0.13, 0.28, 1.42); opacity: 0.9; } .slide-show--cards-askew .slideshow__slide:nth-child(n+1) { transform: rotate(1.3deg) translateX(2px); } .slide-show--cards-askew .slideshow__slide:nth-child(n+2) { transform: rotate(2.5deg); } .slide-show--cards-askew .slideshow__slide:nth-child(n+3) { transform: rotate(-2deg) translateX(-1px); } .slide-show--cards-askew .slideshow__slide:nth-child(n+4) { transform: rotate(3deg) translateX(-1.5px); } .slide-show--cards-askew .slideshow__slide:nth-child(n+5) { transform: rotate(1deg); } .slide-show--cards-askew .slideshow__slide:nth-child(n+6) { transform: rotate(-1.5deg) translateX(1px); } .slide-show--cards-askew .slideshow .slideshow__slide.is-active { transform: none; opacity: 1; } .slideshow-ctrl--inline { position: static; transform: none; } .slideshow-ctrl--inline .slideshow-nav { justify-content: flex-end; } .text-overlay--h-left .slideshow-ctrl--inline .slideshow-nav { justify-content: var(--overlay-align-left, left); } .text-overlay--h-center .slideshow-ctrl--inline .slideshow-nav { justify-content: center; } .text-overlay--h-right .slideshow-ctrl--inline .slideshow-nav { justify-content: var(--overlay-align-right, right); } .slideshow-nav__btn { background: transparent; color: rgb(var(--image-overlay-text-color)); } .slideshow-nav__btn:hover { background: transparent; color: rgb(var(--image-overlay-text-color)); } .slideshow-nav__btn:not(:hover) { opacity: 0.75; } .slideshow-nav__btn svg { display: block; width: 80px; height: 80px; stroke-width: 0.6; stroke: currentColor; opacity: 0.75; fill: transparent; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5)); } @keyframes circleTimer { 0% { stroke-dashoffset: 38; } 100% { stroke-dashoffset: 0; } } .slideshow-pagination { flex: 1 0 0; align-self: flex-end; margin-bottom: 5px; text-align: center; } @media (min-width: 768px) { .slideshow-pagination { margin-bottom: 5px; } } [dir=rtl] .slideshow-pagination { direction: rtl; } .page-btn { --animation: var(--duration, 0s) forwards linear var(--play-state, paused); margin: 0; pointer-events: initial; } .page-btn__circle { display: block; pointer-events: none; } .page-btn__fg-circle { transform: rotate(-90deg); transform-origin: center; stroke-width: 2px; stroke-dasharray: 38; stroke-dashoffset: 38; stroke: currentColor; fill: transparent; } [data-autoplay=true] [aria-current=true] .page-btn__fg-circle { animation: var(--animation); animation-name: circleTimer; } .page-btn__bg-circle { transition: stroke 0.2s, fill 0.2s, opacity 0.2s; stroke-width: 1px; stroke: currentColor; fill: currentColor; } [aria-current=true] .page-btn__bg-circle { stroke-width: 2px; opacity: 0.4; fill: transparent; } .js [data-transition=fade] .slideshow__slide { transition: var(--transtion-in, opacity 1s); opacity: 0; } .js [data-transition=fade] .slideshow__slide.is-active { opacity: 1; } [data-transition=slide-fade][data-direction=prev] { --translate-in: -160px; --translate-out: 80px; } [data-transition=slide-fade] .slideshow__slide .slideshow__motion-media { transform: translateX(var(--translate-in, 160px)); transition: var(--transition-in, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s); opacity: 0; } [data-transition=slide-fade] .slideshow__slide .slideshow__motion-media.transition-out { transform: translateX(var(--translate-out, -80px)); transition: transform 0.6s, opacity 1s; } [data-transition=slide-fade] .slideshow__slide.is-active .slideshow__motion-media { transform: translateX(0); opacity: 1; } [data-transition=zoom-fade] .slideshow__motion-media { transition: transform 2s cubic-bezier(0.21, 0.6, 0.35, 1), opacity 1s; transform: scale(1.2); opacity: 0; } [data-transition=zoom-fade] .slideshow__motion-media.transition-out { transition: transform 2s cubic-bezier(0.21, 0.6, 0.35, 1), opacity 1s 1s; } [data-transition=zoom-fade] .is-active .slideshow__motion-media { transform: scale(1); opacity: 1; } [data-transition=zoom-fade] .slideshow__slide:not(.is-active) .slideshow__motion-overlay { opacity: 0; transition: opacity 0.2s; } [data-transition=instant] .slideshow__slide.is-active .text-overlay { transition: none; } .js [data-transition=slide-fade] .slideshow__slide, .js [data-transition=fade] .slideshow__slide, .js [data-transition=zoom-fade] .slideshow__slide { transform: translateX(calc(-100% * (var(--slide-index) - 1))); } .js [data-transition=slide-fade] .slideshow__slide.image-overlay--bg-box, .js [data-transition=fade] .slideshow__slide.image-overlay--bg-box, .js [data-transition=zoom-fade] .slideshow__slide.image-overlay--bg-box { --trans-initial-delay: 0.2s; } .js [data-transition=slide-fade] .slideshow__slide.image-overlay--bg-box .text-overlay__text, .js [data-transition=fade] .slideshow__slide.image-overlay--bg-box .text-overlay__text, .js [data-transition=zoom-fade] .slideshow__slide.image-overlay--bg-box .text-overlay__text { transition: opacity 0.5s ease-out var(--trans-initial-delay); opacity: 0; } .js [data-transition=slide-fade] .slideshow__slide.image-overlay--bg-box.is-active .text-overlay__text, .js [data-transition=fade] .slideshow__slide.image-overlay--bg-box.is-active .text-overlay__text, .js [data-transition=zoom-fade] .slideshow__slide.image-overlay--bg-box.is-active .text-overlay__text { opacity: 1; } .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box), .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box), .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box) { --trans-initial-delay: 0.3s; } .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__reveal, .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__reveal, .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__reveal { clip-path: polygon(0 -100px, 100% -100px, 100% calc(100% + 20px), 0 calc(100% + 20px)); } .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__button-row, .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__button-row, .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__button-row { opacity: 0; transition: opacity 1.5s; } .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__subheading, .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__title, .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__rte, .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__subheading, .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__title, .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__rte, .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__subheading, .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__title, .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__rte { transform: translateY(120%); transition: opacity 0.9s, transform 0.9s cubic-bezier(0.26, 0.54, 0.32, 1) var(--trans-initial-delay); opacity: 0; } .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__rte, .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__rte, .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box) .text-overlay__rte { transition-delay: calc(var(--trans-initial-delay) + 0.4s); } .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__reveal, .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__reveal, .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__reveal { clip-path: polygon(0 -100px, 100% -100px, 100% 200%, 0 200%); transition: clip-path 2s 2s ease; } .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__subheading, .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__title, .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__rte, .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__subheading, .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__title, .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__rte, .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__subheading, .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__title, .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__rte { transform: translateY(0); opacity: 1; } .js [data-transition=slide-fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__button-row, .js [data-transition=fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__button-row, .js [data-transition=zoom-fade] .slideshow__slide:not(.image-overlay--bg-box).is-active .text-overlay__button-row { opacity: 1; transition-delay: 1s; } @media (max-width: 767.98px) { .text-overlay-parent--mobile-stack .text-overlay__reveal, .text-overlay-parent--mobile-stack .text-overlay__subheading, .text-overlay-parent--mobile-stack .text-overlay__title, .text-overlay-parent--mobile-stack .text-overlay__rte, .text-overlay-parent--mobile-stack .text-overlay__button-row { transition-duration: 0s !important; transition-delay: 0s !important; } } .modal { visibility: hidden; z-index: 8002; transition: visibility 0s 0.4s, background-color 0.3s ease 0.1s; background-color: rgba(var(--modal-overlay-color)/0); } .modal[open], [open]:not(.is-closing) .modal { visibility: visible; transition-delay: 0s; background-color: rgba(var(--modal-overlay-color)/var(--modal-overlay-opacity)); } .modal__window { width: 100%; max-width: 800px; min-height: 240px; max-height: calc(var(--viewport-height) - var(--gutter) * 2); margin: var(--gutter); overflow: auto; transform: scale(0.8); transition: transform 0.15s ease-in 0s, opacity 0.15s 0s; border-radius: var(--modal-border-radius); opacity: 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } [open]:not(.is-closing) .modal__window { transform: scale(1); transition: transform 0.15s ease-out 0.1s, opacity 0.15s 0.1s; opacity: 1; } .modal__close-btn { z-index: 1; top: 10px; right: 10px; padding: 10px; border-radius: var(--btn-border-radius); background-color: inherit; color: currentColor; } .modal__content { padding: 64px var(--gutter) var(--gutter); } .modal__image { flex: 0 0 50%; max-width: 360px; } html:has(.modal[open]) { overflow: hidden; } html:has(.modal[open]) > body { width: calc(100% - var(--scrollbar-width)); } @media (--sm-up) { .modal__window { width: auto; min-width: 480px; } } @media (--md-down) { .modal .rte table { width: auto; margin-right: calc(var(--gutter) * -1); margin-left: calc(var(--gutter) * -1); } } @media (--md-up) { .modal__content { padding: 64px var(--gutter) var(--gutter); } } .modal { transition: visibility 0s 0.4s, background-color 0.3s ease 0.1s; } .slider { --scrollbar-border-width: 11px; padding-bottom: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgb(var(--text-color)) transparent; } .slider::-webkit-scrollbar { height: 24px; } .slider::-webkit-scrollbar-thumb { border: var(--scrollbar-border-width) solid transparent; border-radius: var(--btn-border-radius); box-shadow: inset 0 0 0 2px rgb(var(--text-color)); } .slider::-webkit-scrollbar-thumb:hover { border-width: 10px; } .slider::-webkit-scrollbar-track { margin: 0 calc(var(--gutter) - var(--scrollbar-border-width)); border: var(--scrollbar-border-width) solid transparent; border-radius: var(--btn-border-radius); box-shadow: inset 0 0 0 2px rgba(var(--text-color)/0.3); } .slider.slider--no-scrollbar { padding-bottom: 0; scrollbar-width: none; } .slider.slider--no-scrollbar::-webkit-scrollbar { display: none; } .carousel[inactive] .slider::-webkit-scrollbar-thumb { display: none; } .carousel[inactive] .slider::-webkit-scrollbar-track { display: none; } .slider__item { scroll-snap-align: start; } @media (--sm-down) { .slider { padding: 0; scrollbar-width: none; } .slider::-webkit-scrollbar { display: none; } .slider:not(.slider--no-container) .slider__grid { width: calc(100% - var(--column-gap)); } } @media (--md-up) { .carousel:not([inactive]) .section__heading { text-align: start; } } @media (--page-down) { .carousel > .container { padding: 0; } .carousel__header { padding: 0 var(--gutter); } .slider:not(.slider--no-container) { width: 100%; scroll-padding-left: var(--gutter); } [dir=rtl] .slider:not(.slider--no-container) { scroll-padding-right: var(--gutter); scroll-padding-left: 0; } .slider:not(.slider--no-container) .slider__item:last-child { width: calc(100% + var(--gutter)); border-inline-end: var(--gutter) solid transparent; } } @media (--page-up) { .slider:not(.slider--no-container)::-webkit-scrollbar-track { margin: 0 calc(var(--scrollbar-border-width) * -1); } .slider:not(.slider--no-container) > .container { padding: 0; } } carousel-slider { display: block; position: relative; } .slider { --scrollbar-border-width: 4px; padding-bottom: 0; scroll-behavior: smooth; } .slider.is-grabbable { cursor: grab; -webkit-user-select: none; user-select: none; } .slider.is-grabbable img { pointer-events: none; } .slider.is-grabbing { cursor: grabbing; scroll-snap-type: none; } .slider.is-dragging a { pointer-events: none; } .slider::-webkit-scrollbar { height: 10px; } .carousel[inactive] .slider-nav { display: none; } carousel-slider[data-dynamic-height=true]:not([inactive]) { height: var(--current-slide-height, auto); overflow: hidden; transition: height 500ms ease; } .slider-nav--floating .slider-nav__btn { --slider-nav-btn-x-offset: -26px; --slider-nav-btn-color: inherit; position: absolute; z-index: 3; top: calc(50% - 12px); transition: opacity 200ms; } .slider-nav--floating .slider-nav__btn, .slider-nav--floating .slider-nav__btn:hover, .slider-nav--floating .slider-nav__btn[disabled] { padding: 0; border: none !important; background: transparent !important; color: var(--slider-nav-btn-color) !important; } .slider-nav--floating .slider-nav__btn[disabled] { opacity: 0; pointer-events: none; } .slider-nav--floating .slider-nav__btn[name=prev] { left: var(--slider-nav-btn-x-offset); } [dir=rtl] .slider-nav--floating .slider-nav__btn[name=prev] { right: var(--slider-nav-btn-x-offset); left: auto; } .slider-nav--floating .slider-nav__btn[name=next] { right: var(--slider-nav-btn-x-offset); } [dir=rtl] .slider-nav--floating .slider-nav__btn[name=next] { right: auto; left: var(--slider-nav-btn-x-offset); } carousel-slider[inactive] .slider-nav__btn { opacity: 0; visibility: hidden; } .slider-nav__btn--style-2 { position: relative; padding: 0; } .slider-nav__btn--style-2:not(:hover) { opacity: 1; } .slider-nav__btn--style-2 svg { position: relative; z-index: 1; width: 32px; height: 32px; margin: 6px; stroke-width: 1; stroke: rgb(var(--body-text-color)); opacity: 1; filter: none; } .slider-nav__btn--style-2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(var(--body-bg-color)/0.7); } .slider-nav__btn--style-2:hover::after { background: rgba(var(--body-bg-color)/0.9); } [dir=ltr] .slider-nav__btn--style-2[name=next]::after, [dir=rtl] .slider-nav__btn--style-2[name=prev]::after { border-top-left-radius: var(--btn-inspired-border-radius); border-bottom-left-radius: var(--btn-inspired-border-radius); } [dir=ltr] .slider-nav__btn--style-2[name=prev]::after, [dir=rtl] .slider-nav__btn--style-2[name=next]::after { border-top-right-radius: var(--btn-inspired-border-radius); border-bottom-right-radius: var(--btn-inspired-border-radius); } .slider--edge-peek { width: calc(100% + var(--container-pad-x) * 2); margin-inline-start: calc(-1 * var(--container-pad-x)); padding-left: var(--container-pad-x); padding-right: var(--container-pad-x); scroll-padding-left: var(--container-pad-x); scroll-padding-right: var(--container-pad-x); } .slider--edge-peek .slider__grid::after { content: " "; display: block; width: calc(var(--container-pad-x) - var(--gutter)); } @media (max-width: 767.98px) { .slider--edge-peek.slider--mobile-container-pad { width: auto; } .slider--mobile-container-pad { margin-left: 0; padding-left: var(--container-pad-x); padding-right: var(--container-pad-x); scroll-padding-left: var(--container-pad-x); scroll-padding-right: var(--container-pad-x); } } .product-price--large .price__from { font-size: var(--base-text-size); } .product-price--large .price__default, .product-price--large .price__no-variant { font-size: calc(3 * var(--font-scale) + var(--base-text-size)); } .product-price--large .price__was { margin-left: 8px; text-decoration: line-through; } .product-price--large .price--on-sale .price__current { color: var(--product-label-sale-text); } .product-price--block { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: var(--product-block-price-align); } .product-price--block .price, .product-price--block .price__default { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: var(--product-block-price-align); } .product-price--block .price__from, .product-price--block .price__current, .product-price--block .price__was, .product-price--block .price-label { margin-inline-start: var(--product-block-price-item-margin-start); margin-inline-end: var(--product-block-price-item-margin-end); } .product-price--block .price__was { opacity: 0.5; text-decoration: line-through; } .product-price--block .price__from { margin-inline-end: 0.35em; font-size: var(--smaller-text-size-1); } .product-price--block .unit-price { width: 100%; font-size: var(--smaller-text-size-1); } .overlay { visibility: hidden; z-index: 8000; transition: visibility 0.3s, z-index 0s 0.3s, opacity 0.3s; opacity: 0; background-color: rgba(var(--modal-overlay-color)/var(--modal-overlay-opacity)); pointer-events: none; } .overlay.is-visible { visibility: visible; transition: visibility 0.3s, z-index 0s, opacity 0.3s; opacity: 1; pointer-events: initial; } .pickup-status .link { color: rgb(var(--link-color)); text-decoration: underline; text-decoration-color: rgb(var(--link-color)/0.4); text-transform: none; text-underline-offset: 2px; text-decoration-thickness: 1px; } .pickup-status .link:hover { text-decoration-color: rgb(var(--link-color)); } .pickup-icon { padding-inline-end: 10px; } .pickup-icon svg { width: 16px; height: 16px; margin-top: 2px; vertical-align: baseline; } .drawer { --gutter-content: 20px; visibility: hidden; z-index: 8001; width: min(88%, 540px); height: 100%; transition: transform 0.34s ease, visibility 0.34s ease; transform: translate3d(100%, 0, 0); outline: 0; background-color: rgb(var(--body-bg-color)); } .drawer[open] { visibility: visible; transition: visibility 0s 0s, transform 0.34s ease; transform: translate3d(0, 0, 0); } @media (min-width: 768px) { .drawer { --gutter-content: 32px; } } .drawer__header { margin: 15px 0; padding: 0 var(--gutter-content); } @media (min-width: 768px) { .drawer__header { margin-top: 20px; } } .drawer__header--with-line { margin: 20px 0 0; padding: 0 var(--gutter-content) 20px; border-bottom: 1px solid rgb(var(--text-color)/var(--divider-opacity)); } .drawer__close-btn { margin: -10px; padding: 10px; color: rgb(var(--text-color)); } .drawer__content { padding: var(--gutter-content); overflow: auto; } .drawer__footer { z-index: 5; padding: var(--gutter-content); transform: translate3d(0, 100%, 0); transition: transform 0s 0.34s; border-top: 1px solid rgba(var(--body-text-color)/0.3); box-shadow: 0 -2px 8px 0 rgba(var(--body-text-color)/0.08); } .drawer__footer:empty { display: none; } .overlay--drawer { z-index: 8001; background-color: rgba(0, 0, 0, 0.25); } html:has(.drawer[open]) { overflow: hidden; } html:has(.drawer[open]) > body { overflow-y: auto; width: calc(100% - var(--scrollbar-width)); } .signup-form__inline-container { display: inline-flex; } .signup-form__inline-container input { width: 300px; } .signup-form__inline-container button { margin-inline-start: 10px; } @media (max-width: 767.98px) { .signup-form__inline-container { display: block; } .signup-form__inline-container input { width: 100%; margin-bottom: 20px; } .signup-form__inline-container button { margin-inline-start: 0; } } .social { --icon-size: 15px; } .social:empty { display: none; } .social ul, .social li { margin: 0; padding: 0; line-height: var(--icon-size); } .social a { margin-inline-start: 10px; } .social a img { width: auto; height: var(--icon-size); } .social--large { --icon-size: 23px; } .social-share__heading { margin-bottom: 0; font-size: var(--smaller-text-size-1); } .product-grid { --product-columns-desktop: 1; display: grid; grid-template-columns: repeat(var(--product-columns-desktop), minmax(0, 1fr)); column-gap: var(--gutter); row-gap: var(--gutter); align-items: start; } .product-grid .product-block:not(.product-block--landscape) .block-inner-inner { display: flow-root; } .product-grid .product-block__detail { margin-bottom: 30px; } .product-grid--carousel { grid-auto-columns: calc((100% - var(--gutter) * (var(--product-columns-desktop) - 1)) / var(--product-columns-desktop)); grid-auto-flow: column; grid-template-columns: none; align-items: normal; } .product-grid--carousel .slider__item { display: flex; flex-direction: column; } .product-grid--carousel .product-block { display: flex; flex-direction: column; flex-grow: 1; } .product-grid--carousel .block-inner { flex-grow: 1; } .product-grid--per-row-mob-2 { --product-columns-desktop: 2; } @media (min-width: 768px) { .product-grid--per-row-2 { --product-columns-desktop: 2; } .product-grid--per-row-3 { --product-columns-desktop: 3; } .product-grid--per-row-4 { --product-columns-desktop: 4; } .product-grid--per-row-5 { --product-columns-desktop: 5; } } .product-grid .quickbuy-container { position: absolute; top: auto; left: 0; width: 100%; height: 0; background-color: #fffbf6 } .product-block { display: block; text-align: center; transition: padding-bottom 0.7s ease; } .product-block .block-inner .vendor { margin: 1em 0 0.4em; font-size: var(--smaller-text-size-1); line-height: 1.3em; } .product-block__subtitle { margin: 0 0 0.4em; font-size: var(--smaller-text-size-1); line-height: 1.3em; } .product-block-options { margin: 8px -4px; opacity: 0.6; font-size: var(--smaller-text-size-1); line-height: 1.4em; } .product-block-options .product-block-options__inner { margin-bottom: -6px; } .product-block-options .product-block-options__item--truncated { display: none; } .product-block:not(.product-block--compact) .product-block-options:hover .product-block-options__item--truncated { display: inline-block; } .product-block:not(.product-block--compact) .product-block-options:hover .product-block-options__more-label { display: none; } [data-swatch] { --swatch-background-color: transparent; --swatch-background-image: none; } .product-block-options--swatch { opacity: 1; } .product-block-options--swatch .product-block-options__inner { display: inline-block; } @media (min-width: 768px) { .product-block-options--swatch .product-block-options__inner { margin-bottom: -12px; } } :root { --product-block-options-swatch-border-radius: 100px; } .product-block-options__item { display: inline-block; margin: 0 4px 6px; vertical-align: middle; } .product-block-options--swatch .product-block-options__item { position: relative; margin: 0 4px 8px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: var(--product-block-options-swatch-border-radius); background-clip: padding-box; background-color: var(--swatch-background-color); background-image: var(--swatch-background-image); background-repeat: no-repeat; background-position: var(--swatch-crop-align); background-size: cover; } .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable { text-decoration: none; } .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--product-block-options-swatch-border-radius); opacity: 0.4; background: rgb(var(--body-bg-color)); } .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable::after { content: ""; position: absolute; top: 50%; right: -4px; left: -4px; height: 1px; transform: rotate(-45deg); opacity: 1; background: rgb(var(--body-text-color)/0.3); } @media (min-width: 1000px) { .product-block-options--swatch .product-block-options__item:hover[data-media], .product-block-options--swatch .product-block-options__item:focus[data-media], .product-block-options--swatch .product-block-options__item:active[data-media] { cursor: pointer; } .product-block-options--swatch .product-block-options__item:hover .product-block-options__item__text, .product-block-options--swatch .product-block-options__item:focus .product-block-options__item__text, .product-block-options--swatch .product-block-options__item:active .product-block-options__item__text { opacity: 1; visibility: visible; } } .product-block-options--swatch .product-block-options__item .product-block-options__item__text { position: absolute; z-index: 1; bottom: 100%; left: 50%; padding: 4px 12px; transform: translate3d(-50%, -10px, 0); transition: opacity 50ms, visibility 50ms; border: 1px solid rgb(var(--body-text-color)/0.15); border-radius: 3px; opacity: 0; visibility: hidden; background: rgb(var(--body-bg-color)); color: rgb(var(--body-text-color)); white-space: nowrap; pointer-events: none; } @media (max-width: 767.98px) { .product-block-options--swatch .product-block-options__item .product-block-options__item__text { display: none; } } .product-block-options--swatch .product-block-options__item .theme-img { border-radius: var(--product-block-options-swatch-border-radius); } .swatch-method-swatches .product-block-options--swatch .product-block-options__item { width: 22px; height: 22px; } @media (min-width: 768px) { .swatch-method-swatches .product-block-options--swatch .product-block-options__item { width: 14px; height: 14px; } } .swatch-method-swatches .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable { box-shadow: 0 0 0 2px rgb(var(--body-bg-color)), 0 0 0 3px rgb(var(--body-text-color)/0.3); } @media (min-width: 768px) { .swatch-method-swatches .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable { box-shadow: 0 0 0 3px rgb(var(--body-bg-color)), 0 0 0 4px rgb(var(--body-text-color)/0.3); } } .swatch-method-swatches .product-block-options--swatch .product-block-options__item:focus, .swatch-method-swatches .product-block-options--swatch .product-block-options__item:active { box-shadow: 0 0 0 2px rgb(var(--body-bg-color)), 0 0 0 3px rgb(var(--body-text-color)/0.6); } @media (min-width: 1000px) { .swatch-method-swatches .product-block-options--swatch .product-block-options__item:hover, .product-block-options--swatch .swatch-method-swatches .product-block-options--swatch .product-block-options__item:focus, .swatch-method-swatches .product-block-options--swatch .product-block-options__item:active { box-shadow: 0 0 0 3px rgb(var(--body-bg-color)), 0 0 0 4px rgb(var(--body-text-color)/0.3); } } .swatch-method-variant-images .product-block-options--swatch .product-block-options__item { width: 36px; height: 36px; } @media (min-width: 768px) { .swatch-method-variant-images .product-block-options--swatch .product-block-options__item { width: 36px; height: 36px; } } .swatch-method-variant-images .product-block-options--swatch .product-block-options__item:focus, .swatch-method-variant-images .product-block-options--swatch .product-block-options__item:active { border-color: rgb(var(--body-text-color)/0.6); } @media (min-width: 1000px) { .swatch-method-variant-images .product-block-options--swatch .product-block-options__item:focus, .swatch-method-variant-images .product-block-options--swatch .product-block-options__item:active, .swatch-method-variant-images .product-block-options--swatch .product-block-options__item:hover { border-color: rgb(var(--body-text-color)/0.3); } } .swatch-method-variant-images.swatch-style-icon_square .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable::after { right: -7px; left: -7px; } .swatch-style-icon_square .product-block-options__item { --product-block-options-swatch-border-radius: var(--btn-inspired-border-radius); } .swatch-method-variant-images.swatch-style-icon_circle .product-block-options__item.product-block-options__item--unavailable::after { right: 0; left: 0; } .swatch-method-swatches.swatch-style-icon_square .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable::after { right: -6.5px; left: -6.5px; } @media (min-width: 768px) { .swatch-method-swatches .product-block-options { margin-right: -7px; margin-left: -7px; } .swatch-method-swatches .product-block-options__item { margin: 0 7px 12px; } .swatch-method-variant-images .product-block-options { margin-right: -3px; margin-left: -3px; } .swatch-method-variant-images .product-block-options__item { margin: 0 3px 10px; } } .product-block-options__item--unavailable { text-decoration: line-through; } .product-block-options__more-label { display: inline-block; margin: 0 0 8px 4px; line-height: 22px; vertical-align: middle; } @media (min-width: 768px) { .product-block-options__more-label { margin: 0 7px 12px 4px; line-height: 14px; } } .product-block .block-inner { position: relative; } @media (min-width: 768px) { .product-block .block-inner { min-height: var(--qb-block-height); } } .product-block .product-link { display: block; position: relative; } .product-block .product-link:not(.btn) { color: inherit; } .product-block .image-cont { position: relative; margin: 0 auto; overflow: hidden; } .product-block .image-cont .img-ar::before { padding-top: calc(100% / max(var(--aspect-ratio), 0.6)); } .product-block .image-cont .btn.quickbuy-toggle { display: none; } @media (min-width: 768px) { .product-block .image-cont .btn.quickbuy-toggle { display: block; visibility: hidden; position: absolute; bottom: 10px; left: 10px; width: calc(100% - 20px); padding: 1em 20px; transition: all 100ms ease-out; border-color: rgb(var(--body-text-color)/0.15); opacity: 0; font-size: var(--quickbuy-button-text-size); /* keep default colour on hover */ } .product-block .image-cont .btn.quickbuy-toggle:hover { border-color: rgb(var(--body-text-color)/0.15); background: rgb(var(--btn-alt-bg-color)); color: rgb(var(--btn-alt-text-color)); } .product-block .image-cont:hover .btn.quickbuy-toggle { visibility: visible; opacity: 1; } } .product-block .image-cont .placeholder-image { width: 100%; max-width: 100%; } .product-block__image { background: var(--product-block-blend-bg, none); } .product-block__image .theme-img { mix-blend-mode: var(--product-block-blend-mode, none); object-position: var(--product-block-crop-align) center; } .image-cont--with-secondary-image .product-block__image--secondary { display: none; } .image-page-button { display: none; position: absolute; z-index: 3; /* above overlay text */ top: 50%; padding: 3px; transform: translateY(-50%); transition: opacity 100ms; opacity: 0; pointer-events: none; /* undo button styles */ } .image-page-button, .image-page-button:hover { border: 0; background: transparent; color: rgb(var(--body-text-color)); } .image-page-button::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; background: rgb(var(--body-bg-color)); } .image-page-button:hover::after { opacity: 0.9; } .image-page-button svg { display: block; position: relative; z-index: 1; stroke: rgb(var(--body-text-color)); fill: transparent; } @media (max-width: 767.98px) { .product-grid--per-row-mob-1 .image-page-button { display: block; opacity: 1; pointer-events: auto; } } .image-page-button--previous { left: 0; overflow: hidden; border-radius: 0 var(--btn-inspired-border-radius) var(--btn-inspired-border-radius) 0; } [dir=rtl] .image-page-button--previous { right: 0; left: auto; border-radius: var(--btn-inspired-border-radius) 0 0 var(--btn-inspired-border-radius); } .image-page-button--next { right: 0; overflow: hidden; border-radius: var(--btn-inspired-border-radius) 0 0 var(--btn-inspired-border-radius); } [dir=rtl] .image-page-button--next { right: auto; left: 0; border-radius: 0 var(--btn-inspired-border-radius) var(--btn-inspired-border-radius) 0; } .product-block__image-dots { position: absolute; bottom: 10px; left: 10px; line-height: 7px; white-space: nowrap; pointer-events: none; } @media (max-width: 767.98px) { .product-grid--per-row-mob-1 .product-block__image-dots { display: none; } } .product-block__image-dot { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border: 1px solid currentColor; border-radius: 7px; vertical-align: top; } .product-block__image-dot--active { background: currentColor; } .product-block__image-dot--more { opacity: 0.25; } .image-cont--with-secondary-image { /* delay fade-out if same shape, to avoid background bleed */ } .image-cont--with-secondary-image .product-block__image--secondary { display: block; position: absolute; top: 0; left: 0; width: calc(100% + 0.5px); height: calc(100% + 0.5px); overflow: hidden; opacity: 0; pointer-events: none; } .image-cont--with-secondary-image .product-block__image--secondary .theme-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .image-cont--with-secondary-image .product-block__image--primary { opacity: 0; } .image-cont--with-secondary-image .product-block__image--active { opacity: 1; } .image-cont--with-secondary-image .product-block__image { transition: opacity 100ms; } .image-cont--with-secondary-image.image-cont--same-aspect-ratio .product-block__image { transition: opacity 100ms 100ms; } .image-cont--with-secondary-image.image-cont--same-aspect-ratio .product-block__image--active { transition: opacity 100ms 0ms; } .product-block__image--inactivated { display: none !important; } @media (min-width: 960px) { .image-cont--with-secondary-image { /* delay fade-out if same shape, to avoid background bleed */ } .image-cont--with-secondary-image .product-block__image-dots { display: none; } .image-cont--with-secondary-image:hover .product-block__image--active { opacity: 0; } .image-cont--with-secondary-image:hover .product-block__image--show-on-hover { opacity: 1; } .image-cont--with-secondary-image.image-cont--same-aspect-ratio:hover .product-block__image--active { transition: opacity 50ms 50ms; } .image-cont--with-secondary-image.image-cont--same-aspect-ratio:hover .product-block__image--show-on-hover { transition: opacity 50ms 0ms; } .image-cont--with-secondary-image .image-page-button { display: block; } .image-cont--with-secondary-image:hover .image-page-button { opacity: 1; pointer-events: auto; } } .product-block .image-label-wrap { position: relative; } .swatch-method-variant-images .product-block--compact .product-block-options--swatch .product-block-options__item { width: 32px; height: 32px; } .product-block--landscape .block-inner-inner { --product-block-price-align: start; display: flex; } .product-block--landscape .block-inner-inner .image-cont { flex: 0 0 64px; margin-inline-end: 16px; } @media (min-width: 768px) { .product-block--landscape .block-inner-inner .image-cont { flex: 0 0 96px; } } .product-block--landscape .block-inner-inner .product-block__detail { flex: 1 0 0; margin-bottom: 0; text-align: start; } .product-block--landscape .block-inner-inner .product-price { --product-block-price-item-margin-start: initial; --product-block-price-item-margin-end: 0.5rem; } .product-label-container { display: flex; position: absolute; top: 7.5px; right: 7.5px; bottom: 7.5px; left: 7.5px; flex-direction: column; align-items: var(--product-label-overlay-align); justify-content: var(--product-label-overlay-justify); pointer-events: none; } .product-label { display: block; margin: 2.5px; } .product-label > span { display: inline-block; padding: 0.5em 1em; background: var(--product-label-overlay-reduction-bg); color: var(--product-label-overlay-reduction-text); font-size: var(--smaller-text-size-4); line-height: 1.2; vertical-align: top; } @media (min-width: 768px) { .product-label > span { font-size: var(--smaller-text-size-3); } } .product-label--sale { font-weight: var(--product-label-overlay-reduction-text-weight); } .product-label--stock > span { background: var(--product-label-overlay-stock-bg); color: var(--product-label-overlay-stock-text); } .product-label--new-in > span { background: var(--product-label-overlay-new-bg); color: var(--product-label-overlay-new-text); } .product-label--meta > span { background: var(--product-label-overlay-meta-bg); color: var(--product-label-overlay-meta-text); } .price-label--sold-out { color: var(--product-label-sold-text); } .price-label--sale { color: var(--product-label-sale-text); } .price-label--preorder { color: var(--product-label-preorder-text); } .product-block__detail { display: block; margin-top: 10px; color: inherit; font-size: var(--smaller-text-size-2); } .product-block__detail > .subheading:first-child { margin-top: calc(10px + 0.35em); } @media (max-width: 767.98px) { .product-block:not(.product-block--landscape) .product-block__detail .innerer { display: flex; flex-direction: column; } .product-block:not(.product-block--landscape) .product-block__detail .innerer .product-block-options--swatch { order: -1; margin-top: 2px; margin-bottom: 10px; } } .product-block.expanded .block-inner::after { content: " "; position: absolute; z-index: 10; top: 100%; left: 50%; width: 0; height: 0; margin: -29px 0 0 -15px; border: solid transparent; border-width: 15px; border-bottom-color: rgb(var(--quickbuy-bg)); pointer-events: none; } .product-block .product-block__detail > .inner { margin-right: auto; margin-left: auto; } /* Collection blocks - in style of product block */ .collection-slider .carousel .product-block.collection-block { margin-bottom: 0; } .collection-slider .carousel .product-block.collection-block .block-inner, .collection-slider .carousel .product-block.collection-block .product-block__detail { margin-bottom: 0; } .product-block.collection-block .image-cont { padding-bottom: 0; } .product-block.collection-block .image-cont .theme-img { object-position: var(--collection-block-image-position); } .product-block.collection-block .product-block__image { background: none; } .product-block.collection-block .product-block__image .theme-img { mix-blend-mode: none; } .collection-slider-row.for-collections { margin-bottom: var(--section-padding); } .collection-slider-row.for-collections.use-color-scheme { margin-top: 0; margin-bottom: 0; padding-bottom: var(--section-padding); } /* Search results */ .product-block.page-block .article-image { margin: 0 0 1em; } .product-block.page-block .block-inner { overflow: hidden; } .product-block.page-block .block-inner .text-cont { overflow: hidden; padding-bottom: 1em; text-align: start; } .product-block .small { font-size: 0.75em; } .info-card { padding: 20px; background: rgba(0, 0, 0, 0.05); } :root { --theme-header-height: 0; --input-active-shadow-width: 1px; --success-text-color: 16 128 67; --modal-overlay-color: 0 0 0; --modal-overlay-opacity: 0.3; --modal-border-radius: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { :root { --input-active-shadow-width: 0.5px; } } html { font-size: var(--base-text-size); } body { background-color: rgb(var(--body-bg-color)); color: rgb(var(--body-text-color)); font-size: var(--base-text-size); line-height: var(--base-line-height); overflow-y: scroll; /* Fonts on Macs look bad without these */ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } summary, toggle-target { cursor: pointer; } .no-wrap { white-space: nowrap; } .hidden { display: none !important; } .js .js-hidden { display: none !important; } html:not(.js) .js-only { display: none !important; } .only-in-quickbuy { display: none; } .skip-link:focus { position: absolute !important; z-index: 10000 !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 10px !important; overflow: auto !important; clip: auto !important; transition: none !important; background-color: #fdfdfa !important; color: #26262c !important; } [data-ajax-container] { transition: opacity 150ms; } .ajax-loading { opacity: 0.5; } /* Lists */ .container { max-width: var(--page-container-width); margin-right: auto; margin-left: auto; padding-right: var(--container-pad-x); padding-left: var(--container-pad-x); } .container--no-max { max-width: none; } .slim-container { max-width: 460px; margin-right: auto; margin-left: auto; } .inline-width-container { display: inline-block; max-width: 100%; vertical-align: top; } #content > .container { margin-top: var(--section-padding); margin-bottom: var(--section-padding); } .template-index #content > .container, .template-collection #content > .container, .template-list-collections #content > .container, .template-product #content > .container, .template-blog #content > .container, .template-article #content > .container, .template-page #content > .container, .template-search #content > .container, .template-cart #content > .container, .template-404 #content > .container, .template-customers-login #content > .container, .template-customers-register #content > .container, .template-customers-activate_account #content > .container, .template-customers-addresses #content > .container, .template-customers-order #content > .container, .template-customers-reset_password #content > .container, .template-customers-account #content > .container, [class^=template-metaobject] #content > .container { max-width: none; margin-top: 0; margin-bottom: 0; padding-right: 0; padding-left: 0; } .template-collection .page-header:not(.page-header--with-background) .pagetitle:last-child { margin-bottom: -25px; } @media (max-width: 767.98px) { .template-collection .utility-bar__right { min-height: calc(var(--base-line-height) * 1em + 20px); /* match results total height */ } .mobile-container { padding-right: var(--container-pad-x); padding-left: var(--container-pad-x); } } .story-page--without-content { margin-top: -30px; } /* Store messages */ .store-messages { background: var(--background); } .store-messages > .container { display: flex; } .store-messages a { color: inherit; text-decoration: none; } .store-messages .message { position: relative; flex: 1 0 0; padding: 12px 0; text-align: center; } .store-messages .message > a { display: block; } .store-messages .message .title, .store-messages .message .tagline { margin: 0 20px; } .store-messages .message .title { color: var(--text-1); font-size: 100%; line-height: 1.3em; } .store-messages .message .tagline { display: block; color: var(--text-2); font-size: var(--smaller-text-size-1); line-height: 1.4em; } .store-messages .message .tagline:nth-child(2) { margin-top: 5px; margin-bottom: 4px; } .store-messages .message .fluff { position: absolute; top: 28%; bottom: 29%; left: 0; width: 1px; border-left: 1px solid var(--text-2); opacity: 0.15; } .store-messages.messages-2 .message { flex: 0 0 50%; } .store-messages.messages-3 .message { flex: 0 0 33.33%; } .store-messages-mobile { padding: 8px 0; background: var(--background); color: var(--text-1); font-size: 12px; line-height: 1.2em; text-align: center; } .store-messages-mobile a, .store-messages-mobile a:hover { color: inherit; } /* Headings above content */ .page-header { text-align: center; } .page-header:not(.page-header--with-background) { padding: 0 0 20px; } .page-header--with-upper-spacing { margin-top: 30px; } .page-header--with-background { position: relative; margin-bottom: 30px; } .page-header--with-background .pagetitle { color: inherit; } .page-header--with-background .pagetitle:last-child { margin-bottom: 0; } .page-header--padded-small .text-overlay { padding-top: 60px; padding-bottom: 60px; } .page-header--padded-medium .text-overlay { padding-top: 90px; padding-bottom: 90px; } .page-header--padded-large .text-overlay { padding-top: 130px; padding-bottom: 130px; } .page-header--padded-huge .text-overlay { padding-top: 200px; padding-bottom: 200px; } @media (max-width: 767.98px) { .page-header--padded-small .text-overlay { padding-top: 40px; padding-bottom: 40px; } .page-header--padded-medium .text-overlay { padding-top: 60px; padding-bottom: 60px; } .page-header--padded-large .text-overlay { padding-top: 80px; padding-bottom: 80px; } .page-header--padded-huge .text-overlay { padding-top: 80px; padding-bottom: 80px; } } .page-header .pagetitle { margin-bottom: 20px; } .rsslink svg { --icon-size: 15px; display: block; } /* Pagination */ .pagination-row { margin-top: 30px; margin-bottom: 20px; text-align: center; } [dir=rtl] .pagination { display: flex; flex-wrap: wrap; justify-content: center; } [dir=rtl] .pagination .pagination__sep, [dir=rtl] .pagination .pagination__number { margin: 0 8px; } .pagination__sep { margin: 0 4px; } .pagination__number { margin: 0 4px; } .pagination-row.pagination-row-tabular { display: flex; align-items: flex-end; justify-content: space-between; } .pagination-row.pagination-row-tabular > * { flex: 1 1 0; } .pagination-row.pagination-row-tabular .prev { text-align: start; } .pagination-row.pagination-row-tabular .next { text-align: end; } [dir=rtl] .has-ltr-icon svg, [dir=rtl] svg.ltr-icon { transform: scaleX(-1); } /* Main footer */ .cross-page-promos { --heading-color: var(--text-color); --link-color: var(--text-color); padding-top: 20px; padding-bottom: 20px; background: var(--bg-color); color: var(--text-color); } .cross-page-promos a { display: block; } .cross-page-promos .heading-font { margin: 0; } .selectors-form__item { display: inline-block; } ul.plain li { list-style: none; } ul.inline, ul.inline li { display: inline; margin: 0; } /* Collection slider specific */ .collection-slider-row { margin-top: var(--section-padding); } .collection-slider-row.use-color-scheme { margin-top: 0; padding-top: var(--section-padding); padding-bottom: 0; } .collection-slider-row.use-color-scheme .view-all:not(:hover) { opacity: 0.75; } .collection-slider.carousel[inactive] .slider-nav { display: block; } .collection-slider.carousel[inactive] .slider-nav .slider-nav__btn { display: none; } /* View-all under title on homepage */ .view-all { margin: -25px 0 20px; text-align: center; } @media (max-width: 1299.98px) { .view-all { margin-top: -15px; } } .collection-slider .has-paging .slider-nav__btn { display: inline-block; margin: -10px 20px; padding: 10px; font-size: 80%; line-height: 1em; vertical-align: middle; } .collection-slider .has-paging .slider-nav__btn[disabled] { opacity: 0.25; } .has-paging__title { display: inline-block; vertical-align: middle; } .has-paging__title a { display: block; } /* Blog / articles */ .article-list .article { padding-top: 50px; padding-bottom: 50px; border-top: 1px solid rgb(var(--text-color)/var(--divider-opacity)); } .article-list .article:first-child { padding-top: 20px; border-top: none; } @media (min-width: 768px) { .article-list.article-layout--columns { display: flex; flex-wrap: wrap; margin-right: -20px; margin-bottom: calc(-1 * var(--section-padding)); margin-left: -20px; } .article-list.article-layout--columns .article { display: flex; box-sizing: border-box; width: 50%; margin: 0 0 var(--section-padding); padding: 0 20px; border: 0; } .article-list.article-layout--columns .article__inner { flex-basis: 100%; } .article-list.article-layout--columns.article-layout--one-row .article:nth-child(3) { display: none; } } @media (min-width: 1024px) { .article-list.article-layout--columns .article { width: 33.33%; } .article-list.article-layout--columns.article-layout--one-row .article:nth-child(3) { display: flex; } } .reading-width { max-width: var(--reading-container-width); margin-right: auto; margin-left: auto; } .container.container--reading-width, .container .shopify-policy__container { max-width: var(--reading-container-width); box-sizing: content-box; } .article .meta { margin-bottom: 16px; } .meta--after-title { margin-top: -4px; } .article .meta .tags:not(:first-child) { margin-top: 0.1em; } .article .meta .tags .label { font-style: normal; } .article .article__read-more-container { margin-top: 16px; } .article-list .rte { margin: 16px 0; } .meta .iconmeta { display: block; font-size: var(--smaller-text-size-1); line-height: 1.4em; } .meta .iconmeta a { white-space: nowrap; } .meta .tags a::after { content: ","; } .meta .tags a:last-child::after { content: none; } .cart-note textarea { width: 370px; max-width: 100%; height: 70px; margin-top: 10px; } .checkout-subtotal-container { margin-top: 30px; padding-top: 20px; border-top: 1px solid rgb(var(--text-color)/var(--divider-opacity)); } @media (min-width: 768px) { .checkout-subtotal-container { margin-top: 20px; } } .checkout-subtotal-container__right { text-align: end; } .checkout-subtotal-container__right .cart-discount-list { margin-top: 0; } #cartform .subtotal { margin: 0 0 30px; } #cartform .checkout-col { margin: 1em 0 0; } #cartform .checkout-col .btn { box-sizing: border-box; min-width: 200px; } @media (max-width: 767.98px) { #cartform .checkout-col .btn { width: 100%; } } #cartform .checkout-buttons { margin-bottom: 10px; } .additional-checkout-buttons shopify-accelerated-checkout-cart { --shopify-accelerated-checkout-button-block-size: 47px; --shopify-accelerated-checkout-button-inline-size: 47px; --shopify-accelerated-checkout-button-border-radius: var(--btn-border-radius, 0); --shopify-accelerated-checkout-button-box-shadow: none; --shopify-accelerated-checkout-inline-alignment: flex-end; --wallet-button-container-margin-vertical: 0px; --shopify-accelerated-checkout-row-gap: 8px; --shopify-accelerated-checkout-skeleton-background-color: rgba(0, 0, 0, 0); --shopify-accelerated-checkout-skeleton-animation-opacity-start: 0; --shopify-accelerated-checkout-skeleton-animation-opacity-end: 0; --shopify-accelerated-checkout-skeleton-animation-duration: 0s; } .update-cart-container { margin-bottom: 5px; } .js [data-ajax-update=true] .update-cart-container { display: none; } .terms-agreement { display: block; margin-bottom: 1em; } .terms-agreement label { vertical-align: baseline; } .struck-out-price { opacity: 0.6; text-decoration: line-through; } .cart-discount-list { margin: 1em 0; } .cart-discount { list-style: none; } .cart-discount:not(:last-child) { margin-bottom: 0.5em; } .cart-discount__icon svg { width: 18px; height: 18px; } .cart-discount__amount::before { content: "-"; } .cart-discount--inline .cart-discount__label { margin-inline-end: 1em; } /** Forms **/ .input-row select { height: 30px; padding: 4px 14px 4px 4px; border: 1px solid rgb(var(--text-color)/var(--divider-opacity)); line-height: 30px; } .small-form { width: 420px; max-width: 100%; margin-right: auto; margin-left: auto; } .small-form .title { text-align: center; } @media (max-width: 767.98px) { .small-form { box-sizing: border-box; } } .account-form input[type=email], .account-form input[type=text], .account-form input[type=number], .account-form input[type=password], .account-form input[type=tel], .account-form textarea, .small-form input[type=email], .small-form input[type=text], .small-form input[type=number], .small-form input[type=password], .small-form input[type=tel], .small-form textarea { width: 100%; } .text-over-input { position: relative; } .text-over-input__text { margin-top: 1em; } @media (min-width: 400px) { .text-over-input__text { position: absolute; top: 50%; right: 20px; margin-top: -0.5em; font-size: var(--smaller-text-size-1); line-height: 1em; } [dir=rtl] .text-over-input__text { right: auto; left: 20px; } } .account-form label { display: block; margin-bottom: 8px; font-size: 1rem; font-weight: 600; line-height: 1.4em; } .account-form .note { display: block; margin: 10px 0; } label.checkbox-label { display: flex; font-weight: normal; margin-bottom: 0; } label.checkbox-label input { margin-inline-end: 8px; } .input-row { margin-bottom: 20px; } .righty-form input[type=text], .righty-form input[type=email], .righty-form textarea { width: 100%; } .address-edit-toggle { margin-right: 15px; } .address-tables { margin-top: 40px; } @media (min-width: 800px) { .address-tables { display: flex; flex-wrap: wrap; } .address-tables .info-card { box-sizing: border-box; width: calc(50% - 20px); margin-right: 20px; } .address-tables .info-card:nth-child(2n) { margin-right: 0; margin-left: 20px; } } .small-form.edit_address { margin-top: var(--section-padding); margin-left: 0; } .address-phone { direction: ltr; } [dir=rtl] .address-phone { text-align: right; } .opposing-items { display: flex; align-items: center; justify-content: space-between; } .opposing-items--valign-base { align-items: baseline; } .opposing-items__left { flex: 1 0 0; } #customer_sidebar { width: 33%; float: left; } #customer_detail .address p, .address-table .view_address p, #order_address .address p { margin-bottom: 0; } #customer_orders { width: 60%; float: right; } #order_details { width: 100%; clear: both; } @media (max-width: 767.98px) { #order_details .price, #order_details .sku, #order_details .unit-price { visibility: hidden; padding: 0; font-size: 0; } #order_details .price .cart-discount__label { display: none; } } .order-table-container { overflow: auto; } .order-table .price, .order-table .total, .order-table tfoot td:last-child { text-align: end; } .order-table .product-price { justify-content: flex-end; } .order-table tfoot tr:first-child td { border-top-width: 3px; border-top-style: double; } .order-table .unit-price { font-size: var(--smaller-text-size-1); } .order-table .info-card { margin-top: 0.7em; } #comments .comment { padding: 20px 0; border-top: 1px solid rgb(var(--text-color)/var(--divider-opacity)); } #comments .comment p:last-child { margin-bottom: 0.5em; } #comments .comment.first { border-top: 0; } ul.taglist { margin: 0; } ul.taglist li { display: inline; white-space: nowrap; } table.noborders, table.noborders tr, table.noborders th, table.noborders td { border: 0; } .simple-popup { position: absolute; z-index: 8002; /* above quick buy modal */ width: 240px; padding: 10px 15px; transition: all 0.2s ease; border-radius: var(--btn-border-radius); background: rgb(var(--body-bg-color)); box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.12); color: rgb(var(--body-text-color)); text-align: center; } .simple-popup--hidden { visibility: hidden; opacity: 0; } .align-left { text-align: left; } .align-center, .align-centre, .align-ltr-center { text-align: center; } .align-right { text-align: right; } .align-start, .align-ltr-left { text-align: start; } .align-end, .align-ltr-right { text-align: end; } a .state { display: inline-block; width: 1em; text-align: center; } .product-media--frame { display: block; position: relative; max-width: 100%; height: 0; padding-bottom: var(--video-ar-pad, 56.25%); overflow: hidden; } .product-media--frame iframe, .product-media--frame object, .product-media--frame embed, .product-media--frame video, .product-media--frame model-viewer, .product-media--frame .shopify-model-viewer-ui, .product-media--frame .media-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product-media--image { position: relative; } .product-media__label { position: absolute; left: 10px; bottom: 10px; max-width: calc(100% - 2 * 10px); padding: 0.5em 1em; font-size: var(--smaller-text-size-3); line-height: 1.2; background: rgb(var(--body-bg-color)); color: rgb(var(--body-text-color)); border-radius: var(--btn-border-radius); } .product-media__label .icon { margin-inline-end: 0.4em; } .product-media__label-text { vertical-align: middle; } .product-media__poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 250ms, visibility 250ms, background 150ms 500ms; } [loaded] > .product-media__poster { visibility: hidden; } .product-media__video-play-btn, .product-media__model-play-btn { position: absolute; top: 50%; left: 50%; width: 62px; height: 62px; padding: 0; transform: translate3d(-50%, -50%, 0); border-radius: var(--btn-border-radius); border-color: rgb(var(--body-text-color)/0.05); background-color: rgb(var(--body-bg-color)); color: rgb(var(--body-text-color)); } .product-media__video-play-btn:hover, .product-media__model-play-btn:hover { border-color: rgb(var(--body-text-color)/0.05); background-color: rgb(var(--body-bg-color)); color: rgb(var(--body-text-color)/0.55); } .product-media__video-play-btn .icon, .product-media__model-play-btn .icon { width: 38px; height: 38px; fill: none; } .product-media__video-play-btn .icon-video-badge-full-color-element, .product-media__model-play-btn .icon-video-badge-full-color-element { opacity: 1; fill: currentColor; } .product-media__model-play-btn { width: 56px; height: 56px; } .product-media__model-play-btn .icon-3d-badge-full-color-element { opacity: 1; fill: currentColor; } /* hack for some model-viewer 'quirks' */ model-viewer { text-align: start; } model-viewer .container { max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } .content img, .content iframe, .content embed, .content object { max-width: 100%; height: auto; } .text-column__image { margin-right: auto; margin-left: auto; } .text-column__button-row { margin-top: 1em; } .text-column__button-row--link { margin-top: 0.5em; } .text-column__title + .text-column__button-row--link { margin-top: -0.1em; } .product-swatch-inline__dot { display: inline-block; width: 10px; height: 10px; margin: 6px 1px 0; border-radius: 5px; box-shadow: inset 0 3px 3px -2px rgba(0, 0, 0, 0.25); } .variant-option-title::before { content: "- "; } /* warning: do not add a .cf to a .flexible-layout - breaks in Safari */ .flexible-layout, .fixed-layout { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; margin-bottom: -30px; margin-left: -30px; } .flexible-layout.valign-middle > .column, .fixed-layout.valign-middle > .column { align-self: center; } .flexible-layout.valign-bottom > .column, .fixed-layout.valign-bottom > .column { align-self: flex-end; } .flexible-layout .column, .fixed-layout .column { flex: 0 0 auto; margin-bottom: 30px; padding-left: 30px; } .flexible-layout .column--quarter, .fixed-layout .column--quarter { width: 25%; } .flexible-layout .column--third, .fixed-layout .column--third { width: 33.333%; } .flexible-layout .column--half, .fixed-layout .column--half { width: 50%; } .flexible-layout .column--two-thirds, .fixed-layout .column--two-thirds { width: 66.666%; } .flexible-layout .column--three-quarters, .fixed-layout .column--three-quarters { width: 75%; } .flexible-layout .column--full, .fixed-layout .column--full { width: 100%; } .flexible-layout--align-center { justify-content: center; } .flexible-layout--variable-columns { justify-content: space-around; } .flexible-layout--variable-columns .column { flex: 1 0 0; max-width: 50%; min-width: 20%; } .flexible-layout--form { margin-bottom: 0; } .flexible-layout--form .column { margin-bottom: 20px; } @media (min-width: 1300px) { .fixed-layout--no-wide-gutter { margin-left: -20px; } .fixed-layout--no-wide-gutter .column { padding-left: 20px; } } @media (max-width: 1299.98px) { .flexible-layout, .fixed-layout { margin-left: -20px; } .flexible-layout .column, .fixed-layout .column { padding-left: 20px; } .flexible-layout .column--quarter { width: 25%; } .flexible-layout .column--third { width: 33.333%; } .flexible-layout .column--half { width: 50%; } .flexible-layout .column--two-thirds { width: 66.666%; } .flexible-layout .column--three-quarters { width: 75%; } .flexible-layout .column--full { width: 100%; } } @media (max-width: 767.98px) { .flexible-layout { flex-direction: column; margin-bottom: 0; margin-left: auto; } .flexible-layout .column { width: 100% !important; max-width: none; margin-bottom: 0; padding-left: 0; } .flexible-layout .column:last-child { margin-bottom: 0; } .flexible-layout.layout-all-quarters { flex-direction: row; margin-bottom: -30px; margin-left: -16px; } .flexible-layout.layout-all-quarters .column { width: 50% !important; margin-bottom: 30px; padding-left: 16px; } .flexible-layout.layout-all-quarters .column:last-child { margin-bottom: 30px; } .flexible-layout--form { margin-bottom: 0; } .flexible-layout--form .column { margin-bottom: 20px; } .flexible-layout--form .column:last-child { margin-bottom: 20px; } .fixed-layout { margin-left: -16px; } .fixed-layout .column { padding-left: 16px; } } @media (min-width: 768px) { .column--order-push-desktop { order: 1; } } .article-image { margin-top: 0; margin-bottom: 1em; } .article-image--large { margin-top: calc(-1 * var(--section-padding)); margin-bottom: var(--section-padding); } .icon-with-caption .icon-with-caption__text { margin: 0.5em 0 0; } .icon-with-caption__image-icon { width: 34px; margin: 0 auto; } .theme-money { white-space: nowrap; } .toggle-target { transition: all 300ms cubic-bezier(0.25, 0.45, 0.45, 0.95); } .toggle-target-container { display: flow-root; } .toggle-target--in-transition { overflow: hidden; } .toggle-target--hidden { display: block !important; } .loading-spinner { --loading-spinner-size: 40px; display: inline-block; position: relative; width: var(--loading-spinner-size); height: var(--loading-spinner-size); animation: loadingSpinner 1s linear infinite; border: 1px solid transparent; border-radius: 100%; border-left-color: currentColor; } @keyframes loadingSpinner { 0% { transform: rotate(0deg); } to { transform: rotate(360deg); } } .image-overlap { display: flex; margin: 0 auto; } .image-overlap .image-overlap__image { flex: 1 0 50%; } .image-overlap .image-overlap__image-1:not(:last-child) { position: relative; z-index: 1; margin-top: 45px; } .image-overlap .image-overlap__image-2 { margin-inline-end: -45px; transform: translateX(-45px); } [dir=rtl] .image-overlap .image-overlap__image-2 { transform: translateX(45px); } .image-overlap .placeholder-image { box-shadow: 0 0 0 5px rgb(var(--body-bg-color)); } .block-link { display: block; } .sticky-content-container { position: sticky; top: calc(30px + var(--theme-sticky-header-height)); } /* mobile visibility utilities */ @media (min-width: 768px) { .mobile-only { display: none !important; } } /* Roughly tablet size */ @media only screen and (max-width: 959px) { .layout .col-third { width: auto; margin-left: 0; float: none; } .layout .col-third, .layout .col-third.left, .layout .col-third.right { width: auto; margin-bottom: 20px; margin-left: 0; float: none; } #customer_sidebar, #customer_orders { display: block; width: auto; margin: 20px 0; float: none; } } /* Phone sizes typically start here */ @media only screen and (max-width: 767.98px) { .desktop-only { display: none !important; } /* iOS zoom workaround */ input, select, textarea { font-size: min(var(--input-text-size), 16px); line-height: 1em; } .mobile-align-center { text-align: center; } .container__breakout { margin-right: calc(-1 * var(--container-pad-x)); margin-left: calc(-1 * var(--container-pad-x)); } .fully-padded-row--medium .column:first-child .container__breakout { margin-top: calc(-1 * var(--larger-section-padding-mobile)); } .container--not-mobile { padding-right: 0; padding-left: 0; } .strongly-padded-row { padding-top: var(--section-padding); padding-bottom: var(--section-padding); } .strongly-spaced-row { margin-top: var(--section-padding); margin-bottom: var(--section-padding); } .collection-slider .has-paging { display: flex; align-items: center; } .collection-slider .has-paging .slider-nav__btn { margin: -10px 0; } .collection-slider .has-paging .has-paging__title { flex-grow: 1; } .product-block.page-block .block-inner { width: auto; } .blog-row .layout .article.col-third:not(:last-child) { margin-bottom: 60px; } #cartform .checkout-col { width: auto; } .sharing { display: block; } .sharing a { margin-inline-start: 20px; } .sharing svg { width: 20px; height: 20px; } .template-product #content { margin-top: 0; padding-bottom: 0; } .product-info { display: block; } .article--main .meta { border-top: 1px solid rgb(var(--text-color)/var(--divider-opacity)); } .article--main .meta .iconmeta { padding: 10px 0; border-bottom: 1px solid rgb(var(--text-color)/var(--divider-opacity)); } .article--main .pagination-row { margin-top: 0; padding: 10px 0; border-bottom: 1px solid rgb(var(--text-color)/var(--divider-opacity)); } .slideshow-ctrl.slideshow-ctrl--mobile-stack { color: currentColor; } .pagination-row.pagination-row-tabular { flex-wrap: wrap; } .pagination-row.pagination-row-tabular > * { flex: 0 0 auto; order: 1; width: 50%; } .pagination-row.pagination-row-tabular > .back { order: 2; width: 100%; margin-top: 20px; } } /* Animations */ @keyframes reveal { 0% { margin-left: -999px; opacity: 0; } 1% { margin-left: 0; transform: scale(0.98) translateY(-15px); opacity: 0; } 80% { transform: scale(1); } 100% { transform: translateY(0); } 0% { margin-left: -999px; opacity: 0; } 1% { margin-left: 0; transform: scale(0.98) translateY(-15px); opacity: 0; } 80% { transform: scale(1); } 100% { transform: translateY(0); } } .shopify-challenge__container { padding-top: 60px; padding-bottom: 40px; } @media (min-width: 769px){ .md\:block{ display: block; } .md\:flex-row{ flex-direction: row; } .md\:flex-row-reverse{ flex-direction: row-reverse; } } .heading-font, .mobile-disclosure summary { margin-bottom: 10px !important } .shopify-payment-button__more-options, .additional-checkout-buttons { display: none !important } @media screen and (min-device-width:768px) { .height--adapt::before { display: initial !important } .height__image, .height__image img, .text-overlay { position: relative !important } .image-overlay__image-link h2 { font-size: calc(50% + 1vw) !important } } .shopify-payment-button .shopify-payment-button__more-options { display: inline-block; width: 38%; border: 1px solid; height: 43px; border-radius: 3px; vertical-align: top; margin-top: 0 } .add-to-cart { background-color: #232323; color: #fff } .add-to-cart:hover { background-color: #393030 } .desktop-only ul.navigation__tier-2 li:first-child ul.navigation__tier-3 { columns: 2; -webkit-columns: 2; -moz-columns: 2 } #NavigationTier2-9 ul.navigation__tier-2 li:first-child ul.navigation__tier-3, #NavigationTier2-8 ul.navigation__tier-2 li:first-child ul.navigation__tier-3, #NavigationTier2-5 ul.navigation__tier-2 li:first-child ul.navigation__tier-3, #NavigationTier2-6 ul.navigation__tier-2 li:first-child ul.navigation__tier-3, #NavigationTier2-7 ul.navigation__tier-2 li:first-child ul.navigation__tier-3 { columns: 1; -webkit-columns: 1; -moz-columns: 1 } .navigation__tier-2>li:first-child { width: 30% } .navigation__tier-2>li:has(a[href="/collections/lab-grown-diamond-rings"]) { width: 18% } .navigation__tier-2>li { width: 18% } #NavigationTier2-7 ul li { width: 70% } .navigation .navigation__columns { display: inherit !important; text-align: center } @media only screen and (max-device-width:767px) { .navigation__tier-2>li { width: 100% !important } #sizecht { margin-bottom: 12% !important } } @media (min-width:768px) and (max-width:1199px) { .desktop-only ul.navigation__tier-2 li:first-child ul.navigation__tier-3 { columns: 1 !important } .navigation .navigation__columns { overflow: auto; height: 400px } } @media only screen and (min-device-width:768px) and (max-width:1299px) { .section-footer__row--blocks .section-footer__row__col { margin-bottom: 50px !important } } @media only screen and (min-width:1300px) { ul.navigation__tier-1 { justify-content: center } } } .diffprice { background-color: lavender; border-radius: 20px; font-size: 13px; padding: 5px 10px; font-weight: 500; color: #000; text-transform: uppercase } .errordisp { display: none !important } .heading-font { color: #ffffff !important } #onlypolkijwlry { margin-top: 50px } #onlypolkijwlry img { max-width: 60px !important } img[alt="Star Icon"] { width: 16px } .fully-spaced-row--medium { margin: 0 auto 30px !important } .trustpilot-widget>iframe, .announcement__text:has(.countdown) { margin: 10px 0 } @media screen and (min-device-width:768px) { #menu>div:first-child { display: none } } .swym-button.swym-add-to-wishlist-view-product.swym-heart:after { content: "♡"; font-size: 20px } .swym-button.swym-add-to-wishlist-view-product.swym-heart.swym-added:after { content: "❤"; font-size: 15px } .swym-button.swym-add-to-wishlist-view-product { max-width: inherit; width: 100% } button.swym-button { text-align: right } .bodyscrollOn { overflow: scroll } .bodyscrollOff { overflow: hidden !important } .menumob>div:first-child { font-size: 310%; position: absolute; left: -50px; top: 0; background-color: #fff; padding: 0 4px; border: 1px solid #c1c1c1; cursor: pointer; transform: rotate(90deg); width: 50px; height: 50px; line-height: 20px } .menumob { width: 60%; position: fixed; background-color: #fff; padding: 4% 2%; box-shadow: 3px 2px 7px 0 #c1c1c1; right: -60%; top: 115px } .menuslideIn { right: 0%; transition: right 0.3s cubic-bezier(.55, .09, .68, .53) } .menuslideOut { right: -60%; transition: right 0.4s cubic-bezier(.17, .84, .44, 1) } .eduMenu { scrollbar-width: thin; overflow-x: hidden; overflow-y: auto !important; height: 100vh !important } .eduMenu ul li { list-style-type: none !important; margin: 15px 0 } .eduMenu ul>li>a { color: #515050 } .eduMenu .eduMenuSection>div:first-child { color: #000; padding: 1%; text-align: left; font-size: 120%; font-weight: 600; position: relative; display: flex; align-items: center; cursor: pointer; width: 100%; justify-content: space-between } .eduMenu .eduMenuSection>div { text-align: left; padding: 1%; display: none; margin-bottom: 2px } .arrow { border: solid #000; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; width: 9px; height: 9px } .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg) } .down { transform: rotate(45deg); -webkit-transform: rotate(45deg) } .menuactive { font-weight: 600; text-decoration: underline } #testDiv>ul, #content>ul, #testDiv>ol, #content>ol, .list-group-item { padding: 0 !important; margin: 0 !important } #testDiv>ul>li, #content>ul>li, #testDiv>ol>li, #content>ol>li { list-style-position: inside !important } #request4, #request5, #request6 { display: none !important } a[href="/pages/ring-size-guide"], a[href="/pages/jewelry-metal-education"], a[href="/pages/platinum-education"], a[href="/pages/gold-education"], a[href="/pages/silver-education"], a[href="/pages/gemstone-education"], a[href="/pages/gemstone-cut"], a[href="/pages/gemstone-color"], a[href="/pages/gemstone-clarity"], a[href="/pages/gemstone-size"], a[href="/pages/gemstone-enhancements"], a[href="/pages/gemstone-engagement-rings-guide"], a[href="/pages/pearl-education"], a[href="/pages/akoya-pearl-education"] { display: none !important } .swym-button-bar { margin: 5px 0 20px !important } .swym-wishlist { padding: 6% } i.icon-swym-wishlist { font-family: 'swym-font'; font-style: normal; vertical-align: middle } i.icon-swym-wishlist+span { vertical-align: middle } i.icon-swym-wishlist:after { content: ''; font-size: 130%; line-height: 18px; text-align: center; display: inline-block; max-width: 40px; min-width: 20px } .swym-ready i.icon-swym-wishlist:after { content: '\f004' } .swym-wishlist-header-counter[data-count="0"] { display: none } .show-badge { position: absolute; right: -2px; width: 18px; height: 13px; background-color: #171717; border-radius: 50%; top: -2px; text-align: center; line-height: .5em; color: #fff; font-size: 9px; font-weight: 500; outline: 1px solid #fff; padding: 4px } .AirReviews-Carousel__InnerContainer { height: auto; margin-top: 20px } div { font-family: inherit !important } .AirReviews-Carousel__Author, .AirReviews-Author__Name { font-weight: 500 !important } .AirReviews-Carousel__NavNext>img, .AirReviews-Carousel__NavPrev>img { width: 12px; vertical-align: middle } button.AirReviews-Carousel__NavNext { right: 1% !important } button.AirReviews-Carousel__NavPrev { left: 1% !important } .AirReviews-Carousel__Nav button { top: 50% !important; transform: translateY(-50%) } .container:has(.top_flags_slider) { padding: 0 !important } .shopify-policy__title { display: none } .shopify-policy__container { max-width: 100% !important } .centeralign, .RETURNSICON { margin: 20px auto } .RETURNSICON>div { display: flex; justify-content: center; align-items: center; flex-wrap: wrap } .RETURNSICON>div>div { max-width: 350px; width: 100%; text-align: center } .manualslider-div ul li { list-style: none } .featured_Dview { margin: 20px auto 10px } .featured_Dview .featurein { text-align: center } .featured_Dview .featurein { overflow-x: auto; overflow-y: hidden } .featured_Dview .featurein { -ms-overflow-style: none; scrollbar-width: thin } .featured_Dview .manualslider-div ul { display: inline-flex; flex-wrap: nowrap; list-style: none !important } .featured_Dview .manualslider-div ul li { position: relative; margin: 0 -.5px } .featured_Dview .manualslider-div { text-align: center; margin-bottom: 10px } .featured_Dview .manualslider-div ul li .country_name { font-size: 9px; color: #000; font-weight: 600; display: block; text-transform: uppercase } .featured_Dview .manualslider-div ul li .flags_img { background-image: url(/cdn/shop/files/flag-icons.jpg); background-repeat: no-repeat; display: inline-block; border: 1px solid #ddd; width: 50px; height: 28px; background-color: #fff0; vertical-align: middle; background-position: 51px 29px; margin: 8px } .featured_Dview .manualslider-div ul li .iso_AD { background-position: -255px 0 } .featured_Dview .manualslider-div ul li .iso_AE { background-position: -255px -319px } .featured_Dview .manualslider-div ul li .iso_AF { background-position: 0 0 } .featured_Dview .manualslider-div ul li .iso_AG { background-position: -459px 0 } .featured_Dview .manualslider-div ul li .iso_AI { background-position: -357px 0 } .featured_Dview .manualslider-div ul li .iso_AL { background-position: -102px 0 } .featured_Dview .manualslider-div ul li .iso_AM { background-position: -561px 0 } .featured_Dview .manualslider-div ul li .iso_AN { background-position: -561px -203px } .featured_Dview .manualslider-div ul li .iso_AO { background-position: -306px 0 } .featured_Dview .manualslider-div ul li .iso_AQ { background-position: -408px 0 } .featured_Dview .manualslider-div ul li .iso_AR { background-position: -510px 0 } .featured_Dview .manualslider-div ul li .iso_AS { background-position: -204px 0 } .featured_Dview .manualslider-div ul li .iso_AT { background-position: -714px 0 } .featured_Dview .manualslider-div ul li .iso_AU { background-position: -663px 0 } .featured_Dview .manualslider-div ul li .iso_AW { background-position: -612px 0 } .featured_Dview .manualslider-div ul li .iso_AX { background-position: -51px 0 } .featured_Dview .manualslider-div ul li .iso_AZ { background-position: -765px 0 } .featured_Dview .manualslider-div ul li .iso_BA { background-position: -357px -29px } .featured_Dview .manualslider-div ul li .iso_BB { background-position: -969px 0 } .featured_Dview .manualslider-div ul li .iso_BD { background-position: -918px 0 } .featured_Dview .manualslider-div ul li .iso_BE { background-position: 0 -29px } .featured_Dview .manualslider-div ul li .iso_BF { background-position: -714px -29px } .featured_Dview .manualslider-div ul li .iso_BG { background-position: -663px -29px } .featured_Dview .manualslider-div ul li .iso_BH { background-position: -867px 0 } .featured_Dview .manualslider-div ul li .iso_BI { background-position: -765px -29px } .featured_Dview .manualslider-div ul li .iso_BJ { background-position: -102px -29px } .featured_Dview .manualslider-div ul li .iso_BL { background-position: -918px -232px } .featured_Dview .manualslider-div ul li .iso_BM { background-position: -153px -29px } .featured_Dview .manualslider-div ul li .iso_BN { background-position: -612px -29px } .featured_Dview .manualslider-div ul li .iso_BO { background-position: -255px -29px } .featured_Dview .manualslider-div ul li .iso_BQ { background-position: -306px -29px } .featured_Dview .manualslider-div ul li .iso_BR { background-position: -510px -29px } .featured_Dview .manualslider-div ul li .iso_BS { background-position: -816px 0 } .featured_Dview .manualslider-div ul li .iso_BT { background-position: -204px -29px } .featured_Dview .manualslider-div ul li .iso_BV { background-position: -459px -29px } .featured_Dview .manualslider-div ul li .iso_BW { background-position: -408px -29px } .featured_Dview .manualslider-div ul li .iso_BY { background-position: -1020px 0 } .featured_Dview .manualslider-div ul li .iso_BZ { background-position: -51px -29px } .featured_Dview .manualslider-div ul li .iso_CA { background-position: -918px -29px } .featured_Dview .manualslider-div ul li .iso_CC { background-position: -255px -58px } .featured_Dview .manualslider-div ul li .iso_CD { background-position: -459px -58px } .featured_Dview .manualslider-div ul li .iso_CF { background-position: 0 -58px } .featured_Dview .manualslider-div ul li .iso_CG { background-position: -408px -58px } .featured_Dview .manualslider-div ul li .iso_CH { background-position: -408px -290px } .featured_Dview .manualslider-div ul li .iso_CI { background-position: -612px -58px } .featured_Dview .manualslider-div ul li .iso_CK { background-position: -510px -58px } .featured_Dview .manualslider-div ul li .iso_CL { background-position: -102px -58px } .featured_Dview .manualslider-div ul li .iso_CM { background-position: -867px -29px } .featured_Dview .manualslider-div ul li .iso_CN { background-position: -153px -58px } .featured_Dview .manualslider-div ul li .iso_CO { background-position: -306px -58px } .featured_Dview .manualslider-div ul li .iso_CR { background-position: -561px -58px } .featured_Dview .manualslider-div ul li .iso_CS { background-position: -510px -261px } .featured_Dview .manualslider-div ul li .iso_CU { background-position: -714px -58px } .featured_Dview .manualslider-div ul li .iso_CV { background-position: -969px -29px } .featured_Dview .manualslider-div ul li .iso_CW { background-position: -765px -58px } .featured_Dview .manualslider-div ul li .iso_CX { background-position: -204px -58px } .featured_Dview .manualslider-div ul li .iso_CY { background-position: -816px -58px } .featured_Dview .manualslider-div ul li .iso_CZ { background-position: -867px -58px } .featured_Dview .manualslider-div ul li .iso_DE { background-position: -969px -87px } .featured_Dview .manualslider-div ul li .iso_DJ { background-position: -969px -58px } .featured_Dview .manualslider-div ul li .iso_DK { background-position: -918px -58px } .featured_Dview .manualslider-div ul li .iso_DM { background-position: -1020px -58px } .featured_Dview .manualslider-div ul li .iso_DO { background-position: 0 -87px } .featured_Dview .manualslider-div ul li .iso_DZ { background-position: -153px 0 } .featured_Dview .manualslider-div ul li .iso_EC { background-position: -51px -87px } .featured_Dview .manualslider-div ul li .iso_EE { background-position: -306px -87px } .featured_Dview .manualslider-div ul li .iso_EG { background-position: -102px -87px } .featured_Dview .manualslider-div ul li .iso_EH { background-position: -867px -319px } .featured_Dview .manualslider-div ul li .iso_ER { background-position: -255px -87px } .featured_Dview .manualslider-div ul li .iso_ES { background-position: -51px -290px } .featured_Dview .manualslider-div ul li .iso_ET { background-position: -357px -87px } .featured_Dview .manualslider-div ul li .iso_FI { background-position: -561px -87px } .featured_Dview .manualslider-div ul li .iso_FJ { background-position: -510px -87px } .featured_Dview .manualslider-div ul li .iso_FK { background-position: -408px -87px } .featured_Dview .manualslider-div ul li .iso_FM { background-position: -969px -174px } .featured_Dview .manualslider-div ul li .iso_FO { background-position: -459px -87px } .featured_Dview .manualslider-div ul li .iso_FR { background-position: -612px -87px } .featured_Dview .manualslider-div ul li .iso_GA { background-position: -816px -87px } .featured_Dview .manualslider-div ul li .iso_GB { background-position: -306px -319px } .featured_Dview .manualslider-div ul li .iso_GD { background-position: -153px -116px } .featured_Dview .manualslider-div ul li .iso_GE { background-position: -918px -87px } .featured_Dview .manualslider-div ul li .iso_GF { background-position: -663px -87px } .featured_Dview .manualslider-div ul li .iso_GG { background-position: -357px -116px } .featured_Dview .manualslider-div ul li .iso_GH { background-position: -1020px -87px } .featured_Dview .manualslider-div ul li .iso_GI { background-position: 0 -116px } .featured_Dview .manualslider-div ul li .iso_GL { background-position: -102px -116px } .featured_Dview .manualslider-div ul li .iso_GM { background-position: -867px -87px } .featured_Dview .manualslider-div ul li .iso_GN { background-position: -408px -116px } .featured_Dview .manualslider-div ul li .iso_GP { background-position: -204px -116px } .featured_Dview .manualslider-div ul li .iso_GQ { background-position: -204px -87px } .featured_Dview .manualslider-div ul li .iso_GR { background-position: -51px -116px } .featured_Dview .manualslider-div ul li .iso_GS { background-position: -1020px -261px } .featured_Dview .manualslider-div ul li .iso_GT { background-position: -306px -116px } .featured_Dview .manualslider-div ul li .iso_GU { background-position: -255px -116px } .featured_Dview .manualslider-div ul li .iso_GW { background-position: -459px -116px } .featured_Dview .manualslider-div ul li .iso_GY { background-position: -510px -116px } .featured_Dview .manualslider-div ul li .iso_HK { background-position: -765px -116px } .featured_Dview .manualslider-div ul li .iso_HM { background-position: -612px -116px } .featured_Dview .manualslider-div ul li .iso_HN { background-position: -714px -116px } .featured_Dview .manualslider-div ul li .iso_HR { background-position: -663px -58px } .featured_Dview .manualslider-div ul li .iso_HT { background-position: -561px -116px } .featured_Dview .manualslider-div ul li .iso_HU { background-position: -816px -116px } .featured_Dview .manualslider-div ul li .iso_ID { background-position: -969px -116px } .featured_Dview .manualslider-div ul li .iso_IE { background-position: -51px -145px } .featured_Dview .manualslider-div ul li .iso_IL { background-position: -153px -145px } .featured_Dview .manualslider-div ul li .iso_IM { background-position: -102px -145px } .featured_Dview .manualslider-div ul li .iso_IN { background-position: -918px -116px } .featured_Dview .manualslider-div ul li .iso_IO { background-position: -561px -29px } .featured_Dview .manualslider-div ul li .iso_IQ { background-position: 0 -145px } .featured_Dview .manualslider-div ul li .iso_IR { background-position: -1020px -116px } .featured_Dview .manualslider-div ul li .iso_IS { background-position: -867px -116px } .featured_Dview .manualslider-div ul li .iso_IT { background-position: -204px -145px } .featured_Dview .manualslider-div ul li .iso_JE { background-position: -357px -145px } .featured_Dview .manualslider-div ul li .iso_JM { background-position: -255px -145px } .featured_Dview .manualslider-div ul li .iso_JO { background-position: -408px -145px } .featured_Dview .manualslider-div ul li .iso_JP { background-position: -306px -145px } .featured_Dview .manualslider-div ul li .iso_KE { background-position: -510px -145px } .featured_Dview .manualslider-div ul li .iso_KG { background-position: -816px -145px } .featured_Dview .manualslider-div ul li .iso_KH { background-position: -816px -29px } .featured_Dview .manualslider-div ul li .iso_KI { background-position: -561px -145px } .featured_Dview .manualslider-div ul li .iso_KM { background-position: -357px -58px } .featured_Dview .manualslider-div ul li .iso_KN { background-position: -1020px -232px } .featured_Dview .manualslider-div ul li .iso_KP { background-position: -612px -145px } .featured_Dview .manualslider-div ul li .iso_KR { background-position: -663px -145px } .featured_Dview .manualslider-div ul li .iso_KW { background-position: -765px -145px } .featured_Dview .manualslider-div ul li .iso_KY { background-position: -1020px -29px } .featured_Dview .manualslider-div ul li .iso_KZ { background-position: -459px -145px } .featured_Dview .manualslider-div ul li .iso_LA { background-position: -867px -145px } .featured_Dview .manualslider-div ul li .iso_LB { background-position: -969px -145px } .featured_Dview .manualslider-div ul li .iso_LC { background-position: 0 -261px } .featured_Dview .manualslider-div ul li .iso_LI { background-position: -102px -174px } .featured_Dview .manualslider-div ul li .iso_LK { background-position: -102px -290px } .featured_Dview .manualslider-div ul li .iso_LR { background-position: 0 -174px } .featured_Dview .manualslider-div ul li .iso_LS { background-position: -1020px -145px } .featured_Dview .manualslider-div ul li .iso_LT { background-position: -153px -174px } .featured_Dview .manualslider-div ul li .iso_LU { background-position: -204px -174px } .featured_Dview .manualslider-div ul li .iso_LV { background-position: -918px -145px } .featured_Dview .manualslider-div ul li .iso_LY { background-position: -51px -174px } .featured_Dview .manualslider-div ul li .iso_MA { background-position: -204px -203px } .featured_Dview .manualslider-div ul li .iso_MC { background-position: 0 -203px } .featured_Dview .manualslider-div ul li .iso_MD { background-position: -1020px -174px } .featured_Dview .manualslider-div ul li .iso_ME { background-position: -102px -203px } .featured_Dview .manualslider-div ul li .iso_MF { background-position: -51px -261px } .featured_Dview .manualslider-div ul li .iso_MG { background-position: -357px -174px } .featured_Dview .manualslider-div ul li .iso_MH { background-position: -663px -174px } .featured_Dview .manualslider-div ul li .iso_MK { background-position: -306px -174px } .featured_Dview .manualslider-div ul li .iso_ML { background-position: -561px -174px } .featured_Dview .manualslider-div ul li .iso_MM { background-position: -306px -203px } .featured_Dview .manualslider-div ul li .iso_MN { background-position: -51px -203px } .featured_Dview .manualslider-div ul li .iso_MO { background-position: -255px -174px } .featured_Dview .manualslider-div ul li .iso_MP { background-position: -969px -203px } .featured_Dview .manualslider-div ul li .iso_MQ { background-position: -714px -174px } .featured_Dview .manualslider-div ul li .iso_MR { background-position: -765px -174px } .featured_Dview .manualslider-div ul li .iso_MS { background-position: -153px -203px } .featured_Dview .manualslider-div ul li .iso_MT { background-position: -612px -174px } .featured_Dview .manualslider-div ul li .iso_MU { background-position: -816px -174px } .featured_Dview .manualslider-div ul li .iso_MV { background-position: -510px -174px } .featured_Dview .manualslider-div ul li .iso_MW { background-position: -408px -174px } .featured_Dview .manualslider-div ul li .iso_MX { background-position: -918px -174px } .featured_Dview .manualslider-div ul li .iso_MY { background-position: -459px -174px } .featured_Dview .manualslider-div ul li .iso_MZ { background-position: -255px -203px } .featured_Dview .manualslider-div ul li .iso_NA { background-position: -357px -203px } .featured_Dview .manualslider-div ul li .iso_NC { background-position: -612px -203px } .featured_Dview .manualslider-div ul li .iso_NE { background-position: -765px -203px } .featured_Dview .manualslider-div ul li .iso_NF { background-position: -918px -203px } .featured_Dview .manualslider-div ul li .iso_NG { background-position: -816px -203px } .featured_Dview .manualslider-div ul li .iso_NI { background-position: -714px -203px } .featured_Dview .manualslider-div ul li .iso_NL { background-position: -510px -203px } .featured_Dview .manualslider-div ul li .iso_NO { background-position: -1020px -203px } .featured_Dview .manualslider-div ul li .iso_NP { background-position: -459px -203px } .featured_Dview .manualslider-div ul li .iso_NR { background-position: -408px -203px } .featured_Dview .manualslider-div ul li .iso_NU { background-position: -867px -203px } .featured_Dview .manualslider-div ul li .iso_NZ { background-position: -663px -203px } .featured_Dview .manualslider-div ul li .iso_OM { background-position: 0 -232px } .featured_Dview .manualslider-div ul li .iso_PA { background-position: -204px -232px } .featured_Dview .manualslider-div ul li .iso_PE { background-position: -357px -232px } .featured_Dview .manualslider-div ul li .iso_PF { background-position: -714px -87px } .featured_Dview .manualslider-div ul li .iso_PG { background-position: -255px -232px } .featured_Dview .manualslider-div ul li .iso_PH { background-position: -408px -232px } .featured_Dview .manualslider-div ul li .iso_PK { background-position: -51px -232px } .featured_Dview .manualslider-div ul li .iso_PL { background-position: -510px -232px } .featured_Dview .manualslider-div ul li .iso_PM { background-position: -102px -261px } .featured_Dview .manualslider-div ul li .iso_PN { background-position: -459px -232px } .featured_Dview .manualslider-div ul li .iso_PR { background-position: -612px -232px } .featured_Dview .manualslider-div ul li .iso_PS { background-position: -153px -232px } .featured_Dview .manualslider-div ul li .iso_PT { background-position: -561px -232px } .featured_Dview .manualslider-div ul li .iso_PW { background-position: -102px -232px } .featured_Dview .manualslider-div ul li .iso_PY { background-position: -306px -232px } .featured_Dview .manualslider-div ul li .iso_QA { background-position: -663px -232px } .featured_Dview .manualslider-div ul li .iso_RE { background-position: -714px -232px } .featured_Dview .manualslider-div ul li .iso_RO { background-position: -765px -232px } .featured_Dview .manualslider-div ul li .iso_RS { background-position: -459px -261px } .featured_Dview .manualslider-div ul li .iso_RU { background-position: -816px -232px } .featured_Dview .manualslider-div ul li .iso_RW { background-position: -867px -232px } .featured_Dview .manualslider-div ul li .iso_SA { background-position: -357px -261px } .featured_Dview .manualslider-div ul li .iso_SB { background-position: -867px -261px } .featured_Dview .manualslider-div ul li .iso_SC { background-position: -561px -261px } .featured_Dview .manualslider-div ul li .iso_SD { background-position: -153px -290px } .featured_Dview .manualslider-div ul li .iso_SE { background-position: -357px -290px } .featured_Dview .manualslider-div ul li .iso_SG { background-position: -663px -261px } .featured_Dview .manualslider-div ul li .iso_SH { background-position: -969px -232px } .featured_Dview .manualslider-div ul li .iso_SI { background-position: -816px -261px } .featured_Dview .manualslider-div ul li .iso_SJ { background-position: -255px -290px } .featured_Dview .manualslider-div ul li .iso_SK { background-position: -765px -261px } .featured_Dview .manualslider-div ul li .iso_SL { background-position: -612px -261px } .featured_Dview .manualslider-div ul li .iso_SM { background-position: -255px -261px } .featured_Dview .manualslider-div ul li .iso_SN { background-position: -408px -261px } .featured_Dview .manualslider-div ul li .iso_SO { background-position: -918px -261px } .featured_Dview .manualslider-div ul li .iso_SR { background-position: -204px -290px } .featured_Dview .manualslider-div ul li .iso_SS { background-position: 0 -290px } .featured_Dview .manualslider-div ul li .iso_ST { background-position: -306px -261px } .featured_Dview .manualslider-div ul li .iso_SV { background-position: -153px -87px } .featured_Dview .manualslider-div ul li .iso_SX { background-position: -714px -261px } .featured_Dview .manualslider-div ul li .iso_SY { background-position: -459px -290px } .featured_Dview .manualslider-div ul li .iso_SZ { background-position: -306px -290px } .featured_Dview .manualslider-div ul li .iso_TC { background-position: -51px -319px } .featured_Dview .manualslider-div ul li .iso_TD { background-position: -51px -58px } .featured_Dview .manualslider-div ul li .iso_TF { background-position: -765px -87px } .featured_Dview .manualslider-div ul li .iso_TG { background-position: -765px -290px } .featured_Dview .manualslider-div ul li .iso_TH { background-position: -663px -290px } .featured_Dview .manualslider-div ul li .iso_TJ { background-position: -561px -290px } .featured_Dview .manualslider-div ul li .iso_TK { background-position: -816px -290px } .featured_Dview .manualslider-div ul li .iso_TL { background-position: -714px -290px } .featured_Dview .manualslider-div ul li .iso_TM { background-position: 0 -319px } .featured_Dview .manualslider-div ul li .iso_TN { background-position: -969px -290px } .featured_Dview .manualslider-div ul li .iso_TO { background-position: -867px -290px } .featured_Dview .manualslider-div ul li .iso_TR { background-position: -1020px -290px } .featured_Dview .manualslider-div ul li .iso_TT { background-position: -918px -290px } .featured_Dview .manualslider-div ul li .iso_TV { background-position: -102px -319px } .featured_Dview .manualslider-div ul li .iso_TW { background-position: -510px -290px } .featured_Dview .manualslider-div ul li .iso_TZ { background-position: -612px -290px } .featured_Dview .manualslider-div ul li .iso_UA { background-position: -204px -319px } .featured_Dview .manualslider-div ul li .iso_UG { background-position: -153px -319px } .featured_Dview .manualslider-div ul li .iso_UM { background-position: -408px -319px } .featured_Dview .manualslider-div ul li .iso_US { background-position: -357px -319px } .featured_Dview .manualslider-div ul li .iso_UY { background-position: -459px -319px } .featured_Dview .manualslider-div ul li .iso_UZ { background-position: -510px -319px } .featured_Dview .manualslider-div ul li .iso_VA { background-position: -663px -116px } .featured_Dview .manualslider-div ul li .iso_VC { background-position: -153px -261px } .featured_Dview .manualslider-div ul li .iso_VE { background-position: -612px -319px } .featured_Dview .manualslider-div ul li .iso_VG { background-position: -714px -319px } .featured_Dview .manualslider-div ul li .iso_VI { background-position: -765px -319px } .featured_Dview .manualslider-div ul li .iso_VN { background-position: -663px -319px } .featured_Dview .manualslider-div ul li .iso_VU { background-position: -561px -319px } .featured_Dview .manualslider-div ul li .iso_WF { background-position: -816px -319px } .featured_Dview .manualslider-div ul li .iso_WS { background-position: -204px -261px } .featured_Dview .manualslider-div ul li .iso_XK { background-position: -714px -145px } .featured_Dview .manualslider-div ul li .iso_YE { background-position: -918px -319px } .featured_Dview .manualslider-div ul li .iso_YT { background-position: -867px -174px } .featured_Dview .manualslider-div ul li .iso_ZA { background-position: -969px -261px } .featured_Dview .manualslider-div ul li .iso_ZM { background-position: -969px -319px } .featured_Dview .manualslider-div ul li .iso_ZW { background-position: -1020px -319px } variant-picker>fieldset[data-option="Select Your Ring Size (US)"], .cart-item__title:has(a[href*="-ring"])~.small-text .cart-item__variant:nth-child(3) { display: none !important } .product-block__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .fully-spaced-row--medium:has(._dview) { background-color: transparent } ._dview>svg { padding: 5px 0 2px; max-width: 1200px; height: auto; width: 100% } ._tabview>svg { max-width: 600px; height: auto; width: 100%; padding: 8px 0 0 } ._dview>svg>text, ._tabview>svg>text { font-weight: 500; font-size: 16px; fill: #5e3434 } .section-custom-content:has(._dview) { display: none; opacity: 0; transition: all 0.2s ease-in-out } @media screen and (max-device-width:1619px) { ._tabview { display: flex; height: auto; width: 100%; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 0 auto; position: relative } ._dview { display: none } } @media screen and (min-device-width:1620px) { ._dview { display: flex; height: auto; width: 100%; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 0 auto; position: relative } ._tabview { display: none } } main>.container { overflow-x: clip } div[data-id="zsiqembed"], div[data-id="zsalesiq"] { left: 10px; } @media screen and (min-device-width:768px) { div[data-id="zsiqembed"] { bottom: calc(90px) !important; } } .shopify-pc__banner__dialog { right: 0; left: inherit !important; }