/** Shopify CDN: Minification failed Line 477:186 The "-" operator only works if there is whitespace on both sides **/ /* 00-banner */ .cl-sec-banner, .cl-sec-banner .color-scheme-1 { --color-background: 250,248,246; --gradient-background: #faf8f6; --color-foreground: 30,30,30; --color-background-contrast: 204,184,164; --color-shadow: 30,30,30; --color-button: 30,30,30; --color-button-text: 255,255,255; --color-secondary-button: 250,248,246; --color-secondary-button-text: 30,30,30; --color-link: 30,30,30; --color-badge-foreground: 30,30,30; --color-badge-background: 250,248,246; --color-badge-border: 30,30,30; --color-accent: 188,30,30; --payment-terms-background-color: rgb(250 248 246); } .cl-sec-banner, .cl-sec-banner .color-scheme-1, .cl-sec-banner .color-scheme-2, .cl-sec-banner .color-scheme-3, .cl-sec-banner .color-scheme-4, .cl-sec-banner .color-scheme-5, .cl-sec-banner .color-scheme-0ec5db07-1fce-48e1-8243-3f59e304a395, .cl-sec-banner .color-scheme-750b5e56-ec83-49e9-b333-ac363650ae36, .cl-sec-banner .color-scheme-c939383f-bcdf-4a1a-ab19-a8f2ba2a2bb0, .cl-sec-banner .color-scheme-27bd72dc-a699-4e2b-9561-23adcadf323d, .cl-sec-banner .color-scheme-a2c3f00b-a17a-4a35-9b8b-f3247df9d990, .cl-sec-banner .color-scheme-bf858a1a-9d49-42f2-905d-ca645644f2df, .cl-sec-banner .color-scheme-b164bd8e-e5b2-4a14-9128-e96ade52961c, .cl-sec-banner .color-scheme-640c2b50-8746-411a-80f8-6fa85382d8ac, .cl-sec-banner .color-scheme-62423dd5-069f-458a-8ceb-d8ccee9c94c6, .cl-sec-banner .color-scheme-53800dd6-3a7a-4431-8881-aa1349c3a2e4, .cl-sec-banner .color-scheme-1c885588-8ec5-40a9-ae99-4d8dcb064f6c { color: rgba(var(--color-foreground), 1); background-color: rgb(var(--color-background)); } .cl-sec-banner { --font-body-family: 'Pragmatica', sans-serif; --font-heading-family: 'Pragmatica', sans-serif; --font-accent-family: 'Presti Display', sans-serif; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 1412px; --page-width-margin: 0px; --product-card-image-padding: 0px; --product-card-corner-radius: 0px; --product-card-text-alignment: left; --product-card-border-width: 0px; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0px; --product-card-shadow-vertical-offset: 4px; --product-card-shadow-blur-radius: 5px; --collection-card-image-padding: 0px; --collection-card-corner-radius: 0px; --collection-card-text-alignment: left; --collection-card-border-width: 0px; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0px; --collection-card-shadow-vertical-offset: 4px; --collection-card-shadow-blur-radius: 5px; --blog-card-image-padding: 0px; --blog-card-corner-radius: 0px; --blog-card-text-alignment: left; --blog-card-border-width: 0px; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0px; --blog-card-shadow-vertical-offset: 4px; --blog-card-shadow-blur-radius: 5px; --badge-corner-radius: 4px; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 12px; --popup-shadow-opacity: 0.05; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 128px; --spacing-sections-mobile: 64px; --grid-desktop-vertical-spacing: 40px; --grid-desktop-horizontal-spacing: 40px; --grid-mobile-vertical-spacing: 24px; --grid-mobile-horizontal-spacing: 24px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 4px; --buttons-radius-outset: 5px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0.3px; --inputs-radius: 4px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 5px; --variant-pills-radius: 4px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 1.0; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px;} .cl-sec-banner *, .cl-sec-banner ::before, .cl-sec-banner ::after { box-sizing: inherit; } .cl-sec-banner { box-sizing: border-box; font-size: 10px;} .cl-sec-banner { margin: 0px; font-size: 14px; letter-spacing: normal; line-height: calc(1 + 0.2 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight);} .cl-sec-banner * { -webkit-font-smoothing: antialiased; } .cl-sec-banner { scroll-behavior: smooth; text-size-adjust: none;} .cl-sec-banner .justify-content-start { justify-content: flex-start !important; } .cl-sec-banner .align-items-end { align-items: flex-end !important; } .cl-sec-banner .clx-text-left { text-align: left !important; } @media screen and (min-width: 750px) { .cl-sec-banner .justify-content-md-center { justify-content: center !important; } } @media screen and (min-width: 750px) { .cl-sec-banner .align-items-md-end { align-items: flex-end !important; } } @media screen and (min-width: 750px) { .cl-sec-banner .text-md-center { text-align: center !important; } } .cl-sec-banner { --show-usual-price: none; --show-discounted-price: none; --show-usual-content: none; --show-early-access-content: none; --show-special-offer-content: none; --show-evergreen-offer-content: none;} .cl-sec-banner { --alpha-button-background: 1; --alpha-button-border: 1; --alpha-link: .85; --alpha-badge-border: .1; --focused-base-outline: 2px solid rgba(var(--color-foreground), .5); --focused-base-outline-offset: 3px; --focused-base-box-shadow: 0 0 0 3px rgb(var(--color-background)), 0 0 5px 4px rgba(var(--color-foreground), .3);} .cl-sec-banner { --page-width-x-paddings-mobile: 16px;} .cl-sec-banner .clx-page-width { max-width: var(--page-width); margin: 0px auto; padding: 0 var(--page-width-x-paddings-mobile); } @media screen and (min-width: 750px) { .cl-sec-banner .clx-page-width { padding: 0px 50px; } } .cl-sec-banner .visually-hidden { overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; clip: rect(0px, 0px, 0px, 0px); position: absolute !important; overflow-wrap: normal !important; } .cl-sec-banner h1, .cl-sec-banner h2, .cl-sec-banner h3, .cl-sec-banner h4, .cl-sec-banner h5, .cl-sec-banner .h0, .cl-sec-banner .clx-h1, .cl-sec-banner .clx-h2, .cl-sec-banner .clx-h3, .cl-sec-banner .clx-h4, .cl-sec-banner .clx-h5 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: normal; color: rgb(var(--color-foreground)); line-height: calc(1 - (.1/max(1,var(--font-heading-scale)))); word-break: break-word; } .cl-sec-banner h1, .cl-sec-banner .clx-h1 { font-size: calc(var(--font-heading-scale) * 56px); } @media only screen and (min-width: 750px) { .cl-sec-banner h1, .cl-sec-banner .clx-h1 { font-size: calc(var(--font-heading-scale) * 80px); } } .cl-sec-banner h3, .cl-sec-banner .clx-h3 { font-size: calc(var(--font-heading-scale) * 24px); } @media only screen and (min-width: 750px) { .cl-sec-banner h3, .cl-sec-banner .clx-h3 { font-size: calc(var(--font-heading-scale) * 40px); } } .cl-sec-banner { --duration-short: .1s; --duration-default: .2s; --duration-announcement-bar: .25s; --duration-medium: .3s; --duration-long: .5s; --duration-extra-long: .6s; --duration-extra-longer: .75s; --duration-extended: 3s; --ease-out-slow: cubic-bezier(0, 0, .3, 1); --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards; --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);} .cl-sec-banner .media { display: block; background-color: rgba(var(--color-foreground),.1); position: relative; overflow: hidden; } .cl-sec-banner .media > :not(.zoom):not(.clx-deferred-media__poster-button), .cl-sec-banner .media model-viewer { display: block; max-width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .cl-sec-banner .media > img { object-fit: cover; object-position: center center; transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .cl-sec-banner .gradient { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-origin: ; background-clip: ; background-color: ; background-attachment: fixed; } @media (prefers-reduced-motion: no-preference) { .cl-sec-banner .scroll-trigger.animate--fade-in, .cl-sec-banner .scroll-trigger.animate--slide-in { opacity: 0.01; } } @media (prefers-reduced-motion: no-preference) { .cl-sec-banner .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in { opacity: 1; animation: var(--animation-fade-in); } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .cl-sec-banner { --easter-egg: none; --sparkle: url(./sparkle.gif); } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, 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"); font-weight: 400; font-style: normal; } .cl-sec-banner { --swiper-theme-color: #007aff;} .cl-sec-banner { --swiper-navigation-size: 44px;} .cl-sec-banner { --ot-text-size-banner-title: calc(var(--ot-text-size) + 5px); --ot-text-size-popup-title: calc(var(--ot-text-size) + 5px); --ot-text-size-category-title: calc(var(--ot-text-size) + 2px); --ot-text-size-button: calc(var(--ot-text-size) + 2px);} .cl-sec-banner { --junipOutlineColor: #637381;} .cl-sec-banner { --junipPrimaryColor: #000000; --junipButtonColor: #000000; --junipButtonOutlineColor: #00000080; --junipStarColor: #121212; --junipButtonTextColor: #fff; --junipBorderColor: rgba(0, 0, 0, 0.08); --junipSurfaceColor: rgba(0, 0, 0, 0.03);} .cl-sec-banner, .cl-sec-banner { scroll-behavior: auto !important;} .cl-sec-banner .collection-hero__inner { display: flex; flex-direction: column; justify-content: center; } @media screen and (min-width: 750px) { .cl-sec-banner .collection-hero__inner { padding-bottom: 0px; } } .cl-sec-banner .collection-hero--with-image .collection-hero__inner { margin-bottom: 0px; } @media screen and (min-width: 750px) { .cl-sec-banner .collection-hero--with-image { overflow: hidden; } } @media screen and (min-width: 750px) { .cl-sec-banner .collection-hero--with-image .collection-hero__inner { padding-bottom: 0px; } } @media screen and (min-width: 750px) { .cl-sec-banner .collection-hero { padding: 0px; } } .cl-sec-banner .collection-hero__text-wrapper { display: flex; flex-direction: column; align-items: center; } @media screen and (min-width: 750px) { .cl-sec-banner .collection-hero__text-wrapper--hide-desktop { display: none; } } .cl-sec-banner .collection-hero__title { margin: 0px; text-transform: uppercase; text-align: inherit; } .cl-sec-banner .collection-hero__image-container { width: 100%; border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity)); border-radius: var(--media-radius); box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity)); } .cl-sec-banner .collection-hero__content-wrapper { position: relative; display: flex; z-index: 2; } @media screen and (max-width: 749.98px) { .cl-sec-banner .collection-hero__content-wrapper--hide-mobile { display: none; } } @media screen and (min-width: 750px) { .cl-sec-banner .collection-hero__content-wrapper.collection-hero__content-wrapper--container-cancel-desktop { max-width: none; margin: 0px; padding: 0px; } } .cl-sec-banner .collection-hero__content-wrapper .collection-hero__title, .cl-sec-banner .collection-hero__content-wrapper .description, .cl-sec-banner .collection-hero__content-wrapper .btn-wrap { display: block; } .cl-sec-banner .collection-hero__content-box { width: 100%; } .cl-sec-banner .collection-hero--content-inside-mobile .collection-hero__inner, .cl-sec-banner .collection-hero--content-inside-desktop .collection-hero__inner { position: relative; } .cl-sec-banner .collection-hero--content-inside-mobile .collection-hero__content-box--bg, .cl-sec-banner .collection-hero--content-inside-desktop .collection-hero__content-box--bg { background: rgb(var(--color-background)); padding-inline: 16px; } @media screen and (min-width: 750px) { .cl-sec-banner .collection-hero--content-inside-desktop .collection-hero__content-wrapper { position: absolute; inset: 0px; } } .cl-sec-banner .collection-hero--template--23173288788248__banner { padding-top: 0px; padding-bottom: 0px; } @media screen and (max-width: 749px) { .cl-sec-banner .collection-hero--template--23173288788248__banner .collection-hero__image-container { aspect-ratio: 2 / 1; } } @media (min-width: 750px) { .cl-sec-banner .collection-hero--template--23173288788248__banner { padding-top: 0px; padding-bottom: 0px; } } @media (min-width: 750px) { .cl-sec-banner .collection-hero--template--23173288788248__banner .collection-hero__image-container { aspect-ratio: 3 / 1; } } .cl-sec-banner .collection-hero--template--23173288788248__banner .collection-hero__content-box { width: auto; max-width: none; padding: 20px 32px; position: relative; isolation: isolate; background: transparent; } @media (min-width: 750px) { .cl-sec-banner .collection-hero--template--23173288788248__banner .collection-hero__content-box { width: 100%; max-width: none; padding: 16px 32px 14px; } } .cl-sec-banner .collection-hero--template--23173288788248__banner .collection-hero__content-box.collection-hero__content-box--bg { margin-left: -32px; margin-right: -32px; } @media (min-width: 750px) { .cl-sec-banner .collection-hero--template--23173288788248__banner .collection-hero__content-box.collection-hero__content-box--bg { margin-left: 0px; margin-right: 0px; } } .cl-sec-banner .collection-hero--template--23173288788248__banner .collection-hero__content-box::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: var(--buttons-radius); background: rgba(var(--color-background), 0.05); backdrop-filter: blur(2px); mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 88%, transparent), linear-gradient(transparent, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 88%, transparent); mask-composite: intersect; } .cl-sec-banner .collection-hero--template--23173288788248__banner .collection-hero__text-wrapper { padding-top: 16px; padding-bottom: 0px; } @media (min-width: 750px) { .cl-sec-banner .collection-hero--template--23173288788248__banner .collection-hero__text-wrapper { padding-top: 24px; padding-bottom: 24px; } } .cl-sec-banner { --discountbox-style: simple; --discountbox-position: right; --discountbox-width: 410px; --discountbox-codeButtonColor: #ffffff; --discountbox-codeButtonBackgroundColor: #1e1e1e; --discountbox-codeButtonBorderColor: #1e1e1e; --discountbox-submitButtonBorderColor: #5aaa34; --discountbox-loadingBg: #635247; --discountbox-spinnerColor: #ffffff; --discountbox-inputColor: #1e1e1e; --discountbox-inputBg: #ffffff; --discountbox-inputBorder: #ffffff; --discountbox-discountInfoColor: #1e1e1e; --discountbox-discountInfoBg: #fafafa; --discountbox-discountInfoBorder: #e1e1e1;} /* 01-collectionlinkskq3rtz */ .cl-sec-collectionlinkskq3rtz, .cl-sec-collectionlinkskq3rtz .color-scheme-1 { --color-background: 250,248,246; --gradient-background: #faf8f6; --color-foreground: 30,30,30; --color-background-contrast: 204,184,164; --color-shadow: 30,30,30; --color-button: 30,30,30; --color-button-text: 255,255,255; --color-secondary-button: 250,248,246; --color-secondary-button-text: 30,30,30; --color-link: 30,30,30; --color-badge-foreground: 30,30,30; --color-badge-background: 250,248,246; --color-badge-border: 30,30,30; --color-accent: 188,30,30; --payment-terms-background-color: rgb(250 248 246); } .cl-sec-collectionlinkskq3rtz, .cl-sec-collectionlinkskq3rtz .color-scheme-1, .cl-sec-collectionlinkskq3rtz .color-scheme-2, .cl-sec-collectionlinkskq3rtz .color-scheme-3, .cl-sec-collectionlinkskq3rtz .color-scheme-4, .cl-sec-collectionlinkskq3rtz .color-scheme-5, .cl-sec-collectionlinkskq3rtz .color-scheme-0ec5db07-1fce-48e1-8243-3f59e304a395, .cl-sec-collectionlinkskq3rtz .color-scheme-750b5e56-ec83-49e9-b333-ac363650ae36, .cl-sec-collectionlinkskq3rtz .color-scheme-c939383f-bcdf-4a1a-ab19-a8f2ba2a2bb0, .cl-sec-collectionlinkskq3rtz .color-scheme-27bd72dc-a699-4e2b-9561-23adcadf323d, .cl-sec-collectionlinkskq3rtz .color-scheme-a2c3f00b-a17a-4a35-9b8b-f3247df9d990, .cl-sec-collectionlinkskq3rtz .color-scheme-bf858a1a-9d49-42f2-905d-ca645644f2df, .cl-sec-collectionlinkskq3rtz .color-scheme-b164bd8e-e5b2-4a14-9128-e96ade52961c, .cl-sec-collectionlinkskq3rtz .color-scheme-640c2b50-8746-411a-80f8-6fa85382d8ac, .cl-sec-collectionlinkskq3rtz .color-scheme-62423dd5-069f-458a-8ceb-d8ccee9c94c6, .cl-sec-collectionlinkskq3rtz .color-scheme-53800dd6-3a7a-4431-8881-aa1349c3a2e4, .cl-sec-collectionlinkskq3rtz .color-scheme-1c885588-8ec5-40a9-ae99-4d8dcb064f6c { color: rgba(var(--color-foreground), 1); background-color: rgb(var(--color-background)); } .cl-sec-collectionlinkskq3rtz { --font-body-family: 'Pragmatica', sans-serif; --font-heading-family: 'Pragmatica', sans-serif; --font-accent-family: 'Presti Display', sans-serif; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 1412px; --page-width-margin: 0px; --product-card-image-padding: 0px; --product-card-corner-radius: 0px; --product-card-text-alignment: left; --product-card-border-width: 0px; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0px; --product-card-shadow-vertical-offset: 4px; --product-card-shadow-blur-radius: 5px; --collection-card-image-padding: 0px; --collection-card-corner-radius: 0px; --collection-card-text-alignment: left; --collection-card-border-width: 0px; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0px; --collection-card-shadow-vertical-offset: 4px; --collection-card-shadow-blur-radius: 5px; --blog-card-image-padding: 0px; --blog-card-corner-radius: 0px; --blog-card-text-alignment: left; --blog-card-border-width: 0px; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0px; --blog-card-shadow-vertical-offset: 4px; --blog-card-shadow-blur-radius: 5px; --badge-corner-radius: 4px; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 12px; --popup-shadow-opacity: 0.05; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 128px; --spacing-sections-mobile: 64px; --grid-desktop-vertical-spacing: 40px; --grid-desktop-horizontal-spacing: 40px; --grid-mobile-vertical-spacing: 24px; --grid-mobile-horizontal-spacing: 24px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 4px; --buttons-radius-outset: 5px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0.3px; --inputs-radius: 4px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 5px; --variant-pills-radius: 4px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 1.0; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px;} .cl-sec-collectionlinkskq3rtz *, .cl-sec-collectionlinkskq3rtz ::before, .cl-sec-collectionlinkskq3rtz ::after { box-sizing: inherit; } .cl-sec-collectionlinkskq3rtz { box-sizing: border-box; font-size: 10px;} .cl-sec-collectionlinkskq3rtz { margin: 0px; font-size: 14px; letter-spacing: normal; line-height: calc(1 + 0.2 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight);} .cl-sec-collectionlinkskq3rtz * { -webkit-font-smoothing: antialiased; } .cl-sec-collectionlinkskq3rtz { scroll-behavior: smooth; text-size-adjust: none;} .cl-sec-collectionlinkskq3rtz { --show-usual-price: none; --show-discounted-price: none; --show-usual-content: none; --show-early-access-content: none; --show-special-offer-content: none; --show-evergreen-offer-content: none;} .cl-sec-collectionlinkskq3rtz { --alpha-button-background: 1; --alpha-button-border: 1; --alpha-link: .85; --alpha-badge-border: .1; --focused-base-outline: 2px solid rgba(var(--color-foreground), .5); --focused-base-outline-offset: 3px; --focused-base-box-shadow: 0 0 0 3px rgb(var(--color-background)), 0 0 5px 4px rgba(var(--color-foreground), .3);} .cl-sec-collectionlinkskq3rtz { --page-width-x-paddings-mobile: 16px;} .cl-sec-collectionlinkskq3rtz .clx-page-width { max-width: var(--page-width); margin: 0px auto; padding: 0 var(--page-width-x-paddings-mobile); } @media screen and (min-width: 750px) { .cl-sec-collectionlinkskq3rtz .clx-page-width { padding: 0px 50px; } } .cl-sec-collectionlinkskq3rtz { --duration-short: .1s; --duration-default: .2s; --duration-announcement-bar: .25s; --duration-medium: .3s; --duration-long: .5s; --duration-extra-long: .6s; --duration-extra-longer: .75s; --duration-extended: 3s; --ease-out-slow: cubic-bezier(0, 0, .3, 1); --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards; --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);} .cl-sec-collectionlinkskq3rtz .gradient { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-origin: ; background-clip: ; background-color: ; background-attachment: fixed; } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .cl-sec-collectionlinkskq3rtz { --easter-egg: none; --sparkle: url(./sparkle.gif); } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, 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"); font-weight: 400; font-style: normal; } .cl-sec-collectionlinkskq3rtz { --swiper-theme-color: #007aff;} .cl-sec-collectionlinkskq3rtz { --swiper-navigation-size: 44px;} .cl-sec-collectionlinkskq3rtz { --ot-text-size-banner-title: calc(var(--ot-text-size) + 5px); --ot-text-size-popup-title: calc(var(--ot-text-size) + 5px); --ot-text-size-category-title: calc(var(--ot-text-size) + 2px); --ot-text-size-button: calc(var(--ot-text-size) + 2px);} .cl-sec-collectionlinkskq3rtz { --junipOutlineColor: #637381;} .cl-sec-collectionlinkskq3rtz { --junipPrimaryColor: #000000; --junipButtonColor: #000000; --junipButtonOutlineColor: #00000080; --junipStarColor: #121212; --junipButtonTextColor: #fff; --junipBorderColor: rgba(0, 0, 0, 0.08); --junipSurfaceColor: rgba(0, 0, 0, 0.03);} .cl-sec-collectionlinkskq3rtz, .cl-sec-collectionlinkskq3rtz { scroll-behavior: auto !important;} @media screen and (max-width: 749.98px) { .cl-sec-collectionlinkskq3rtz .collection-links .clx-page-width { padding: 0px; } } @media screen and (max-width: 749.98px) { .cl-sec-collectionlinkskq3rtz .collection-links .clx-page-width .collection-links__list { padding-inline: var(--page-width-x-paddings-mobile); } } .cl-sec-collectionlinkskq3rtz .collection-links__list { display: flex; flex-wrap: nowrap; align-items: center; margin: 0px; padding: 0px; list-style: none; overflow-x: auto; scrollbar-width: none; } .cl-sec-collectionlinkskq3rtz .collection-links__list--center { justify-content: safe center; } .cl-sec-collectionlinkskq3rtz .collection-links__list--button { gap: 10px; } .cl-sec-collectionlinkskq3rtz .collection-links__item { display: flex; flex-shrink: 0; } .cl-sec-collectionlinkskq3rtz .clx-collection-links__link { display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none; transition: var(--duration-default); text-transform: uppercase; } .cl-sec-collectionlinkskq3rtz .collection-links__list--button .clx-collection-links__link { padding: 10px 24px; border-radius: var(--buttons-radius-outset); border: 1px solid rgba(var(--color-foreground),.15); color: rgb(var(--color-foreground)); } .cl-sec-collectionlinkskq3rtz .collection-links__list--button .clx-collection-links__link:hover, .cl-sec-collectionlinkskq3rtz .collection-links__list--button .collection-links__link--active { background-color: rgb(var(--color-foreground)); color: rgb(var(--color-background)); border-color: rgb(var(--color-foreground)); } .cl-sec-collectionlinkskq3rtz .collection-links--template--23173288788248__collection_links_kQ3rTz { padding-top: 24px; padding-bottom: 12px; } @media (min-width: 750px) { .cl-sec-collectionlinkskq3rtz .collection-links--template--23173288788248__collection_links_kQ3rTz { padding-top: 36px; padding-bottom: 18px; } } .cl-sec-collectionlinkskq3rtz { --discountbox-style: simple; --discountbox-position: right; --discountbox-width: 410px; --discountbox-codeButtonColor: #ffffff; --discountbox-codeButtonBackgroundColor: #1e1e1e; --discountbox-codeButtonBorderColor: #1e1e1e; --discountbox-submitButtonBorderColor: #5aaa34; --discountbox-loadingBg: #635247; --discountbox-spinnerColor: #ffffff; --discountbox-inputColor: #1e1e1e; --discountbox-inputBg: #ffffff; --discountbox-inputBorder: #ffffff; --discountbox-discountInfoColor: #1e1e1e; --discountbox-discountInfoBg: #fafafa; --discountbox-discountInfoBorder: #e1e1e1;} /* 02-product-grid */ .cl-sec-productgrid, .cl-sec-productgrid .color-scheme-1 { --color-background: 250,248,246; --gradient-background: #faf8f6; --color-foreground: 30,30,30; --color-background-contrast: 204,184,164; --color-shadow: 30,30,30; --color-button: 30,30,30; --color-button-text: 255,255,255; --color-secondary-button: 250,248,246; --color-secondary-button-text: 30,30,30; --color-link: 30,30,30; --color-badge-foreground: 30,30,30; --color-badge-background: 250,248,246; --color-badge-border: 30,30,30; --color-accent: 188,30,30; --payment-terms-background-color: rgb(250 248 246); } .cl-sec-productgrid .color-scheme-0ec5db07-1fce-48e1-8243-3f59e304a395 { --color-background: 250,248,246; --gradient-background: #faf8f6; --color-foreground: 30,30,30; --color-background-contrast: 204,184,164; --color-shadow: 235,225,214; --color-button: 30,30,30; --color-button-text: 255,255,255; --color-secondary-button: 250,248,246; --color-secondary-button-text: 30,30,30; --color-link: 30,30,30; --color-badge-foreground: 30,30,30; --color-badge-background: 250,248,246; --color-badge-border: 30,30,30; --color-accent: 188,30,30; --payment-terms-background-color: rgb(250 248 246); } .cl-sec-productgrid, .cl-sec-productgrid .color-scheme-1, .cl-sec-productgrid .color-scheme-2, .cl-sec-productgrid .color-scheme-3, .cl-sec-productgrid .color-scheme-4, .cl-sec-productgrid .color-scheme-5, .cl-sec-productgrid .color-scheme-0ec5db07-1fce-48e1-8243-3f59e304a395, .cl-sec-productgrid .color-scheme-750b5e56-ec83-49e9-b333-ac363650ae36, .cl-sec-productgrid .color-scheme-c939383f-bcdf-4a1a-ab19-a8f2ba2a2bb0, .cl-sec-productgrid .color-scheme-27bd72dc-a699-4e2b-9561-23adcadf323d, .cl-sec-productgrid .color-scheme-a2c3f00b-a17a-4a35-9b8b-f3247df9d990, .cl-sec-productgrid .color-scheme-bf858a1a-9d49-42f2-905d-ca645644f2df, .cl-sec-productgrid .color-scheme-b164bd8e-e5b2-4a14-9128-e96ade52961c, .cl-sec-productgrid .color-scheme-640c2b50-8746-411a-80f8-6fa85382d8ac, .cl-sec-productgrid .color-scheme-62423dd5-069f-458a-8ceb-d8ccee9c94c6, .cl-sec-productgrid .color-scheme-53800dd6-3a7a-4431-8881-aa1349c3a2e4, .cl-sec-productgrid .color-scheme-1c885588-8ec5-40a9-ae99-4d8dcb064f6c { color: rgba(var(--color-foreground), 1); background-color: rgb(var(--color-background)); } .cl-sec-productgrid { --font-body-family: 'Pragmatica', sans-serif; --font-heading-family: 'Pragmatica', sans-serif; --font-accent-family: 'Presti Display', sans-serif; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 1412px; --page-width-margin: 0px; --product-card-image-padding: 0px; --product-card-corner-radius: 0px; --product-card-text-alignment: left; --product-card-border-width: 0px; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0px; --product-card-shadow-vertical-offset: 4px; --product-card-shadow-blur-radius: 5px; --collection-card-image-padding: 0px; --collection-card-corner-radius: 0px; --collection-card-text-alignment: left; --collection-card-border-width: 0px; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0px; --collection-card-shadow-vertical-offset: 4px; --collection-card-shadow-blur-radius: 5px; --blog-card-image-padding: 0px; --blog-card-corner-radius: 0px; --blog-card-text-alignment: left; --blog-card-border-width: 0px; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0px; --blog-card-shadow-vertical-offset: 4px; --blog-card-shadow-blur-radius: 5px; --badge-corner-radius: 4px; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 12px; --popup-shadow-opacity: 0.05; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 128px; --spacing-sections-mobile: 64px; --grid-desktop-vertical-spacing: 40px; --grid-desktop-horizontal-spacing: 40px; --grid-mobile-vertical-spacing: 24px; --grid-mobile-horizontal-spacing: 24px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 4px; --buttons-radius-outset: 5px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0.3px; --inputs-radius: 4px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 5px; --variant-pills-radius: 4px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 1.0; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px;} .cl-sec-productgrid *, .cl-sec-productgrid ::before, .cl-sec-productgrid ::after { box-sizing: inherit; } .cl-sec-productgrid { box-sizing: border-box; font-size: 10px;} .cl-sec-productgrid { margin: 0px; font-size: 14px; letter-spacing: normal; line-height: calc(1 + 0.2 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight);} .cl-sec-productgrid .btn { display: inline-flex; justify-content: center; align-items: center; border: 1px solid rgb(var(--color-button)); border-radius: var(--buttons-radius); font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); font-size: 14px; line-height: 1; text-transform: uppercase; min-height: 44px; padding: 10px 24px; cursor: pointer; text-decoration: none; background-color: rgb(var(--color-button)); color: rgb(var(--color-button-text)); transition: var(--duration-default) ease; appearance: none; min-width: 76px; } .cl-sec-productgrid .btn--primary:not(:disabled):not([aria-disabled="true"]):not(.disabled):hover { border-color: rgb(99, 82, 71); background-color: rgb(99, 82, 71); color: rgb(var(--color-button-text)); } .cl-sec-productgrid .btn--primary .path { stroke: rgb(var(--color-button-text)); } .cl-sec-productgrid * { -webkit-font-smoothing: antialiased; } .cl-sec-productgrid { scroll-behavior: smooth; text-size-adjust: none;} .cl-sec-productgrid .d-flex { display: flex !important; } .cl-sec-productgrid .d-inline-flex { display: inline-flex !important; } .cl-sec-productgrid .justify-content-center { justify-content: center !important; } .cl-sec-productgrid .clx-text-center { text-align: center !important; } .cl-sec-productgrid .text-uppercase { text-transform: uppercase; } .cl-sec-productgrid .hide { display: none !important; } .cl-sec-productgrid .mt-0, .cl-sec-productgrid .template-collection .section-product-grid { margin-top: 0px !important; } .cl-sec-productgrid .tags-wrapper { z-index: 100; position: absolute; top: 8px; right: 8px; display: grid; grid-template-columns: 1fr; gap: 6px; justify-items: end; } @media screen and (min-width: 990px) { .cl-sec-productgrid .tags-wrapper { top: 16px; right: 16px; } } .cl-sec-productgrid .tags-wrapper .tag { display: block; z-index: 100; background: rgb(255, 255, 255); color: rgb(99, 82, 71); padding: 2px 6px; font-size: 10px; font-weight: 500; border-radius: 5px; } @media screen and (min-width: 576px) { .cl-sec-productgrid .tags-wrapper .tag { padding: 7px 12px; font-size: 11px; border-radius: 8px; } } .cl-sec-productgrid .clx-card__inner .tag { padding: 0px; background: rgba(0, 0, 0, 0) !important; color: rgb(99, 82, 71) !important; } .cl-sec-productgrid .clx-card__inner .tags-wrapper { right: unset; left: 10px; justify-items: start; } @media screen and (min-width: 990px) { .cl-sec-productgrid .clx-card__inner .tags-wrapper { top: 12px; left: 12px; } } .cl-sec-productgrid .price__discount-badge { height: 20px; width: auto; min-width: 38px; display: flex; justify-content: center; align-items: center; background-color: rgb(var(--color-ea-badge, var(--color-accent))); color: rgb(var(--color-ea-badge-text, var(--color-background))); border-radius: var(--buttons-radius); padding-top: 1px; padding-left: 4px; padding-right: 4px; white-space: nowrap; text-transform: uppercase; } .cl-sec-productgrid { --show-usual-price: none; --show-discounted-price: none; --show-usual-content: none; --show-early-access-content: none; --show-special-offer-content: none; --show-evergreen-offer-content: none;} .cl-sec-productgrid [data-usual-price] { display: var(--show-usual-price); } .cl-sec-productgrid [data-discounted-price] { display: var(--show-discounted-price); } .cl-sec-productgrid .custom-bis-trigger { padding: 0px !important; } .cl-sec-productgrid :is(.featured-collection, .tabs-collections, .collection, .related-wrapper, product-recommendations, recently-viewed-products) [data-discounted-price] .price__discount-badge { display: none !important; } .cl-sec-productgrid { --alpha-button-background: 1; --alpha-button-border: 1; --alpha-link: .85; --alpha-badge-border: .1; --focused-base-outline: 2px solid rgba(var(--color-foreground), .5); --focused-base-outline-offset: 3px; --focused-base-box-shadow: 0 0 0 3px rgb(var(--color-background)), 0 0 5px 4px rgba(var(--color-foreground), .3);} .cl-sec-productgrid .product-card-wrapper .clx-card, .cl-sec-productgrid .contains-card--product { --border-radius: var(--product-card-corner-radius); --border-width: var(--product-card-border-width); --border-opacity: var(--product-card-border-opacity); --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset); --shadow-vertical-offset: var(--product-card-shadow-vertical-offset); --shadow-blur-radius: var(--product-card-shadow-blur-radius); --shadow-opacity: var(--product-card-shadow-opacity); --shadow-visible: var(--product-card-shadow-visible); --image-padding: var(--product-card-image-padding); --text-alignment: var(--product-card-text-alignment); } .cl-sec-productgrid { --page-width-x-paddings-mobile: 16px;} .cl-sec-productgrid .clx-page-width { max-width: var(--page-width); margin: 0px auto; padding: 0 var(--page-width-x-paddings-mobile); } @media screen and (min-width: 750px) { .cl-sec-productgrid .clx-page-width { padding: 0px 50px; } } .cl-sec-productgrid .clx-section + .clx-section, .cl-sec-productgrid .section--visible { margin-top: var(--spacing-sections-mobile); } @media screen and (min-width: 750px) { .cl-sec-productgrid .clx-section + .clx-section, .cl-sec-productgrid .section--visible { margin-top: var(--spacing-sections-desktop); } } .cl-sec-productgrid .cl-hidden { display: none !important; } .cl-sec-productgrid .visually-hidden { overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; clip: rect(0px, 0px, 0px, 0px); position: absolute !important; overflow-wrap: normal !important; } .cl-sec-productgrid .visually-hidden--inline { margin: 0px; height: 1em; } .cl-sec-productgrid .text-body { font-size: 15px; letter-spacing: normal; line-height: calc(1 + .8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } .cl-sec-productgrid h1, .cl-sec-productgrid h2, .cl-sec-productgrid h3, .cl-sec-productgrid h4, .cl-sec-productgrid h5, .cl-sec-productgrid .h0, .cl-sec-productgrid .clx-h1, .cl-sec-productgrid .clx-h2, .cl-sec-productgrid .clx-h3, .cl-sec-productgrid .clx-h4, .cl-sec-productgrid .clx-h5 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: normal; color: rgb(var(--color-foreground)); line-height: calc(1 - (.1/max(1,var(--font-heading-scale)))); word-break: break-word; } .cl-sec-productgrid h2, .cl-sec-productgrid .clx-h2 { font-size: calc(var(--font-heading-scale) * 32px); } @media only screen and (min-width: 750px) { .cl-sec-productgrid h2, .cl-sec-productgrid .clx-h2 { font-size: calc(var(--font-heading-scale) * 64px); } } .cl-sec-productgrid h3, .cl-sec-productgrid .clx-h3 { font-size: calc(var(--font-heading-scale) * 24px); } @media only screen and (min-width: 750px) { .cl-sec-productgrid h3, .cl-sec-productgrid .clx-h3 { font-size: calc(var(--font-heading-scale) * 40px); } } .cl-sec-productgrid .bodytext-lg, .cl-sec-productgrid .bodytext-md, .cl-sec-productgrid .bodytext-sm, .cl-sec-productgrid .bodytext-xs { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: normal; } .cl-sec-productgrid .bodytext-sm, .cl-sec-productgrid .clx-p { font-size: calc(var(--font-body-scale) * 14px) !important; line-height: 1.4; } .cl-sec-productgrid .bodytext-xs { font-size: calc(var(--font-body-scale) * 12px) !important; line-height: 1.2; } .cl-sec-productgrid .caption { font-size: 10px; letter-spacing: 0.7px; line-height: calc(1 + .7 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .cl-sec-productgrid .caption { font-size: 12px; } } .cl-sec-productgrid .caption-large, .cl-sec-productgrid .customer .clx-field input, .cl-sec-productgrid .customer select, .cl-sec-productgrid .clx-field__input, .cl-sec-productgrid .form__label, .cl-sec-productgrid .select__select { font-size: 13px; line-height: calc(1 + .5 / var(--font-body-scale)); letter-spacing: 0.4px; } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-sec-productgrid .medium-hide { display: none !important; } } @media screen and (min-width: 990px) { .cl-sec-productgrid .large-up-hide { display: none !important; } } .cl-sec-productgrid .left { text-align: left; } .cl-sec-productgrid .light { opacity: 0.7; } .cl-sec-productgrid a:empty, .cl-sec-productgrid ul:empty, .cl-sec-productgrid dl:empty, .cl-sec-productgrid div:empty, .cl-sec-productgrid section:empty, .cl-sec-productgrid article:empty, .cl-sec-productgrid p:empty, .cl-sec-productgrid h1:empty, .cl-sec-productgrid h2:empty, .cl-sec-productgrid h3:empty, .cl-sec-productgrid h4:empty, .cl-sec-productgrid h5:empty, .cl-sec-productgrid h6:empty { display: none; } .cl-sec-productgrid .full-unstyled-link { text-decoration: none; color: currentcolor; display: block; } @media (prefers-reduced-motion) { .cl-sec-productgrid .motion-reduce { transition: none !important; animation: auto ease 0s 1 normal none running none !important; } } .cl-sec-productgrid { --duration-short: .1s; --duration-default: .2s; --duration-announcement-bar: .25s; --duration-medium: .3s; --duration-long: .5s; --duration-extra-long: .6s; --duration-extra-longer: .75s; --duration-extended: 3s; --ease-out-slow: cubic-bezier(0, 0, .3, 1); --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards; --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);} .cl-sec-productgrid .underlined-link, .cl-sec-productgrid .customer a, .cl-sec-productgrid .inline-richtext a { text-underline-offset: 3px; text-decoration-thickness: 1px; transition: text-decoration-thickness 0.1s; } .cl-sec-productgrid .underlined-link, .cl-sec-productgrid .customer a { color: rgba(var(--color-link),var(--alpha-link)); } .cl-sec-productgrid .underlined-link:hover, .cl-sec-productgrid .customer a:hover, .cl-sec-productgrid .inline-richtext a:hover { color: rgb(var(--color-link)); text-decoration-thickness: 2px; } .cl-sec-productgrid .clx-grid { display: flex; flex-wrap: wrap; margin-bottom: 20px; padding: 0px; list-style: none; column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing); } @media screen and (min-width: 750px) { .cl-sec-productgrid .clx-grid { column-gap: var(--grid-desktop-horizontal-spacing); row-gap: var(--grid-desktop-vertical-spacing); } } .cl-sec-productgrid .clx-grid:last-child { margin-bottom: 0px; } .cl-sec-productgrid .grid__item { width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4); max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); flex-grow: 1; flex-shrink: 0; } @media screen and (min-width: 750px) { .cl-sec-productgrid .grid__item { width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } } @media screen and (min-width: 990px) { .cl-sec-productgrid .grid--4-col-desktop .grid__item { width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4); } } @media screen and (max-width: 749px) { .cl-sec-productgrid .grid--2-col-tablet-down .grid__item { width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); } } @media screen and (min-width: 750px) and (max-width: 989px) { .cl-sec-productgrid .grid--2-col-tablet-down .grid__item { width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2); } } .cl-sec-productgrid .media { display: block; background-color: rgba(var(--color-foreground),.1); position: relative; overflow: hidden; } .cl-sec-productgrid .media--transparent { background-color: transparent; } .cl-sec-productgrid .media > :not(.zoom):not(.clx-deferred-media__poster-button), .cl-sec-productgrid .media model-viewer { display: block; max-width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .cl-sec-productgrid .media > img { object-fit: cover; object-position: center center; transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .cl-sec-productgrid .media.media--hover-effect > img + img { opacity: 0; } .cl-sec-productgrid .clx-field__input, .cl-sec-productgrid .select__select, .cl-sec-productgrid .customer .clx-field input, .cl-sec-productgrid .customer select { appearance: none; background-color: rgb(var(--color-background)); color: rgb(var(--color-foreground)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); font-size: 14px; width: 100%; box-sizing: border-box; transition: box-shadow var(--duration-short) ease; border-radius: var(--inputs-radius); height: 45px; min-height: calc(var(--inputs-border-width) * 2); min-width: calc(70px + (var(--inputs-border-width) * 2)); position: relative; border: 0px; } .cl-sec-productgrid .clx-field::before, .cl-sec-productgrid .select::before, .cl-sec-productgrid .customer .clx-field::before, .cl-sec-productgrid .customer select::before, .cl-sec-productgrid .clx-localization-form__select::before { pointer-events: none; content: ""; position: absolute; inset: 0px; border-radius: var(--inputs-radius-outset); box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity)); z-index: -1; } .cl-sec-productgrid .clx-field::after, .cl-sec-productgrid .select::after, .cl-sec-productgrid .customer .clx-field::after, .cl-sec-productgrid .customer select::after, .cl-sec-productgrid .clx-localization-form__select::after { pointer-events: none; content: ""; position: absolute; top: var(--inputs-border-width); right: var(--inputs-border-width); bottom: var(--inputs-border-width); left: var(--inputs-border-width); border: 1px solid transparent; border-radius: var(--inputs-radius); box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity)); transition: box-shadow var(--duration-short) ease; z-index: 1; } .cl-sec-productgrid .select__select { font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); font-size: 12px; color: rgba(var(--color-foreground),1); } .cl-sec-productgrid .clx-field:hover.clx-field::after, .cl-sec-productgrid .select:hover.select::after, .cl-sec-productgrid .select__select:hover.select__select::after, .cl-sec-productgrid .customer .clx-field:hover.clx-field::after, .cl-sec-productgrid .customer select:hover.select::after, .cl-sec-productgrid .clx-localization-form__select:hover.clx-localization-form__select::after { box-shadow: 0 0 0 calc(1px + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity)); outline: 0px; border-radius: var(--inputs-radius); } .cl-sec-productgrid .clx-field__input:focus, .cl-sec-productgrid .select__select:focus, .cl-sec-productgrid .customer .clx-field input:focus, .cl-sec-productgrid .customer select:focus, .cl-sec-productgrid .clx-localization-form__select:focus.clx-localization-form__select::after { box-shadow: 0 0 0 calc(1px + var(--inputs-border-width)) rgba(var(--color-foreground)); outline: 0px; border-radius: var(--inputs-radius); } .cl-sec-productgrid .text-area, .cl-sec-productgrid .select { display: flex; position: relative; width: 100%; } .cl-sec-productgrid .select .clx-icon-caret, .cl-sec-productgrid .customer select + svg { height: 6px; pointer-events: none; position: absolute; top: calc(50% - 2px); right: calc(var(--inputs-border-width) + var(--page-width-x-paddings-mobile)); } .cl-sec-productgrid .select__select, .cl-sec-productgrid .customer select { cursor: pointer; line-height: calc(1 + .6 / var(--font-body-scale)); padding: 0 calc(var(--inputs-border-width) + 30px) 0 20px; margin: var(--inputs-border-width); min-height: calc(var(--inputs-border-width) * 2); } .cl-sec-productgrid .gradient { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-origin: ; background-clip: ; background-color: ; background-attachment: fixed; } @media screen and (forced-colors: active) { .cl-sec-productgrid .clx-icon { color: canvastext; fill: canvastext !important; } } .cl-sec-productgrid .ratio { display: flex; position: relative; align-items: stretch; } .cl-sec-productgrid .ratio::before { content: ""; width: 0px; height: 0px; padding-bottom: var(--ratio-percent); } @supports not (inset: 10px) { .cl-sec-productgrid .clx-grid { margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing)); } } @supports not (inset: 10px) { .cl-sec-productgrid .grid__item { padding-left: var(--grid-mobile-horizontal-spacing); padding-bottom: var(--grid-mobile-vertical-spacing); } } @supports not (inset: 10px) { .cl-sec-productgrid .clx-product-grid .grid__item { padding-bottom: var(--grid-mobile-vertical-spacing); } } @media screen and (min-width: 990px) and (max-width: 1199.98px) { .cl-sec-productgrid .clx-grid { column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing); } } @media screen and (min-width: 990px) and (max-width: 1199.98px) { .cl-sec-productgrid .grid--4-col-desktop .grid__item { width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4); max-width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4); } } @media (forced-colors: active) { .cl-sec-productgrid .clx-field__input:focus, .cl-sec-productgrid .select__select:focus, .cl-sec-productgrid .customer .clx-field input:focus, .cl-sec-productgrid .customer select:focus, .cl-sec-productgrid .clx-localization-form__select:focus.clx-localization-form__select::after { outline: transparent solid 1px; } } @media (prefers-reduced-motion: no-preference) { .cl-sec-productgrid .scroll-trigger.animate--fade-in, .cl-sec-productgrid .scroll-trigger.animate--slide-in { opacity: 0.01; } } @media (prefers-reduced-motion: no-preference) { .cl-sec-productgrid .scroll-trigger.animate--slide-in { transform: translateY(20px); } } @media (prefers-reduced-motion: no-preference) { .cl-sec-productgrid .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in { opacity: 1; animation: var(--animation-fade-in); } } @media (prefers-reduced-motion: no-preference) { .cl-sec-productgrid .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--animation-order) * 75ms); } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .cl-sec-productgrid { --easter-egg: none; --sparkle: url(./sparkle.gif); } } .cl-sec-productgrid .loading__spinner { position: absolute; z-index: 1; width: 18px; } .cl-sec-productgrid .loading__spinner { width: 18px; display: inline-block; } .cl-sec-productgrid .spinner { animation: 1.4s linear 0s infinite normal none running rotator; } .cl-sec-productgrid .path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: center center; stroke: rgb(var(--color-foreground)); animation: 1.4s ease-in-out 0s infinite normal none running dash; } @media screen and (forced-colors: active) { .cl-sec-productgrid .path { stroke: canvastext; } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, 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"); font-weight: 400; font-style: normal; } .cl-sec-productgrid { --swiper-theme-color: #007aff;} .cl-sec-productgrid { --swiper-navigation-size: 44px;} .cl-sec-productgrid { --ot-text-size-banner-title: calc(var(--ot-text-size) + 5px); --ot-text-size-popup-title: calc(var(--ot-text-size) + 5px); --ot-text-size-category-title: calc(var(--ot-text-size) + 2px); --ot-text-size-button: calc(var(--ot-text-size) + 2px);} .cl-sec-productgrid { --junipOutlineColor: #637381;} .cl-sec-productgrid { --junipPrimaryColor: #000000; --junipButtonColor: #000000; --junipButtonOutlineColor: #00000080; --junipStarColor: #121212; --junipButtonTextColor: #fff; --junipBorderColor: rgba(0, 0, 0, 0.08); --junipSurfaceColor: rgba(0, 0, 0, 0.03);} .cl-sec-productgrid, .cl-sec-productgrid { scroll-behavior: auto !important;} .cl-sec-productgrid #AjaxinatePagination { margin-top: 24px; } .cl-sec-productgrid #FacetFiltersForm { gap: 0px !important; } .cl-sec-productgrid #FacetFiltersForm #SortBy { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cl-sec-productgrid .facet-filters__label { color: rgb(var(--color-foreground)) !important; } .cl-sec-productgrid .mobile-facets__wrapper { display: none !important; } .cl-sec-productgrid .product-grid--template--23173288788248__product-grid { padding-top: 0px; padding-bottom: 0px; } @media (min-width: 750px) { .cl-sec-productgrid .product-grid--template--23173288788248__product-grid { padding-top: 0px; padding-bottom: 0px; } } .cl-sec-productgrid .facets-container { display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(2, auto); padding-top: 10px; } .cl-sec-productgrid .active-facets-mobile { margin-bottom: 5px; } @media screen and (min-width: 750px) { .cl-sec-productgrid .facets-container > * + * { margin-top: 0px; } } @media screen and (max-width: 989px) { .cl-sec-productgrid .facets-container { grid-template-columns: auto minmax(0px, max-content); column-gap: 20px; } } .cl-sec-productgrid .facet-filters { align-items: flex-start; display: flex; grid-area: 1 / 2; padding-left: 25px; } @media screen and (min-width: 990px) { .cl-sec-productgrid .facet-filters { padding-left: 30px; } } .cl-sec-productgrid .facet-filters__label { display: block; color: rgba(var(--color-foreground),1); font-size: 14px; margin: 0px 10px 0px 0px; } .cl-sec-productgrid .facet-filters__field { align-items: center; display: flex; flex-grow: 1; justify-content: flex-end; } .cl-sec-productgrid .facet-filters__field .select { width: auto; } .cl-sec-productgrid .facet-filters__field .select::after, .cl-sec-productgrid .facet-filters__field .select::before, .cl-sec-productgrid .mobile-facets__sort .select::after, .cl-sec-productgrid .mobile-facets__sort .select::before { content: none; } .cl-sec-productgrid .facet-filters__field .select__select, .cl-sec-productgrid .mobile-facets__sort .select__select { border-radius: 0px; min-width: auto; min-height: auto; transition: none; } .cl-sec-productgrid .facet-filters__sort { background-color: transparent; border: 0px; border-radius: 0px; font-size: 14px; height: auto; line-height: calc(1 + .5 / var(--font-body-scale)); margin: 0px; padding-left: 0px; padding-right: 17.5px; } .cl-sec-productgrid .facet-filters__sort + .clx-icon-caret { right: 0px; } @media screen and (forced-colors: active) { .cl-sec-productgrid .facet-filters__sort { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } } .cl-sec-productgrid .facet-filters__sort, .cl-sec-productgrid .facet-filters__sort:hover { box-shadow: none; filter: none; transition: none; } .cl-sec-productgrid .clx-facets { display: block; grid-column-start: span 2; } .cl-sec-productgrid .clx-facets__form { display: grid; gap: 0px 35px; grid-template-columns: 1fr max-content max-content; margin-bottom: 5px; } .cl-sec-productgrid .active-facets { display: flex; flex-wrap: wrap; width: 100%; grid-area: 2 / 1 / auto / -1; margin-top: -5px; } .cl-sec-productgrid .active-facets__button-wrapper { align-items: center; display: flex; justify-content: center; padding-top: 15px; } .cl-sec-productgrid .active-facets__button-wrapper * { font-size: 10px; } @media screen and (min-width: 990px) { .cl-sec-productgrid .active-facets__button-wrapper *, .cl-sec-productgrid span.active-facets__button-inner { font-size: 14px; } } @media screen and (max-width: 989px) { .cl-sec-productgrid .active-facets { margin: 0px -12px -12px; } } @media screen and (max-width: 989px) { .cl-sec-productgrid .active-facets__button, .cl-sec-productgrid .active-facets__button-remove { margin: 0px; padding: 12px; } } @media screen and (max-width: 989px) { .cl-sec-productgrid .active-facets__button-wrapper { padding-top: 0px; margin-left: 12px; } } .cl-sec-productgrid .active-facets .ce-facet-remove:only-child { display: none; } .cl-sec-productgrid .mobile-facets__wrapper { margin-left: 0px; display: flex; } .cl-sec-productgrid .card-wrapper { color: inherit; height: 100%; position: relative; text-decoration: none; } .cl-sec-productgrid .clx-card { text-decoration: none; text-align: var(--text-alignment); } .cl-sec-productgrid .clx-card:not(.ratio) { display: flex; flex-direction: column; height: 100%; } .cl-sec-productgrid .card--card, .cl-sec-productgrid .card--standard .clx-card__inner { position: relative; box-sizing: border-box; border-radius: var(--border-radius); border: var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity)); } .cl-sec-productgrid .card--card::after, .cl-sec-productgrid .card--standard .clx-card__inner::after { content: ""; position: absolute; z-index: -1; width: calc(var(--border-width) * 2 + 100%); height: calc(var(--border-width) * 2 + 100%); top: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); border-radius: var(--border-radius); box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)); } .cl-sec-productgrid .card--card.gradient, .cl-sec-productgrid .clx-card__inner.gradient { transform: perspective(0px); } .cl-sec-productgrid .clx-card__inner.color-scheme-1 { background: transparent; } .cl-sec-productgrid .clx-card .clx-card__inner .card__media { overflow: hidden; z-index: 0; border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding)); } .cl-sec-productgrid .card-information { text-align: var(--text-alignment); } .cl-sec-productgrid .card__media, .cl-sec-productgrid .clx-card .media { bottom: 0px; position: absolute; top: 0px; } .cl-sec-productgrid .clx-card .media { width: 100%; } .cl-sec-productgrid .card__media { margin: var(--image-padding); width: calc(100% - 2 * var(--image-padding)); } .cl-sec-productgrid .card--standard .card__media { margin: var(--image-padding); } .cl-sec-productgrid .clx-card__inner { width: 100%; } .cl-sec-productgrid .card--media .clx-card__inner .clx-card__content { position: relative; padding: calc(var(--image-padding) + 10px); } .cl-sec-productgrid .clx-card__content { display: grid; grid-template-rows: minmax(0px, 1fr) max-content minmax(0px, 1fr); padding: 10px; width: 100%; flex-grow: 1; } .cl-sec-productgrid .card__information { grid-row-start: 2; padding: 5px 10px; } .cl-sec-productgrid .clx-card:not(.ratio) > .clx-card__content { grid-template-rows: max-content minmax(0px, 1fr) max-content auto; } .cl-sec-productgrid .card__badge { place-self: flex-end flex-start; grid-row-start: 3; } .cl-sec-productgrid .card__media .media img { height: 100%; object-fit: cover; object-position: center center; width: 100%; } .cl-sec-productgrid .card__heading { margin-top: 0px; margin-bottom: 0px; } .cl-sec-productgrid .card__heading:last-child { margin-bottom: 0px; } .cl-sec-productgrid .card__heading a::after { inset: 0px; content: ""; position: absolute; z-index: 1; } .cl-sec-productgrid .card__heading a::after { outline-offset: 3px; } .cl-sec-productgrid .card__heading a:focus::after { box-shadow: 0 0 0 3px rgb(var(--color-background)),0 0 5px 4px rgba(var(--color-foreground),.3); outline: 2px solid rgba(var(--color-foreground),.5); } .cl-sec-productgrid .card__heading a:focus:not(:focus-visible)::after { box-shadow: none; outline: 0px; } .cl-sec-productgrid .card__heading a:focus { box-shadow: none; outline: 0px; } @media screen and (min-width: 990px) { .cl-sec-productgrid .clx-card .media.media--hover-effect > img:only-child, .cl-sec-productgrid .card-wrapper .media.media--hover-effect > img:only-child { transition: transform var(--duration-long) ease; } } @media screen and (min-width: 990px) { .cl-sec-productgrid .clx-card:hover .media.media--hover-effect > img:first-child:only-child, .cl-sec-productgrid .card-wrapper:hover .media.media--hover-effect > img:first-child:only-child { transform: scale(1.03); } } @media screen and (min-width: 990px) { .cl-sec-productgrid .card-wrapper:hover .media.media--hover-effect > img:first-child:not(:only-child) { opacity: 0; } } @media screen and (min-width: 990px) { .cl-sec-productgrid .card-wrapper:hover .media.media--hover-effect > img + img { opacity: 1; transition: transform var(--duration-long) ease; transform: scale(1.03); } } .cl-sec-productgrid .card--standard.card--media .clx-card__inner .card__information, .cl-sec-productgrid .card--standard.card--text:not(.card--horizontal) > .clx-card__content .card__heading:not(.card__heading--placeholder), .cl-sec-productgrid .card--standard:not(.card--horizontal) > .clx-card__content .card__badge, .cl-sec-productgrid .card--standard.card--text.article-card > .clx-card__content .card__information, .cl-sec-productgrid .card--standard > .clx-card__content .card__caption { display: none; } .cl-sec-productgrid .card--standard > .clx-card__content { padding: 0px; } .cl-sec-productgrid .card--standard > .clx-card__content .card__information { padding-left: 0px; padding-right: 0px; } .cl-sec-productgrid .card-information > * + * { margin-top: 5px; } .cl-sec-productgrid .card-information { width: 100%; } .cl-sec-productgrid .card-information > * { line-height: calc(1 + .4 / var(--font-body-scale)); color: rgb(var(--color-foreground)); } .cl-sec-productgrid .card-information > :not(.visually-hidden:first-child) + :not(.clx-rating):not(.card__information-volume-pricing-note) { margin-top: 7px; } .cl-sec-productgrid .card-information .caption { letter-spacing: 0.7px; } .cl-sec-productgrid .clx-price { color: rgb(var(--color-foreground)); } .cl-sec-productgrid .clx-price > * { display: flex; align-items: center; } .cl-sec-productgrid .price__container { flex-wrap: wrap; gap: 5px 8px; } .cl-sec-productgrid .clx-price .price-item { display: block; } .cl-sec-productgrid .clx-price s.price-item { margin-left: 8px; } .cl-sec-productgrid .price__regular .price-item--regular { margin-right: 0px; } .cl-sec-productgrid .clx-price:not(.price--show-badge) .price-item--last:last-of-type { margin: 0px; } @media screen and (min-width: 750px) { .cl-sec-productgrid .clx-price { margin-bottom: 0px; } } .cl-sec-productgrid .price--sold-out .price__availability, .cl-sec-productgrid .price__regular { display: block; } .cl-sec-productgrid .price__sale, .cl-sec-productgrid .price__availability, .cl-sec-productgrid .clx-price .price__badge-sale, .cl-sec-productgrid .clx-price .price__badge-sold-out, .cl-sec-productgrid .price--on-sale .price__regular, .cl-sec-productgrid .price--on-sale .price__availability { display: none; } .cl-sec-productgrid .price--on-sale .price__sale { display: flex; flex-flow: wrap; align-items: center; } .cl-sec-productgrid .price--on-sale .price-item--regular { text-decoration: line-through; color: rgb(var(--color-accent)); } .cl-sec-productgrid .clx-unit-price { display: block; font-size: 11px; letter-spacing: 0.4px; line-height: calc(1 + .2 / var(--font-body-scale)); margin-top: 2px; text-transform: uppercase; color: rgba(var(--color-foreground),.7); } .cl-sec-productgrid .collection .loading-overlay { position: absolute; z-index: 1; width: 18px; } @media screen and (max-width: 749px) { .cl-sec-productgrid .collection .loading-overlay { top: 0px; right: 0px; } } @media screen and (min-width: 750px) { .cl-sec-productgrid .collection .loading-overlay { left: 0px; } } .cl-sec-productgrid .collection .loading-overlay { inset: 0px; display: none; width: 100%; padding: 0px 15px; opacity: 0.7; } @media screen and (min-width: 750px) { .cl-sec-productgrid .collection .loading-overlay { padding-left: 50px; padding-right: 50px; } } .cl-sec-productgrid .card-wrapper .price__container { flex-wrap: wrap; gap: 8px; } .cl-sec-productgrid .card-wrapper .price__container .price__discount-badge { margin: 0px !important; } .cl-sec-productgrid .card-wrapper .price__container * { font-size: calc(var(--font-body-scale)*14px) !important; line-height: normal; } .cl-sec-productgrid .card-wrapper .price__sale .price-item--regular { color: rgb(var(--color-accent)) !important; } .cl-sec-productgrid .card-wrapper .clx-price > * { display: flex !important; align-items: center; } .cl-sec-productgrid .product-card-wrapper .card__content-product { display: flex !important; flex-direction: column; } .cl-sec-productgrid .product-card-wrapper .card__heading { letter-spacing: 0.8px !important; margin-bottom: 4px; } .cl-sec-productgrid .product-card-wrapper .clx-card__content { padding-block: 4px; justify-content: space-between; } @media screen and (max-width: 749.98px) { .cl-sec-productgrid .product-card-wrapper .clx-card__content { flex-direction: column; } } .cl-sec-productgrid .product-card-wrapper .card__badge-shades { border-radius: var(--badge-corner-radius); background-color: rgb(var(--color-background)); display: flex; justify-content: center; align-items: center; padding: 5px 8px 4px; color: rgb(var(--color-foreground)) !important; } .cl-sec-productgrid .product-card-wrapper .card__badge-shades svg { margin-right: 8px; margin-top: -2px; } .cl-sec-productgrid .product-card-wrapper .card__bages { display: flex; flex-wrap: wrap; position: absolute; left: 12px; top: 12px; } .cl-sec-productgrid .product-card-wrapper .clx-card .clx-quick-add { width: 100%; } @media screen and (max-width: 749.98px) { .cl-sec-productgrid .product-card-wrapper .clx-card .clx-quick-add { padding-top: 0px; margin-left: 0px; } } .cl-sec-productgrid .product-card-wrapper .clx-card .clx-quick-add .btn.btn--primary { width: 100%; min-width: 76px; height: 44px; min-height: 44px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } @media screen and (max-width: 749.98px) { .cl-sec-productgrid .product-card-wrapper .clx-card .clx-quick-add .btn.btn--primary { width: 100%; min-width: 100%; } } .cl-sec-productgrid .clx-quick-add { position: relative; grid-row-start: 4; margin: 0px; z-index: 1; } .cl-sec-productgrid .quick-add__submit { min-width: 100%; box-sizing: border-box; } .cl-sec-productgrid { --discountbox-style: simple; --discountbox-position: right; --discountbox-width: 410px; --discountbox-codeButtonColor: #ffffff; --discountbox-codeButtonBackgroundColor: #1e1e1e; --discountbox-codeButtonBorderColor: #1e1e1e; --discountbox-submitButtonBorderColor: #5aaa34; --discountbox-loadingBg: #635247; --discountbox-spinnerColor: #ffffff; --discountbox-inputColor: #1e1e1e; --discountbox-inputBg: #ffffff; --discountbox-inputBorder: #ffffff; --discountbox-discountInfoColor: #1e1e1e; --discountbox-discountInfoBg: #fafafa; --discountbox-discountInfoBorder: #e1e1e1;} /* 04-customliquiddm6hqe */ .cl-sec-customliquiddm6hqe, .cl-sec-customliquiddm6hqe .color-scheme-1 { --color-background: 250,248,246; --gradient-background: #faf8f6; --color-foreground: 30,30,30; --color-background-contrast: 204,184,164; --color-shadow: 30,30,30; --color-button: 30,30,30; --color-button-text: 255,255,255; --color-secondary-button: 250,248,246; --color-secondary-button-text: 30,30,30; --color-link: 30,30,30; --color-badge-foreground: 30,30,30; --color-badge-background: 250,248,246; --color-badge-border: 30,30,30; --color-accent: 188,30,30; --payment-terms-background-color: rgb(250 248 246); } .cl-sec-customliquiddm6hqe, .cl-sec-customliquiddm6hqe .color-scheme-1, .cl-sec-customliquiddm6hqe .color-scheme-2, .cl-sec-customliquiddm6hqe .color-scheme-3, .cl-sec-customliquiddm6hqe .color-scheme-4, .cl-sec-customliquiddm6hqe .color-scheme-5, .cl-sec-customliquiddm6hqe .color-scheme-0ec5db07-1fce-48e1-8243-3f59e304a395, .cl-sec-customliquiddm6hqe .color-scheme-750b5e56-ec83-49e9-b333-ac363650ae36, .cl-sec-customliquiddm6hqe .color-scheme-c939383f-bcdf-4a1a-ab19-a8f2ba2a2bb0, .cl-sec-customliquiddm6hqe .color-scheme-27bd72dc-a699-4e2b-9561-23adcadf323d, .cl-sec-customliquiddm6hqe .color-scheme-a2c3f00b-a17a-4a35-9b8b-f3247df9d990, .cl-sec-customliquiddm6hqe .color-scheme-bf858a1a-9d49-42f2-905d-ca645644f2df, .cl-sec-customliquiddm6hqe .color-scheme-b164bd8e-e5b2-4a14-9128-e96ade52961c, .cl-sec-customliquiddm6hqe .color-scheme-640c2b50-8746-411a-80f8-6fa85382d8ac, .cl-sec-customliquiddm6hqe .color-scheme-62423dd5-069f-458a-8ceb-d8ccee9c94c6, .cl-sec-customliquiddm6hqe .color-scheme-53800dd6-3a7a-4431-8881-aa1349c3a2e4, .cl-sec-customliquiddm6hqe .color-scheme-1c885588-8ec5-40a9-ae99-4d8dcb064f6c { color: rgba(var(--color-foreground), 1); background-color: rgb(var(--color-background)); } .cl-sec-customliquiddm6hqe { --font-body-family: 'Pragmatica', sans-serif; --font-heading-family: 'Pragmatica', sans-serif; --font-accent-family: 'Presti Display', sans-serif; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 1412px; --page-width-margin: 0px; --product-card-image-padding: 0px; --product-card-corner-radius: 0px; --product-card-text-alignment: left; --product-card-border-width: 0px; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0px; --product-card-shadow-vertical-offset: 4px; --product-card-shadow-blur-radius: 5px; --collection-card-image-padding: 0px; --collection-card-corner-radius: 0px; --collection-card-text-alignment: left; --collection-card-border-width: 0px; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0px; --collection-card-shadow-vertical-offset: 4px; --collection-card-shadow-blur-radius: 5px; --blog-card-image-padding: 0px; --blog-card-corner-radius: 0px; --blog-card-text-alignment: left; --blog-card-border-width: 0px; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0px; --blog-card-shadow-vertical-offset: 4px; --blog-card-shadow-blur-radius: 5px; --badge-corner-radius: 4px; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 12px; --popup-shadow-opacity: 0.05; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 128px; --spacing-sections-mobile: 64px; --grid-desktop-vertical-spacing: 40px; --grid-desktop-horizontal-spacing: 40px; --grid-mobile-vertical-spacing: 24px; --grid-mobile-horizontal-spacing: 24px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 4px; --buttons-radius-outset: 5px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0.3px; --inputs-radius: 4px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 5px; --variant-pills-radius: 4px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 1.0; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px;} .cl-sec-customliquiddm6hqe *, .cl-sec-customliquiddm6hqe ::before, .cl-sec-customliquiddm6hqe ::after { box-sizing: inherit; } .cl-sec-customliquiddm6hqe { box-sizing: border-box; font-size: 10px;} .cl-sec-customliquiddm6hqe { margin: 0px; font-size: 14px; letter-spacing: normal; line-height: calc(1 + 0.2 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight);} .cl-sec-customliquiddm6hqe * { -webkit-font-smoothing: antialiased; } .cl-sec-customliquiddm6hqe { scroll-behavior: smooth; text-size-adjust: none;} .cl-sec-customliquiddm6hqe { --show-usual-price: none; --show-discounted-price: none; --show-usual-content: none; --show-early-access-content: none; --show-special-offer-content: none; --show-evergreen-offer-content: none;} .cl-sec-customliquiddm6hqe { --alpha-button-background: 1; --alpha-button-border: 1; --alpha-link: .85; --alpha-badge-border: .1; --focused-base-outline: 2px solid rgba(var(--color-foreground), .5); --focused-base-outline-offset: 3px; --focused-base-box-shadow: 0 0 0 3px rgb(var(--color-background)), 0 0 5px 4px rgba(var(--color-foreground), .3);} .cl-sec-customliquiddm6hqe { --page-width-x-paddings-mobile: 16px;} .cl-sec-customliquiddm6hqe .clx-page-width { max-width: var(--page-width); margin: 0px auto; padding: 0 var(--page-width-x-paddings-mobile); } @media screen and (min-width: 750px) { .cl-sec-customliquiddm6hqe .clx-page-width { padding: 0px 50px; } } .cl-sec-customliquiddm6hqe .clx-section + .clx-section, .cl-sec-customliquiddm6hqe .section--visible { margin-top: var(--spacing-sections-mobile); } @media screen and (min-width: 750px) { .cl-sec-customliquiddm6hqe .clx-section + .clx-section, .cl-sec-customliquiddm6hqe .section--visible { margin-top: var(--spacing-sections-desktop); } } .cl-sec-customliquiddm6hqe a:empty, .cl-sec-customliquiddm6hqe ul:empty, .cl-sec-customliquiddm6hqe dl:empty, .cl-sec-customliquiddm6hqe div:empty, .cl-sec-customliquiddm6hqe section:empty, .cl-sec-customliquiddm6hqe article:empty, .cl-sec-customliquiddm6hqe p:empty, .cl-sec-customliquiddm6hqe h1:empty, .cl-sec-customliquiddm6hqe h2:empty, .cl-sec-customliquiddm6hqe h3:empty, .cl-sec-customliquiddm6hqe h4:empty, .cl-sec-customliquiddm6hqe h5:empty, .cl-sec-customliquiddm6hqe h6:empty { display: none; } .cl-sec-customliquiddm6hqe { --duration-short: .1s; --duration-default: .2s; --duration-announcement-bar: .25s; --duration-medium: .3s; --duration-long: .5s; --duration-extra-long: .6s; --duration-extra-longer: .75s; --duration-extended: 3s; --ease-out-slow: cubic-bezier(0, 0, .3, 1); --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards; --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);} .cl-sec-customliquiddm6hqe .gradient { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-origin: ; background-clip: ; background-color: ; background-attachment: fixed; } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .cl-sec-customliquiddm6hqe { --easter-egg: none; --sparkle: url(./sparkle.gif); } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, 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"); font-weight: 400; font-style: normal; } .cl-sec-customliquiddm6hqe { --swiper-theme-color: #007aff;} .cl-sec-customliquiddm6hqe { --swiper-navigation-size: 44px;} .cl-sec-customliquiddm6hqe { --ot-text-size-banner-title: calc(var(--ot-text-size) + 5px); --ot-text-size-popup-title: calc(var(--ot-text-size) + 5px); --ot-text-size-category-title: calc(var(--ot-text-size) + 2px); --ot-text-size-button: calc(var(--ot-text-size) + 2px);} .cl-sec-customliquiddm6hqe { --junipOutlineColor: #637381;} .cl-sec-customliquiddm6hqe { --junipPrimaryColor: #000000; --junipButtonColor: #000000; --junipButtonOutlineColor: #00000080; --junipStarColor: #121212; --junipButtonTextColor: #fff; --junipBorderColor: rgba(0, 0, 0, 0.08); --junipSurfaceColor: rgba(0, 0, 0, 0.03);} .cl-sec-customliquiddm6hqe, .cl-sec-customliquiddm6hqe { scroll-behavior: auto !important;} .cl-sec-customliquiddm6hqe .eui-slider { position: relative; height: 100%; user-select: none; overflow: hidden; } .cl-sec-customliquiddm6hqe .eui-slider-inner { z-index: 1; position: relative; height: 100%; display: flex; transition-property: transform, -webkit-transform; } .cl-sec-customliquiddm6hqe .eui-slider-slide { width: 100%; height: 100%; display: inline-block; overflow: hidden; flex-grow: 1; flex-shrink: 0; } .cl-sec-customliquiddm6hqe .eui-slider-arrow { opacity: 0; visibility: hidden; pointer-events: none; } .cl-sec-customliquiddm6hqe .eui-slider-arrow-enabled { opacity: 1; visibility: visible; pointer-events: all; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-container div:empty { display: block; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed { font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, Roboto, "Open Sans", "Helvetica Neue", sans-serif; line-height: 18px; font-weight: 400; width: 100%; max-height: 100%; position: relative; box-sizing: border-box; min-width: 150px; min-height: 100px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-title { font-size: 24px; font-weight: 600; text-align: center; line-height: 32px; padding: 24px 10px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-content { position: relative; width: 100%; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-content-loader { color: rgba(0, 0, 0, 0.2); } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-container { width: 100%; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed a { text-decoration: none; color: rgb(0, 0, 0); margin: 0px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed a:hover { text-decoration: underline; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-loader { box-sizing: border-box; display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%; border-style: solid; border-top-color: transparent; animation: 1s linear 0s infinite normal none running eapps-instagram-feed-loader; opacity: 0; visibility: hidden; width: 32px; height: 32px; margin: -16px 0px 0px -16px; border-width: 2px; z-index: 1; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-data-status { position: fixed; bottom: 20px; right: 20px; padding: 16px; border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px; z-index: 99999999; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.2s; max-width: 320px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header { background: rgb(255, 255, 255); padding: 20px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-inner { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 0px auto; max-width: 600px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-user { display: flex; align-items: center; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-user-picture { display: block; width: 40px; height: 40px; border-radius: 50%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; box-sizing: border-box; transition: 0.2s; margin: 0px !important; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-user-picture:hover { opacity: 0.95; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-user-picture-wrapper { background: linear-gradient(40deg, rgb(249, 155, 74) 15%, rgb(221, 48, 113) 50%, rgb(199, 46, 141) 85%); width: 48px; height: 48px; border-radius: 50%; padding: 4px; box-sizing: border-box; margin-right: 12px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-user-picture-wrapper > a { width: 100%; height: 100%; display: block; border-radius: 50%; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-user-info-name { display: flex; align-items: center; font-size: 16px; font-weight: bold; color: currentcolor; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-user-info-verified-badge { display: block; margin-left: 4px; width: 12px; height: 12px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-user-info-verified-badge svg { display: block; width: 12px; height: 12px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-user-info-caption { font-size: 12px; opacity: 0.5; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-stats { display: flex; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-user + .eapps-instagram-feed-header-stats { margin-left: 40px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-stats-item { text-align: center; margin-right: 20px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-stats-item:last-child { margin-right: 0px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-stats-item-value { font-size: 14px; font-weight: bold; color: currentcolor; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-stats-item-label { font-size: 12px; color: currentcolor; opacity: 0.5; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-follow-button { display: flex; align-items: center; position: relative; height: 32px; line-height: 32px; border-radius: 4px; overflow: hidden; padding: 0px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgb(0, 149, 246); color: rgb(255, 255, 255); text-align: center; outline: none; cursor: pointer; margin-left: 40px; font-size: 14px; transition: background 0.2s; text-decoration: none; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-user + .eapps-instagram-feed-header-follow-button-wrapper, .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-stats + .eapps-instagram-feed-header-follow-button-wrapper { margin-left: 40px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-follow-button::after { content: ""; position: absolute; inset: 0px; background: currentcolor; opacity: 0; visibility: hidden; transition: 0.2s; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-follow-button:hover { text-decoration: none; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-follow-button:hover::after { opacity: 0.1; visibility: visible; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-follow-button-icon { width: 16px; height: 16px; display: block; fill: currentcolor; margin-right: 8px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-header-follow-button-label { color: currentcolor; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts { width: 100%; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-container { width: 100%; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-inner { box-sizing: border-box; position: relative; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-view { display: inline-flex; flex-flow: wrap; justify-content: flex-start; box-sizing: border-box; width: 100%; height: auto; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-view.eui-slider-slide { display: inline-flex; width: 100%; height: auto; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider { position: relative; height: auto; user-select: none; cursor: grab; width: 100%; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider-inner { z-index: 1; position: relative; height: auto; display: flex; width: 100%; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider-nav { background: rgb(0, 0, 0); position: absolute; top: 50%; width: 60px; height: 60px; justify-content: center; align-items: center; border-radius: 50%; z-index: 1; cursor: pointer; opacity: 0.85; transition: 0.2s; backface-visibility: hidden; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider-nav-icon { width: 12px; height: 16px; fill: rgb(255, 255, 255); display: block; position: absolute; top: 50%; transform: translateY(-50%); } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider-nav:hover { opacity: 1; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider-prev { left: 0px; transform: translate3d(-50%, -50%, 0px); box-shadow: rgba(0, 0, 0, 0.3) 2px 0px 5px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider-prev .eapps-instagram-feed-posts-slider-nav-icon { right: 12px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider-prev:active { transform: translate3d(-50%, -50%, 0px) scale(0.9); } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider-next { right: 0px; transform: translate(50%, -50%); box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 5px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider-next .eapps-instagram-feed-posts-slider-nav-icon { left: 12px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider-next:active { transform: translate3d(50%, -50%, 0px) scale(0.9); } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item { box-sizing: border-box; display: flex; flex-direction: column; position: relative; background: rgb(255, 255, 255); transition: opacity 0.2s, visibility 0.2s; opacity: 0; visibility: hidden; overflow: hidden; flex-grow: 0; flex-shrink: 0; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-visible.eapps-instagram-feed-posts-item-loaded { opacity: 1; visibility: visible; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item a, .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item a:hover { color: rgb(0, 53, 105); } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-link { cursor: pointer; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-image { width: auto; top: 50%; left: 50%; position: absolute !important; margin: 0px !important; transform: translate(-50%, -50%) !important; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-image-portrait .eapps-instagram-feed-posts-item-image { width: 100%; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-image-landscape .eapps-instagram-feed-posts-item-image { min-width: 100%; height: 100% !important; max-width: inherit !important; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-image-wrapper { padding-top: 100%; position: relative; overflow: hidden; margin: -1px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-image-icon { display: none; position: absolute; z-index: 2; top: 0.6em; right: 0.6em; width: 24px; height: 24px; transition: 0.3s; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-image-icon svg { display: block; width: 24px; height: 24px; fill: rgba(255, 255, 255, 0.8); } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-type-video .eapps-instagram-feed-posts-item-image-icon-video { display: block; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-type-carousel .eapps-instagram-feed-posts-item-image-icon-carousel { display: block; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-likes-count, .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-comments-count { display: inline-flex; align-items: center; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-likes-count-icon, .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-comments-count-icon { fill: currentcolor; width: 24px; height: 24px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-likes-count-label, .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-comments-count-label { margin-left: 6px; font-size: 14px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile { user-select: none; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-link { width: 100%; box-sizing: border-box; display: flex; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-overlay { position: absolute; z-index: 2; inset: -1px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s, visibility 0.3s; text-align: center; box-sizing: border-box; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-overlay { transition: none; } } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-overlay-hover, .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-with-data:hover.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-overlay { opacity: 1; visibility: visible; pointer-events: all; padding-top: 0px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-content { transform: translateY(10%); width: 80%; max-height: 80%; margin: 0px auto; position: relative; transition: 0.3s; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-with-data:hover.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-content { transform: translateY(0px); } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-media { width: 100%; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-image { transition: transform 0.3s, filter 0.3s, -webkit-transform 0.3s, -webkit-filter 0.3s; left: 50%; transform: scale(1) translate(-50%, -50%); transform-origin: 0px 0px; backface-visibility: hidden; } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-image { transition: none; } } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-with-data:hover.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-image { transform: scale(1.1) translate(-50%, -50%); transform-origin: 0px 0px; filter: grayscale(1); } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-with-data:hover.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-image { transform: scale(1.05) translate(-50%, -50%); } } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-with-data:hover.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-image-icon { opacity: 0; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count, .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-comments-count { min-width: 70px; justify-content: center; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count-label, .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-comments-count-label { font-size: 16px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count-icon, .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-comments-count-icon { width: 24px; height: 24px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count + .eapps-instagram-feed-posts-item-comments-count { margin-left: 20px; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-text { font-size: 14px; line-height: 21px; display: inline-block; overflow: hidden; margin-top: 12%; text-align: center; max-height: 84px; width: 100%; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-text-clone { opacity: 0; visibility: hidden; position: absolute; left: 0px; right: 0px; max-height: none; } .cl-sec-customliquiddm6hqe .section-template--23173288788248__custom_liquid_dM6Hqe-padding { padding-top: calc(30px); padding-bottom: calc(39px); } @media screen and (min-width: 750px) { .cl-sec-customliquiddm6hqe .section-template--23173288788248__custom_liquid_dM6Hqe-padding { padding-top: 40px; padding-bottom: 52px; } } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 a, .cl-sec-customliquiddm6hqe #eapps-instagram-feed-popup-1 a { text-decoration: none; color: rgb(0, 0, 0); margin: 0px; } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 a:hover, .cl-sec-customliquiddm6hqe #eapps-instagram-feed-popup-1 a:hover { text-decoration: underline; } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 { width: 100%; } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-header { background: rgb(250, 248, 246); } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-header-user-picture { box-shadow: rgb(250, 248, 246) 0px 0px 0px 2px; } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-header, .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-header a { color: rgb(30, 30, 30); } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 a.eapps-instagram-feed-header-follow-button, .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 a.eapps-instagram-feed-header-follow-button:hover { text-decoration: none; background: rgb(30, 30, 30); } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 a.eapps-instagram-feed-header-follow-button, .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 a.eapps-instagram-feed-header-follow-button:hover { color: rgb(255, 255, 255); } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item, .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-content, .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-text, .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item a, .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item a:hover { color: rgb(0, 0, 0); } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-overlay .eapps-instagram-feed-posts-item-content, .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-overlay .eapps-instagram-feed-posts-item-text { color: rgb(255, 255, 255); } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-overlay { background: rgba(0, 0, 0, 0.8); } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-posts-slider-nav-icon { fill: rgb(255, 255, 255); } .cl-sec-customliquiddm6hqe #eapps-instagram-feed-1 .eapps-instagram-feed-posts-slider-nav { background: rgba(0, 0, 0, 0.9); } .cl-sec-customliquiddm6hqe #cl-shopify-section-template--23173288788248__custom_liquid_dM6Hqe { margin-top: calc(var(--spacing-sections-mobile) /); } @media screen and (min-width: 750px) { .cl-sec-customliquiddm6hqe #cl-shopify-section-template--23173288788248__custom_liquid_dM6Hqe { margin-top: calc(var(--spacing-sections-desktop) / -); } } .cl-sec-customliquiddm6hqe { --discountbox-style: simple; --discountbox-position: right; --discountbox-width: 410px; --discountbox-codeButtonColor: #ffffff; --discountbox-codeButtonBackgroundColor: #1e1e1e; --discountbox-codeButtonBorderColor: #1e1e1e; --discountbox-submitButtonBorderColor: #5aaa34; --discountbox-loadingBg: #635247; --discountbox-spinnerColor: #ffffff; --discountbox-inputColor: #1e1e1e; --discountbox-inputBg: #ffffff; --discountbox-inputBorder: #ffffff; --discountbox-discountInfoColor: #1e1e1e; --discountbox-discountInfoBg: #fafafa; --discountbox-discountInfoBorder: #e1e1e1;} /* feed Elfsight: o JS dele refaz a grade por largura (4x2 no desktop, 3x2 no mobile); a largura do trilho vinha congelada em 1312px do desktop */ .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-slider-inner { width: 100% !important; } .cl-sec-customliquiddm6hqe .eui-slider-slide ~ .eui-slider-slide { display: none !important; } @media screen and (max-width: 749.98px) { .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item { width: calc(100% / 3) !important; } .cl-sec-customliquiddm6hqe .eapps-instagram-feed-posts-item:nth-child(n+7) { display: none !important; } }