*, :after, :before { background-repeat: no-repeat } :after, :before { text-decoration: inherit; vertical-align: inherit } :where(:root) { -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; cursor: default; line-height: 1.5; overflow-wrap: break-word; -moz-tab-size: 4; tab-size: 4 } :where(body) { margin: 0 } :where(h1) { font-size: 2em; margin: .67em 0 } :where(dl,ol,ul) :where(dl,ol,ul) { margin: 0 } :where(hr) { color: inherit; height: 0 } :where(nav) :where(ol,ul) { list-style-type: none; padding: 0 } :where(nav li):before { content: "​"; float: left } :where(pre) { font-family: monospace, monospace; font-size: 1em; overflow: auto } :where(abbr[title]) { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } :where(b,strong) { font-weight: bolder } :where(code,kbd,samp) { font-family: monospace, monospace; font-size: 1em } :where(small) { font-size: 80% } :where(audio,canvas,iframe,img,svg,video) { vertical-align: middle } :where(iframe) { border-style: none } :where(svg:not([fill])) { fill: currentColor } :where(table) { border-collapse: collapse; border-color: inherit; text-indent: 0 } :where(button,input,select) { margin: 0 } :where(button,[type=button i],[type=reset i],[type=submit i]) { -webkit-appearance: button } :where(fieldset) { border: 1px solid #a0a0a0 } :where(progress) { vertical-align: initial } :where(textarea) { margin: 0; resize: vertical } :where([type=search i]) { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto } ::-webkit-input-placeholder { color: inherit; opacity: .54 } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } :where(dialog) { background-color: #fff; border: solid; color: #000; height: fit-content; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; width: fit-content } :where(dialog:not([open])) { display: none } :where(details>summary:first-of-type) { display: list-item } :where([aria-busy=true i]) { cursor: progress } :where([aria-controls]) { cursor: pointer } :where([aria-disabled=true i],[disabled]) { cursor: not-allowed } :where([aria-hidden=false i][hidden]) { display: initial } :where([aria-hidden=false i][hidden]:not(:focus)) { clip: rect(0, 0, 0, 0); position: absolute } .keen-slider:not([data-keen-slider-disabled]) { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; align-content: flex-start; display: flex; overflow: hidden; position: relative; touch-action: pan-y; -webkit-user-select: none; user-select: none; -khtml-user-select: none; width: 100% } .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide { min-height: 100%; overflow: hidden; position: relative; width: 100% } .keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] { flex-direction: row-reverse } .keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] { flex-wrap: wrap } .keen-slider[data-active-carousel=true]:not([data-keen-slider-disabled]) { cursor: grab } #gdpr-blocking-page-overlay { opacity: 0 !important } #pandectes-banner { transition: visibility 0s, opacity 0s linear } #pandectes-banner .cc-window { transition: opacity 0s } #pandectes-banner .cc-window.cc-floating .cc-logo { display: none } #pandectes-banner .cc-window.cc-floating { inline-size: 100% !important; max-inline-size: unset !important; padding: 32px } @media (min-width: 1023.02px) { #pandectes-banner .cc-window.cc-floating { inline-size: 33vw !important; max-inline-size: 420px !important } } #pandectes-banner .cc-window span[role=presentation] { font-size: 9px !important } #pandectes-banner .cc-bottom { inset-block-end: 0 } #pandectes-banner .cc-left { inset-inline-start: 0 } @media (min-width: 1023.02px) { #pandectes-banner .cc-left { inset-inline-start: 24px } } #pandectes-banner .cc-btn { min-block-size: 48px; padding-block: 0 } #pandectes-banner .cc-btn.cc-btn-decision { border-width: .5px; font-size: 12px; font-weight: 300; inline-size: 100%; margin: 0 } #pandectes-banner .cc-btn.cc-btn-decision + .cc-btn.cc-btn-decision { margin-block: 5px } @media (min-width: 1023.02px) { #pandectes-banner .cc-btn.cc-btn-decision + .cc-btn.cc-btn-decision { margin-block: 10px } } #pandectes-banner .cc-btn.cc-settings { align-items: center; border: 0; display: flex; font-size: 14px; font-weight: 300; gap: 5px; justify-content: center; margin-block-start: 20px; order: 1; text-transform: none } #pandectes-banner .cc-btn.cc-settings:before { block-size: 16px; color: var(--Color_White); content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.796 8.428a13.628 13.628 0 0 0-3.771 2.157c-.356.287-.698.592-1.025.915v-7a13.728 13.728 0 0 0 4.796 3.072 13.66 13.66 0 0 0 .264.096L10 8l-.94.332' fill='%23fff' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E"); display: flex; inline-size: 16px } #pandectes-banner .cc-compliance { flex-direction: column; margin-block-end: 32px; order: 1 } #pandectes-banner .cc-message { font-weight: 300; margin-block-end: 16px !important; order: 2 } #pandectes-banner .cc-floating .cc-logo + .cc-message { margin-block-start: 0 } #pd-cp-preferences * { font-family: var(--Font_Family-totemeSans) } @media (min-width: 1023.02px) { #pd-cp-preferences .pd-cp-ui { inline-size: 33vw !important; inset-inline-start: 24px; max-inline-size: 420px !important } } #pd-cp-preferences .pd-cp-ui-content { padding: 32px } #pd-cp-preferences .pd-cp-ui-horizontal-buttons { display: flex; flex: 1; flex-direction: column-reverse; gap: 10px } #pd-cp-preferences .pd-cp-bold-messaging { font-weight: 300; letter-spacing: 0 } #pd-cp-preferences .pd-cp-bold-messaging:before { block-size: 4px; border-block-end-color: var(--Color_White); border-inline-end-color: var(--Color_White); inline-size: 4px; margin-block-start: 6px } #pd-cp-preferences .pd-cp-purpose-row__active { padding-block-end: 16px !important } #pd-cp-preferences .pd-cp-purpose-row__active .pd-cp-bold-messaging:before { block-size: 4px; border-block-end-color: var(--Color_White); border-inline-end-color: var(--Color_White); inline-size: 4px; margin-block-start: 6px } #pd-cp-preferences input + .pd-cp-preferences-slider, #pd-cp-preferences input:checked + .pd-cp-preferences-slider { background-color: initial !important; border: solid 1px var(--Color_White) } #pd-cp-preferences .pd-cp-preferences-switch { block-size: 18px; inline-size: 32px } #pd-cp-preferences .pd-cp-preferences-slider:before { background-color: var(--Color_White) !important; block-size: 12px; inline-size: 12px; inset-block-end: 2px; inset-inline-start: 2px } #pd-cp-preferences input:checked + .pd-cp-preferences-slider:before { transform: translate(14px) } #pd-cp-preferences .pd-cp-ui-intro { margin-block: 48px } #pd-cp-preferences .pd-cp-ui-horizontal-buttons .pd-cp-btn { max-inline-size: unset !important } #pd-cp-preferences .pd-cp-scrolling-section { block-size: auto; overflow: auto; padding: 0 } #pd-cp-preferences .pd-cp-ui-footer, #pd-cp-preferences .pd-cp-ui-header { display: block !important } #pd-cp-preferences .pd-cp-ui-footer .pd-cp-ui-col-6:first-child, #pd-cp-preferences .pd-cp-ui-title-container { display: none } #pd-cp-preferences .pd-cp-ui-footer .pd-cp-ui-save { float: none !important } #pd-cp-preferences .pd-cp-ui-col-6.pd-cp-ui-float-right { float: none !important; max-inline-size: unset !important } #pd-cp-preferences .pd-cp-btn { border: solid .5px var(--Color_White); font-family: var(--Font_Family-totemeSans); font-size: 12px; font-weight: 300; inline-size: 100%; letter-spacing: 0 } #pd-cp-preferences .pd-cp-purpose-description, #pd-cp-preferences .pd-cp-ui-intro { font-size: 14px } #pd-cp-preferences .pd-cp-purpose-row { border-block-start: solid .5px var(--Color_White); margin-block: 1px; padding-block: 1px 0 } #pd-cp-preferences .pd-cp-btn.pd-cp-ui-save, #pd-cp-preferences .pd-cp-ui-horizontal-buttons .pd-cp-btn { block-size: 48px; padding: 0 24px } body:has(.main-venn) #pandectes-banner { display: none !important } .shopify-challenge__container { align-items: center; display: flex; flex-direction: column; justify-content: center; padding-block: calc(var(--Header_Height) + 100px) 100px } .shopify-challenge__message { font-family: var(--Font_Family-body); font-size: 14px; font-weight: 300; letter-spacing: .01em; line-height: 150%; margin-block-end: var(--Grid_Gutter) } .shopify-challenge__button { --Button_Color: currentColor; align-items: center; background-color: var(--Color_White); border: var(--Border_Width) solid var(--Color_Border-primary); border-radius: 0; color: var(--Color_Text-primary); display: inline-flex; font-size: 12px; font-weight: 300; justify-content: center; line-height: 100%; overflow: hidden; padding: 0; padding-block: 16px; padding-inline: 32px; position: relative; text-align: start; white-space: nowrap; z-index: 1 } .shopify-challenge__button[disabled] { cursor: not-allowed; opacity: .5 } @custom-media --xxs (min-width: 350.02px); @custom-media --xs (min-width: 450.02px); @custom-media --sm (min-width: 768px); @custom-media --md (min-width: 1023.02px); @custom-media --lg (min-width: 1200.02px); @custom-media --xlg (min-width: 1440px); @custom-media --xxlg (min-width: 1600px); @custom-media --xxxlg (min-width: 1800px); @custom-media --hover (hover: hover),(min-width: 1600px); @custom-media --no-hover (hover: none) and (max-width: 1599.98px); @custom-media --motion-reduce (prefers-reduced-motion: reduce); @custom-media --xxs-viewport (max-width: 450px); @custom-media --xs-viewport (max-width: 767.98px); @custom-media --sm-viewport (min-width: 768px) and (max-width: 1023px); @custom-media --md-viewport (min-width: 1023.02px) and (max-width: 1199.98px); @custom-media --lg-viewport (max-width: 1199.98px); @custom-media --xlg-viewport (min-width: 1200.02px) and (max-width: 1439.98px); @custom-media --mobile-viewport (max-width: 1023px); @custom-media --desktop-viewport (min-width: 1023.02px); @custom-media --unstick-pdp (max-height: 640px); :root { --Color_Success-light: #1e8c45; --Color_Warning-light: #d06800; --Color_Error-light: #c50c1e; --Color_Success-dark: #3dbe6e; --Color_Warning-dark: #f5a030; --Color_Error-dark: #f26370; --Color_White: #fff; --Color_White-95: #fffffff2; --Color_5: #f6f5f3; --Color_5-50: #f6f5f380; --Color_10: #ebeae8; --Color_20: #dfdedb; --Color_30: #9e9d9b; --Color_40: #767676; --Color_50: #6b6b6b; --Color_60: #5a5a5a; --Color_70: #414141; --Color_80: #1e1e1e; --Color_90: #161616; --Color_90-20: #16161633; --Color_90-95: #161616f2; --Color_Black: #090909; --Color_Text-primary: var(--Color_Black); --Color_Text-secondary: var(--Color_60); --Color_Text-disable: var(--Color_40); --Color_Text-error: var(--Color_Error-light); --Color_Text-sale: var(--Color_Error-light); --Color_Success: var(--Color_Success-light); --Color_Error: var(--Color_Error-light); --Color_Warning: var(--Color_Warning-light); --Color_Border-primary: var(--Color_Black); --Color_Border-secondary: var(--Color_20); --Color_Border-error: var(--Color_Error-light); --Color_Background-primary: var(--Color_White); --Color_Background-overlay: var(--Color_5-50); --Color_Background-drawer: var(--Color_White-95); --Color_Surface-primary: var(--Color_5); --Color_Surface-secondary: var(--Color_10); --Effect_Blur-drawer: blur(34px); --Effect_FlatImageGradient: linear-gradient(1.84deg, #00000005 1.77%, #f1f1f100 48.19%), linear-gradient(91.38deg, #00000008 5.6%, #f1f1f100 47.61%); --Font_Family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; --Font_Family-totemeSans: "Toteme Sans"; --Font_Family-body: var(--Font_Family-totemeSans), var(--Font_Family); --Font_Family-headings: var(--Font_Family-totemeSans), var(--Font_Family); --Grid_Container: 1320px; --Grid_Gutter: 24px; --Site_Margin: 16px; --Site_MarginInset: 32px; --Announcement_Height: 48px; --Header_Height: 64px; --Drawer_Spacing: 32px; --Border_Width: .5px; --Carousel_Ease: cubic-bezier(.25, 1, .5, 1); --Image_ZIndex: 0; --u: clamp(1px, .04px + .0667vw, 1.4px); --s0: 0; --s2: calc(var(--u) * 2); --s4: calc(var(--u) * 4); --s6: calc(var(--u) * 6); --s8: calc(var(--u) * 8); --s10: calc(var(--u) * 10); --s12: calc(var(--u) * 12); --s13: calc(var(--u) * 13); --s16: calc(var(--u) * 16); --s24: calc(var(--u) * 24); --s32: calc(var(--u) * 32); --s40: calc(var(--u) * 40); --s48: calc(var(--u) * 48); --s64: calc(var(--u) * 64); --s72: calc(var(--u) * 72); --s80: calc(var(--u) * 80); --s96: calc(var(--u) * 96); --s102: calc(var(--u) * 102); --s142: calc(var(--u) * 142); --s160: calc(var(--u) * 160); --s20svg: calc(var(--u) * 20); cursor: auto; font: 16px/1.5 var(--Font_Family-body) } @media (min-width: 1023.02px) { :root { --Site_Margin: calc(var(--u) * 32); --Site_MarginInset: calc(var(--u) * 32); --Header_Height: calc(var(--u) * 72); --Drawer_Spacing: calc(var(--u) * 32); --Grid_Gutter: calc(var(--u) * 64) } } .col-Theme_Dark { --Color_Text-primary: var(--Color_5); --Color_Text-secondary: var(--Color_40); --Color_Text-disable: var(--Color_60); --Color_Text-error: var(--Color_Error-dark); --Color_Text-sale: var(--Color_Error-dark); --Color_Success: var(--Color_Success-dark); --Color_Error: var(--Color_Error-dark); --Color_Warning: var(--Color_Warning-dark); --Color_Border-primary: var(--Color_5); --Color_Border-secondary: var(--Color_60); --Color_Border-error: var(--Color_Error-dark); --Color_OverflowFade: linear-gradient(90deg, #0000 0%, var(--Color_Background-primary) 100%); --Color_Background-primary: var(--Color_90); --Color_Background-overlay: var(--Color_90-20); --Color_Background-drawer: var(--Color_90-95); --Color_Surface-primary: var(--Color_80); --Color_Surface-secondary: var(--Color_70) } .col-Theme_Light { --Color_Text-primary: var(--Color_Black); --Color_Text-secondary: var(--Color_60); --Color_Text-disable: var(--Color_40); --Color_Text-error: var(--Color_Error-light); --Color_Text-sale: var(--Color_Error-light); --Color_Success: var(--Color_Success-light); --Color_Error: var(--Color_Error-light); --Color_Warning: var(--Color_Warning-light); --Color_OverflowFade: linear-gradient(90deg, #0000 0%, var(--Color_Background-primary) 100%); --Color_Border-primary: var(--Color_Black); --Color_Border-secondary: var(--Color_20); --Color_Border-error: var(--Color_Error-light); --Color_Background-primary: var(--Color_White); --Color_Background-overlay: var(--Color_5-50); --Color_Background-drawer: var(--Color_White-95); --Color_Surface-primary: var(--Color_5); --Color_Surface-secondary: var(--Color_10) } .util-ScreenReaderOnly { clip: rect(1px, 1px, 1px, 1px); block-size: 1px; inline-size: 1px; overflow: hidden; position: absolute } .util-SkipToContent { background-color: var(--Color_Background-primary); border-radius: 5px; color: var(--Color_Text-primary); display: block; inset-block-start: 5px; inset-inline-start: 5px; opacity: 0; padding: 2px 5px; pointer-events: none; position: fixed; z-index: 999 } .util-SkipToContent:focus { opacity: 1; pointer-events: auto } .util-FauxLink { position: relative } .util-FauxLink_Link { top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1 } .util-FauxLink-multiLinks .util-FauxLink_Link { display: none } .util-FauxLink_Link:focus, .util-FauxLink_Link:focus-visible { outline: 1px auto -webkit-focus-ring-color } .util-Video_Controls { display: flex; gap: 20px; inline-size: 100% } .util-Video_PlayPause { display: grid; text-align: start } .util-Video_PlayPauseText { grid-column: 1; grid-row: 1 } .util-Video_PlayPauseText-pause { visibility: hidden } .util-Video_PlayPause-playing .util-Video_PlayPauseText-pause, .util-Video_PlayPauseText-play { visibility: visible } .util-Video_PlayPause-playing .util-Video_PlayPauseText-play { visibility: hidden } .util-Video_MuteUnmute { display: grid; text-align: end } .util-Video_MuteUnmuteText { grid-column: 1; grid-row: 1 } .util-Video_MuteUnmuteText-unmute { visibility: hidden } .util-Video_MuteUnmute-muted .util-Video_MuteUnmuteText-unmute, .util-Video_MuteUnmuteText-mute { visibility: visible } .util-Video_MuteUnmute-muted .util-Video_MuteUnmuteText-mute { visibility: hidden } .util-Video_Progress { --Progress_Percent: 0; flex-grow: 1; position: relative } .util-Video_Progress:before { block-size: var(--Border_Width); content: ""; inset-block-start: 50%; inset-inline: 0; opacity: .8 } .util-Video_Progress:before, .util-Video_ProgressBar { background-color: currentColor; display: block; position: absolute; transform: translateY(-50%); z-index: 1 } .util-Video_ProgressBar { block-size: 1px; inline-size: var(--Progress_Percent); inset-block-start: 50%; inset-inline-start: 0 } .util-Video_ProgressBar:before { background-color: currentColor; block-size: 4px; content: ""; display: block; inline-size: 4px; inset-block-start: -1.5px; inset-inline-end: 0; position: absolute; transform: rotate(45deg); z-index: 1 } .util-SiteOverflowed, .util-SiteOverflowed body { block-size: calc(var(--InnerHeight) - 1px); overflow: hidden } @media (hover: hover),(min-width: 1600px) { .util-HoverGroup:has(~.util-HoverGroup:hover), .util-HoverGroup:hover ~ .util-HoverGroup { color: var(--Color_Text-secondary); opacity: .6 } } .util-Hover_Fade { transition: opacity .3s ease } @media (hover: hover),(min-width: 1600px) { .util-Hover_Fade:hover { opacity: .6 } } .util-DotLoader { align-items: center; block-size: 32px; display: flex; gap: 4px; inline-size: 100%; justify-content: center } .util-DotLoader_Dot { animation: animateDotLoader 1.5s infinite; background: var(--Color_Text-primary); block-size: 6px; border-radius: 50%; inline-size: 6px; opacity: 0 } .util-DotLoader_Dot:nth-child(2) { animation-delay: .3s } .util-DotLoader_Dot:nth-child(3) { animation-delay: .6s } @keyframes animateDotLoader { 0%, 80%, to { opacity: 0; transform: scale(.7) } 40% { opacity: 1; transform: scale(1) } } .acc-Appointments_Loading[aria-hidden=true] { display: none } .util-Busy .util-DotLoader { block-size: auto; display: none } .util-Busy .util-Content { display: inline } .util-Busy[aria-busy=true] .util-DotLoader { display: flex } .util-Busy[aria-busy=true] .util-Content { display: none } [hidden] { display: none !important } [disabled] { cursor: not-allowed } :focus { outline: 2px solid var(--Color_Border-secondary) } :focus:not(:focus-visible) { outline: none } [role=button], a, area, button, input:not([type=range]), label, select, summary, textarea { touch-action: manipulation } input, select, textarea { border-radius: 0 } button { background-color: initial; border: 0; border-radius: 0; color: currentColor; font-family: inherit; font-size: inherit; padding: 0 } body:not(.util-IsTabbing) :is(button,input,select,textarea):focus, main { outline: none } *, :after, :before { box-sizing: border-box } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 16px; scroll-behavior: smooth } @media (max-width: 767.98px) { html { block-size: calc(var(--InnerHeight) - 1px) } html:has(.lyt-Theme-article) { block-size: auto } } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-color: var(--Color_Background-primary); color: var(--Color_Text-primary); margin: 0; text-rendering: optimizeLegibility } @media (max-width: 767.98px) { body { block-size: calc(var(--InnerHeight) - 1px) } body.lyt-Theme-article { block-size: auto } } button, summary { cursor: pointer } summary { list-style: none; position: relative } summary::-webkit-details-marker, summary::marker { display: none } h1, h2, h3, h4, h5, h6 { font-family: var(--Font_Family-headings); font-size: inherit; font-weight: 300; line-height: inherit; margin-block: 0 0 } hr { border: 0; border-block-start: 1px solid var(--Color_Border-secondary) } ul { list-style: none; margin: 0; padding: 0 } li::marker, li:before { display: none } p { margin-block: 0 0 } a { -webkit-text-decoration: none; text-decoration: none } a, a:not([class]) { color: currentColor; font-weight: 300 } input, select, textarea { font-family: inherit } input[type=search i]::-webkit-search-cancel-button { display: none } img { max-inline-size: 100% } figure { margin: 0 } svg { block-size: inherit; display: block; inline-size: inherit } table { inline-size: 100%; table-layout: fixed } dialog { background-color: inherit; block-size: auto; border: none; color: inherit; inset-inline: auto; margin: 0; max-block-size: none; max-inline-size: none; padding: 0 } dialog::backdrop { background-color: var(--Color_Background-overlay) } @keyframes NudgeImage { 0% { transform: none } 30% { transform: translate(-40%) } 70% { transform: translate(-40%) } to { transform: none } } @keyframes scrollHint { 0% { transform: none } 50% { transform: translate(-40%) } to { transform: none } } @keyframes menu-slide-down { 0% { clip-path: inset(0 0 100% 0) } to { clip-path: inset(0) } } @keyframes menu-slide-up { 0% { clip-path: inset(0) } to { clip-path: inset(0 0 100% 0) } } :root { --Menu_Slide_Ease: cubic-bezier(.16, 1, .3, 1) } .bdc-Breadcrumb_Items { display: flex } .prd-Detail_Breadcrumbs-mobile .bdc-Breadcrumb_Items { justify-content: center } .bdc-Breadcrumb_Item { align-items: center; display: flex } .bdc-Breadcrumb_Arrow { block-size: 16px; display: block; inline-size: 16px; margin-inline: 2px; position: relative } .bdc-Breadcrumb_Dot { block-size: 2px; display: block; inline-size: 2px; margin-inline: 7px } .bdc-Breadcrumb_Link, .bdc-Breadcrumb_Text, .btn-Button { white-space: nowrap } .btn-Button { --Button_Color: currentColor; align-items: center; background-color: initial; border: 0; border-radius: 0; color: var(--Button_Color); display: inline-flex; font-size: calc(var(--u) * 12); font-weight: 300; line-height: 150%; overflow: hidden; padding: 0; position: relative; text-align: start; text-transform: capitalize; z-index: 1 } .btn-Button[disabled] { cursor: not-allowed; opacity: .5 } .btn-Button-primary { background-color: var(--Color_Background-primary); border: var(--Border_Width) solid var(--Color_Border-primary); color: var(--Color_Text-primary); font-weight: 300; justify-content: center; line-height: 100%; padding-block: 16px; padding-inline: 32px } .btn-Button-secondary { overflow: initial } @media (hover: hover),(min-width: 1600px) { .btn-Button-secondary:hover:after { transform: none } } .btn-Button-secondary:after { background-color: currentColor; block-size: var(--Border_Width); content: ""; display: block; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute; transform: scaleX(0); transform-origin: 0 0; transition: transform .3s ease-out } .btn-Button-fullWidth { display: flex; inline-size: 100% } @media (hover: hover),(min-width: 1600px) { .btn-Button-link:hover:before { transform: translate(0) } } .btn-Button-link:before { background-color: currentColor; block-size: 1px; content: ""; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute; transform: translate(-100%); transition: transform .3s ease } .btn-Button-fade { transition: opacity .3s ease } @media (hover: hover),(min-width: 1600px) { .btn-Button-fade:hover { opacity: .6 } } .fz-12_160 { font-family: var(--Font_Family-body); font-size: calc(var(--u) * 12); font-weight: 300; line-height: 160% } .fz-14_135 { line-height: 135% } .fz-14_135, .fz-14_145 { font-family: var(--Font_Family-body); font-size: calc(var(--u) * 14); font-weight: 300 } .fz-14_145 { line-height: 145% } .fz-14_150 { font-size: 14px; letter-spacing: .01em; line-height: 150% } .fz-14_150, .fz-14_155 { font-family: var(--Font_Family-body); font-weight: 300 } .fz-14_155 { font-size: calc(var(--u) * 14); line-height: 155% } @media (max-width: 1023px) { .fz-14_155-mobile { font-family: var(--Font_Family-body); font-size: calc(var(--u) * 14); font-weight: 300; line-height: 155% } } @media (min-width: 1023.02px) { .fz-14_155-desktop { font-family: var(--Font_Family-body); font-size: calc(var(--u) * 14); font-weight: 300; line-height: 155% } } .fz-16_130 { line-height: 130% } .fz-16_130, .fz-16_150 { font-family: var(--Font_Family-body); font-size: calc(var(--u) * 16); font-weight: 300 } .fz-16_150 { line-height: 150% } @media (min-width: 1023.02px) { .fz-16_150-desktop { font-family: var(--Font_Family-body); font-size: calc(var(--u) * 16); font-weight: 300; line-height: 150% } } @media (max-width: 1023px) { .fz-16_150-mobile { font-family: var(--Font_Family-body); font-size: calc(var(--u) * 16); font-weight: 300; line-height: 150% } } .fz-18_125 { font-size: calc(var(--u) * 18) } .fz-18_125, .fz-20_125 { font-family: var(--Font_Family-body); font-weight: 300; line-height: 125% } .fz-20_125, .fz-20_150 { font-size: calc(var(--u) * 20) } .fz-20_150 { font-family: var(--Font_Family-body); font-weight: 300; line-height: 150% } @media (min-width: 1023.02px) { .fz-20_150-desktop { font-family: var(--Font_Family-body); font-size: calc(var(--u) * 20); font-weight: 300; line-height: 150% } } @media (max-width: 1023px) { .fz-20_150-mobile { font-family: var(--Font_Family-body); font-size: calc(var(--u) * 20); font-weight: 300; line-height: 150% } } .fz-24_125 { font-size: calc(var(--u) * 24); line-height: 125% } .fz-24_125, .fz-28_120 { font-family: var(--Font_Family-body); font-weight: 300 } .fz-28_120 { font-size: calc(var(--u) * 28); line-height: 115% } .fz-32_120 { font-size: calc(var(--u) * 32); line-height: 120% } .fz-32_120, .fz-40_115 { font-family: var(--Font_Family-body); font-weight: 300 } .fz-40_115 { font-size: calc(var(--u) * 40); line-height: 115% } .fz-12_16 { font-size: 12px } .fz-12_16, .fz-14_16 { font-family: var(--Font_Family-body); font-weight: 300; line-height: 16px } .fz-14_16 { font-size: 14px } .fz-16_16 { font-family: var(--Font_Family-body); font-size: 16px; font-weight: 300; line-height: 16px } .frm-Form { --Input_Height: 40px; --Field_Gap: 20px; --Input_InlinePadding: 0px } .frm-Form_Fieldset { border: 0; margin: 0; padding: 0 } .frm-Form_SsoFields[aria-hidden=true] { display: none } @media (min-width: 1023.02px) { .frm-Form_Fields { grid-gap: 0 var(--Field_Gap); display: grid; grid-template-columns:repeat(2, 1fr) } } .frm-Form_Fields-constant { grid-gap: 0 var(--Field_Gap); display: grid; grid-template-columns:repeat(2, 1fr) } .acc-Address_AddForm .frm-Form_Fields-constant { margin-block-end: 48px } @media (min-width: 1023.02px) { .frm-Form_Fields-static { grid-template-columns:repeat(1, 1fr) } } .frm-Form_Field { inline-size: 100%; margin-block-start: var(--Field_Gap); position: relative } .frm-Form_Field-checkbox { display: flex; position: relative } .frm-Form_Field:not(.frm-Form_Field-checkbox) .frm-Form_Label { color: inherit; display: block; font-size: calc(var(--u) * 10); inset-block-start: 10px; inset-inline-end: var(--Input_InlinePadding); line-height: 1.5; opacity: 0; pointer-events: none; position: absolute; transition: opacity .3s ease; z-index: 1 } .frm-Form_Input:focus + .frm-Form_Label, .frm-Form_Input:not(:placeholder-shown) + .frm-Form_Label, .frm-Form_SelectField:not(.frm-Form_Field-checkbox) .frm-Form_Label, .frm-Form_Textarea:focus + .frm-Form_Label, .frm-Form_Textarea:not(:placeholder-shown) + .frm-Form_Label, input:-webkit-autofill:active + .frm-Form_Label, input:-webkit-autofill:focus + .frm-Form_Label, input:-webkit-autofill:hover + .frm-Form_Label { opacity: 1 } .frm-Form_Checkbox + .frm-Form_Label { cursor: pointer; font-size: 12px; font-weight: 300; letter-spacing: .02em; margin-block-end: 0; opacity: 1; padding-inline-start: 16px; pointer-events: auto; transition: color .2s ease } .frm-Form_Checkbox + .frm-Form_Label:before { background-color: initial; block-size: 9px; border: .5px solid var(--Color_Border-primary); content: ""; display: block; inline-size: 9px; inset-block-start: 5px; inset-inline-start: 0; position: absolute; transition: background-color .3s ease; z-index: 1 } .frm-Form_Checkbox + .frm-Form_Label:after { background-color: var(--Color_Border-primary); block-size: 3px; content: ""; display: block; inline-size: 3px; inset-block-start: 8px; inset-inline-start: 3px; opacity: 0; position: absolute; transition: opacity .3s ease; z-index: 2 } .frm-Form_Checkbox-round + .frm-Form_Label:after, .frm-Form_Checkbox-round + .frm-Form_Label:before { border-radius: 50% } .frm-Form_Checkbox:checked + .frm-Form_Label:after { opacity: 1 } .frm-Form_Checkbox + .frm-Form_Label-bold, .frm-Form_Label-bold { font-weight: 300 } .frm-Form_Input, .frm-Form_Select, .frm-Form_Textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: initial; background-image: none !important; block-size: var(--Input_Height); border: none; border-block-end: .5px solid var(--Color_Border-secondary); color: inherit; font-size: 16px; font-weight: 300; inline-size: 100%; line-height: 1.5; outline: 0; padding: 4px var(--Input_InlinePadding) 8px } @media (min-width: 1023.02px) { .frm-Form_Input, .frm-Form_Select, .frm-Form_Textarea { font-size: 14px } } .frm-Form_Input:placeholder-shown, .frm-Form_Select:placeholder-shown, .frm-Form_Textarea:placeholder-shown { padding: 10px var(--Input_InlinePadding) } .frm-Form_Input::placeholder, .frm-Form_Select::placeholder, .frm-Form_Textarea::placeholder { color: var(--Color_Text-primary); opacity: 1; transition: opacity .2s ease } .frm-Form_Input:focus::placeholder, .frm-Form_Select:focus::placeholder, .frm-Form_Textarea:focus::placeholder { opacity: 0 } .frm-Form_Select:required:invalid { color: var(--Color_Text-primary); opacity: 1 } .frm-Form_Select, .frm-Form_SelectField { position: relative } .frm-Form_Select { cursor: pointer; outline: 0; padding-inline-end: 30px; white-space: nowrap } .frm-Form_SelectIcon { align-items: center; block-size: 18px; display: flex; inline-size: 30px; inset-block-start: 50%; inset-inline-end: 0; justify-content: center; pointer-events: none; position: absolute; transform: translateY(-50%); z-index: 1 } .frm-Form_SelectIcon svg { block-size: 6px; inline-size: 9px } .frm-Form_Textarea { block-size: auto; display: block } .frm-Form_Buttons { align-items: center; display: flex; margin-block-start: 34px } .frm-Form_Fields .frm-Form_Buttons { grid-column: span 2 } .frm-Form_Buttons-login { margin-block-start: 60px } .frm-Form_Button { inline-size: 100%; transition: color .2s ease, background-color .2s ease } .frm-Form:invalid .frm-Form_Button { border-color: var(--Color_Border-secondary); color: var(--Color_Text-disable); pointer-events: none } .frm-Form_CheckboxButton { display: flex; position: relative } .frm-Form_CheckboxButton .frm-Form_Label { text-align: start } .frm-Form_CheckboxButton .frm-Form_Label:before { inset-block-start: 3px } .frm-Form_CheckboxButton .frm-Form_Label:after { inset-block-start: 6px } .frm-Form_Validation { inline-size: 100%; margin-block-start: 16px } .frm-Form_Fields .frm-Form_Validation { grid-column: span 2 } .frm-Form_Validation[aria-hidden=true] { display: none } @media (min-width: 1023.02px) { .acc-Form_Form .frm-Form_Validation { margin-block-start: 76px } } .frm-Form_ValidationText { font-size: 14px; font-weight: 300 } .frm-Form_ValidationText-error { color: var(--Color_Error) } .frm-Form_ValidationText-error a { color: var(--Color_Error); -webkit-text-decoration: underline; text-decoration: underline } .frm-Form_ValidationText-success { color: var(--Color_Text-primary) } .frm-Form_Footer { margin-block-start: var(--Field_Gap) } input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover { -webkit-box-shadow: inset 0 0 0 30px #fff !important } select:-webkit-autofill, select:-webkit-autofill:active, select:-webkit-autofill:focus, select:-webkit-autofill:hover { block-size: calc(var(--Input_Height) - 2px); -webkit-box-shadow: inset 0 0 0 30px #fff !important } .lyt-Theme_Header { display: block; inline-size: 100%; inset-block-start: 0; pointer-events: none; position: fixed; z-index: 10 } @media (min-width: 1023.02px) { .lyt-Theme_Body { min-block-size: 100vh } } .lyt-Theme:has(.hd-AnnouncementBar) .lyt-Theme_Body { padding-block-start: var(--Announcement_Height); transition: padding-block-start .3s ease-out } .lyt-Theme:has(.hd-AnnouncementBar-animateIn) .lyt-Theme_Body { transition: padding-block-start 1s ease-in-out } .lyt-Theme:has(.hd-AnnouncementBar-hidden) .lyt-Theme_Body { padding-block-start: 0 } .lyt-Theme_Footer { display: block } @media (min-width: 1023.02px) { .lyt-Theme-headerDesktopSolid { padding-block-start: var(--Header_Height) } } @media (max-width: 1023px) { .lyt-Theme-headerMobileSolid { padding-block-start: var(--Header_Height) } } .lyt-Container { inline-size: 100%; margin-inline: auto; padding-inline: var(--Site_Margin) } .mod-Modal { align-items: center; background-color: initial; block-size: 100%; display: flex; flex-direction: column; inline-size: 100%; top: 0; right: 0; bottom: 0; left: 0; justify-content: center; opacity: 0; position: fixed; visibility: hidden; z-index: 13 } .mod-Modal[aria-hidden=true] { opacity: 0; pointer-events: none; visibility: hidden } .mod-Modal[open] { opacity: 1; visibility: visible } .mod-Modal-newsletter { align-items: flex-start; justify-content: flex-end } @media (min-width: 1023.02px) { .mod-Modal-newsletter { padding-inline-start: var(--Site_Margin) } } .mod-Modal::backdrop { background-color: var(--Color_Background-overlay); opacity: 0; transition: opacity .1s, visibility .1s; visibility: hidden } .mod-Modal[open]::backdrop { opacity: 1; visibility: visible } .mod-Modal_Modal { background-color: initial; inline-size: calc(100% - var(--Site_Margin) * 2); opacity: 0; overflow: hidden; position: relative; visibility: hidden; z-index: 2 } @media (min-width: 768px) { .mod-Modal_Modal { inline-size: 83.33333% } } @media (min-width: 1200.02px) { .mod-Modal_Modal { inline-size: 91.66667% } } .mod-Modal[open] .mod-Modal_Modal { opacity: 1; visibility: visible } .mod-Modal-lightbox .mod-Modal_Modal { background-color: var(--Color_Background-overlay); inline-size: 100%; min-block-size: 100svh } @media (min-width: 1023.02px) { .mod-Modal-lightbox .mod-Modal_Modal { min-block-size: 100vh } } .mod-Modal-newsletter .mod-Modal_Modal, .mod-Modal_Inner { inline-size: 100% } .mod-Modal_Close { align-items: center; background-color: var(--Color_Background-primary); block-size: 60px; color: var(--Color_Text-primary); display: flex; inline-size: 60px; inset-block-start: 0; inset-inline-end: 0; justify-content: center; position: absolute; transition: background-color .3s ease-out, opacity .3s ease-out; z-index: 3 } @media (hover: hover),(min-width: 1600px) { .mod-Modal_Close:hover { opacity: .5 } } .mod-Modal_Close svg { block-size: 10px; inline-size: 10px } .mod-Modal_Body { -webkit-overflow-scrolling: touch; max-block-size: calc(var(--InnerHeight) - var(--Site_Margin) * 2); overflow-y: auto } @media (min-width: 768px) { .mod-Modal_Body { max-block-size: calc(var(--InnerHeight) - var(--Site_Margin) * 2) } } .mod-Modal-lightbox .mod-Modal_Body { max-block-size: 100vh } .mod-Modal_VideoContainer { display: flex; inline-size: 100%; overflow: hidden; position: relative } .mod-Modal_VideoContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 55% } .mod-Modal_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: 1 } .mod-Modal_Gallery { background-color: var(--Color_Background-primary); cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAyOWM3LjczMiAwIDE0LTYuMjY4IDE0LTE0UzIyLjczMiAxIDE1IDEgMSA3LjI2OCAxIDE1czYuMjY4IDE0IDE0IDE0Wm0wIDFjOC4yODQgMCAxNS02LjcxNiAxNS0xNSAwLTguMjg0LTYuNzE2LTE1LTE1LTE1QzYuNzE2IDAgMCA2LjcxNiAwIDE1YzAgOC4yODQgNi43MTYgMTUgMTUgMTVaIiBmaWxsPSIjMTIxMjEyIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im05LjgxNiAxOS43MTUgOS45LTkuOS43MDYuNzA4LTkuOSA5LjktLjcwNi0uNzA4WiIgZmlsbD0iIzEyMTIxMiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMTAuMjg1IDkuODE2IDkuOSA5LjktLjcwOC43MDYtOS45LTkuOS43MDgtLjcwNloiIGZpbGw9IiMxMjEyMTIiLz48L3N2Zz4=), grab; display: flex; flex-direction: column } .mod-Modal_Thumbnails { align-items: center; display: flex; flex-direction: column; gap: 24px; inset-block: 0; inset-inline-start: 24px; justify-content: center; pointer-events: auto; position: fixed } .mod-Modal_Thumbnails-scroll { -ms-overflow-style: none; inset-block-start: 50%; justify-content: flex-start; max-block-size: 335px; overflow-y: scroll; scrollbar-width: none; transform: translateY(-50%) } .mod-Modal_Thumbnails-scroll::-webkit-scrollbar { display: none } .mod-Modal_ThumbItem { opacity: .4; transition: opacity .3s ease } .mod-Modal_ThumbItem-active { opacity: 1; transition: opacity .3s ease } .mod-Modal_Backdrop { top: 0; right: 0; bottom: 0; left: 0; position: fixed } .qty-Adjuster { display: inline-flex; overflow: hidden } .qty-Adjuster_Control { align-items: center; block-size: 40px; display: flex; justify-content: center } .qty-Adjuster_Control[disabled] { cursor: default } .qty-Adjuster_Input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: initial; block-size: 40px; border: 0; color: var(--Color_Text-primary); display: block; font-weight: 300; inline-size: 30px; padding: 0; text-align: center } .qty-Adjuster_Input::-webkit-inner-spin-button, .qty-Adjuster_Input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .qty-Adjuster_Input[type=number] { -moz-appearance: textfield } .qty-Adjuster_Indicator svg { inline-size: 16px } .rsp-Image { display: flex; inline-size: 100%; position: relative } .rsp-Image_Image { inline-size: 100%; object-fit: var(--Object_Fit, cover); object-position: var(--Object_Position, center) } @supports (aspect-ratio:16/9) { .rsp-Image_Image { aspect-ratio: var(--Aspect_Ratio); block-size: 100% } } @supports not (aspect-ratio:16/9) { .rsp-Image:after { content: ""; display: block; inline-size: 0; padding-block-start: var(--Image_AspectRatio) } .rsp-Image_Image { block-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 1 } } .rte-RichText > p { margin-block-end: 16px } .rte-RichText img { inline-size: 100% } .rte-RichText > blockquote { margin: 20px 0; position: relative } @media (min-width: 768px) { .rte-RichText > blockquote { margin-block: 30px; padding-block: 30px } } @media (min-width: 1023.02px) { .rte-RichText > blockquote { margin-block: 50px; padding-block: 50px } } .rte-RichText ul { margin-block: 16px; padding-inline-start: 16px; text-align: start } .rte-RichText ul li { margin-block-end: 6px; padding-inline-start: 24px; position: relative } .rte-RichText ul li:last-child { margin-block-end: 0 } .rte-RichText ul li:before { background-color: currentColor; block-size: .5px; content: ""; display: block; inline-size: 7px; inset-block-start: 11px; inset-inline-start: 0; position: absolute } .rte-RichText ol { counter-reset: item; list-style: none; margin-block: 16px; padding-inline-start: 16px; text-align: start } .rte-RichText ol li { margin-block-end: 24px; padding-inline-start: 24px; position: relative } .rte-RichText ol li:last-child { margin-block-end: 0 } .rte-RichText ol li:before { block-size: 22px; content: counters(item, ".") ""; counter-increment: item; display: block; inline-size: 25px; inset-block-start: 0; inset-inline-start: 0; position: absolute; text-align: start } .rte-RichText a:not([class]) { word-wrap: break-word; color: currentColor; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: .5px; word-break: break-word } .rte-RichText h1:not([class]), .rte-RichText h2:not([class]), .rte-RichText h3:not([class]), .rte-RichText h4:not([class]), .rte-RichText h5:not([class]), .rte-RichText h6:not([class]) { font-weight: 300; margin-block: 48px 24px } .rte-RichText > :first-child, .rte-RichText > :first-child > :first-child { margin-block-start: 0 !important } .rte-RichText > :last-child, .rte-RichText > :last-child > :last-child { margin-block-end: 0 !important } .rte-RichText .rte-RichText_Table { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; margin-block: 48px; margin-inline: calc(var(--Site_Margin) * -1); overflow-x: auto; padding-inline: var(--Site_Margin); scroll-behavior: smooth; scrollbar-width: none } .rte-RichText table { border: .5px solid currentColor; border-collapse: collapse; border-spacing: 0; table-layout: auto; white-space: nowrap } @media (min-width: 1023.02px) { .rte-RichText table { white-space: normal } } .sec-PandectesPolicy :is(.rte-RichText table) { white-space: normal } .rte-RichText td { border: .5px solid currentColor } .rte-RichText td, .rte-RichText th { padding: 8px 16px; text-align: start; vertical-align: text-top } .rte-RichText th { font-weight: 300 } .rte-RichText_Table { border-collapse: collapse; font-size: 10px; inline-size: 100%; line-height: 155%; table-layout: auto; white-space: nowrap } .rte-RichText_Table:has(.rte-RichText_Cell-active,.drw-SizeGuide_Table-columnHighlight) { color: var(--Color_Text-secondary) } .rte-RichText_Table td { border: .5px solid var(--Color_Border-secondary); cursor: pointer; padding: 8px 12px; position: relative; text-align: center } @media (min-width: 1023.02px) { .rte-RichText_Table td { padding: 8px 20px } } .rte-RichText_Table td:first-child { color: var(--Color_Text-primary) } .rte-RichText_Table td.rte-RichText_Cell-active { border-color: var(--Color_Border--primary); color: var(--Color_Text-primary) } .rte-RichText_Table td.rte-RichText_Cell-active:before { block-size: calc(100% + 1px); border: .5px solid var(--Color_Border--primary); content: ""; inline-size: calc(100% + 1px); inset-block-start: -.5px; inset-inline-start: -.5px; position: absolute; z-index: 2 } .rte-RichText_Table td.drw-SizeGuide_Table-columnHighlight { border-color: var(--Color_Border--primary); color: var(--Color_Text-primary) } .rte-RichText_Table td.drw-SizeGuide_Table-columnHighlight:before { block-size: calc(100% + 1px); border: .5px solid var(--Color_Border--primary); content: ""; inline-size: calc(100% + 1px); inset-block-start: -.5px; inset-inline-start: -.5px; position: absolute; z-index: 2 } .rte-RichText_Table td.drw-SizeGuide_Table-hide { display: none } [data-size-guide-el=measurement] :is(.rte-RichText_Table td) { border-color: var(--Color_Border--primary); opacity: 1 } [data-size-guide-el=measurement] :is(.rte-RichText_Table td):first-child { inline-size: 80%; text-align: start } [data-size-guide-el=measurement] .rte-RichText_Table tr:first-child { display: none } @media (min-width: 1023.02px) { .acc-Address { margin-inline: auto; max-inline-size: 420px } } .acc-Address_Subtitle { border-block-end: .5px solid var(--Color_Border-secondary); padding: 0 var(--Site_Margin) 64px } @media (min-width: 1023.02px) { .acc-Address_Subtitle { padding: 32px 0 64px } } .acc-Address_Items { display: grid; padding-inline: var(--Site_Margin) } @media (min-width: 1023.02px) { .acc-Address_Items { padding-inline: 0 } } .acc-Address_Item { margin-block-start: 24px } .acc-Address_Item:not(:first-child) { border-block-start: .5px solid var(--Color_Border-secondary); padding-block-start: 24px } .acc-Account_NoAddresses { margin-block-start: 24px } .acc-Address_Controls { align-items: center; display: flex; margin-block-end: 24px } .acc-Address_Default { display: flex; position: relative } .acc-Address_Button { font-weight: 300; margin-inline-start: auto } .acc-Address_Button-secondary { margin-inline-start: 24px } .acc-Address_ButtonText-close, .acc-Address_Item[aria-expanded=true] .acc-Address_Button-secondary, .acc-Address_Item[aria-expanded=true] .acc-Address_ButtonText-edit { display: none } .acc-Address_Item[aria-expanded=true] .acc-Address_ButtonText-close { display: block } .acc-Address_EditForm { margin-block-start: 48px } .acc-Address_Item[aria-expanded=false] .acc-Address_EditForm { display: none } .acc-Address_New { margin-block-start: 32px; padding-inline: var(--Site_Margin) } @media (min-width: 1023.02px) { .acc-Address_New { padding-inline: 0 } } .acc-Address_Items:has(.acc-Address_Item[aria-expanded=true]) + .acc-Address_New, .acc-Address_New[aria-expanded=true] .acc-Address_NewButton { display: none } .acc-Address_AddForm { border-block-start: .5px solid var(--Color_Border-secondary) } .acc-Address_New[aria-expanded=false] .acc-Address_AddForm { display: none } .acc-Address_NewCloseButton { display: block; font-weight: 300; margin-inline-start: auto } .acc-Appointments { display: block } .acc-Appointments_Section { border-block-end: .5px solid var(--Color_Border-secondary); padding-block-start: 20px } .acc-Appointments_SectionToggle { inline-size: 100%; text-align: start } .acc-Appointments_Title { align-items: center; cursor: pointer; display: flex; inline-size: 100%; justify-content: space-between; padding-block-end: 24px } .acc-Appointments_IconComplete { block-size: 16px; inline-size: 16px; opacity: 0 } .acc-Appoinments_Completed .acc-Appointments_IconComplete { opacity: 1 } .acc-Appointments_Content { display: block; margin-block-end: 32px } .acc-Appointments_Content[aria-hidden=true] { display: none } .acc-Appointments_Step { color: var(--Color_Text-secondary); margin-block-end: 4px } .acc-Appointments_Complete[aria-hidden=true] { display: none } .acc-Appointments_Locations { border-block-start: .5px solid var(--Color_Border-secondary); padding-block-start: 24px; text-align: center } .acc-Appointments_LocationsList[aria-hidden=true] { display: none } .acc-Appointments_ListItem { cursor: pointer; padding-block-end: 22px } .acc-Appointments_ListItem[aria-hidden=true] { display: none } .acc-Appointments_Times { display: flex; flex-flow: row wrap; gap: 10px } @media (hover: hover),(min-width: 1600px) { .acc-Appointments_Times:hover .acc-Appointments_TimeOption:not(.acc-Appointments_TimeOption:hover) { color: var(--Color_Text-secondary) } } .acc-Appointments_TimeOption { background-color: initial; border: .5px solid var(--Color_Border-secondary); flex: 0 0 calc(33.3% - 10px); font-size: 14px; font-weight: 300; padding: 16px 32px; text-transform: lowercase } .acc-Appointments_TextArea { background-color: inherit; inline-size: 100%; min-block-size: 200px; padding: 8px; resize: none } .acc-Appointments_TextArea::placeholder { color: var(--Color_Text-secondary) } .acc-Appointments_Submit { margin-block-start: 32px } .acc-Appointments_Submit[aria-hidden=true] { display: none } .acc-Appointments_Error, .acc-Appointments_Success, .acc-Appointments_Viewall { margin-block-start: 32px } .acc-Appointments_Error[aria-hidden=true], .acc-Appointments_Success[aria-hidden=true], .acc-Appointments_Viewall[aria-hidden=true] { display: none } .acc-Appointments_SuccessTitle { font-size: 16px; font-weight: 300 } .acc-Appointments_SuccessMessage { margin-block-start: 8px } .acc-Appointments_GenericError:not([aria-hidden=true]) + .acc-Appointments_Sections, .acc-Appointments_GenericError[aria-hidden=true] { display: none } .acc-AppointmentsLogin { border-block-start: .5px solid var(--Color_Border-secondary); margin-block-start: 32px; padding-block-start: 32px; text-align: center } @media (min-width: 1023.02px) { .acc-Appointments { margin-inline: auto; max-inline-size: 420px } } .acc-Appointment { display: grid; font-size: 14px; font-weight: 300; padding-inline: var(--Site_Margin) } @media (min-width: 1023.02px) { .acc-Appointment { padding-inline: 0 } } .acc-Appointment [aria-hidden=true] { display: none } .acc-Appointments_ItemHeader { align-items: center; border-block-start: .5px solid var(--Color_Border-secondary); display: flex; justify-content: space-between; padding-block: 24px } .acc-Appointments_ItemHeading { flex: 1 1 auto; font-weight: 300 } .acc-Appointments_Item[open] .acc-Appointments_ItemHeading { font-weight: 300 } .acc-Appointments_Toggle { flex: 0 1 auto } .acc-Appointments_Toggle svg { block-size: 16px } .acc-Appointments_Item[open] :is(.acc-Appointments_Toggle svg) { transform: rotate(180deg) } .acc-Appointment_Inner, .acc-Appointment_Location { margin-block-end: 32px } .acc-Appointment_Detail { display: flex; flex-direction: row; margin-block-end: 32px; max-inline-size: 300px } .acc-Appointment_DetailLabel { flex: 0 0 50% } .acc-Appointment_Loading[aria-hidden=false] + .acc-Appointment_Content, .acc-Appointment_Loading[aria-hidden=true] { display: none } .acc-Appointment_Links { margin-block-end: 32px } .acc-Appointment_LinkListItem { margin-block-end: 10px } .acc-Appointment_LinkListLink { align-items: center; display: flex; flex-direction: row; font-weight: 300; gap: 4px } .acc-Appointment_LinkListLink svg { block-size: 16px; inline-size: 16px } .acc-Appointment_Times { display: flex; flex-flow: row wrap; gap: 10px; margin-block-end: 20px; transition: opacity .3 ease } @media (hover: hover),(min-width: 1600px) { .acc-Appointment_Times:hover .acc-Appointment_TimeOption:not(.acc-Appointment_TimeOption:hover) { color: var(--Color_Text-secondary); opacity: .6 } } .acc-Appointment_TimeOption { background-color: initial; border: .5px solid var(--Color_Border-secondary); flex: 0 0 calc(33.3% - 10px); font-size: 14px; font-weight: 300; padding: 16px 32px; text-transform: lowercase } .acc-Appontment_ChangeDate { align-items: center; display: flex; font-size: 12px; gap: 4px } .acc-Appontment_ChangeDate svg { inline-size: 16px } .acc-Appointment_Messages, .acc-Appointment_RescheduleConfirm { margin-block-start: 32px } .acc-CustomerDashboard { border-block-end: 12px solid var(--Color_Border-secondary); column-gap: 0; grid-template-columns:none } @media (min-width: 1023.02px) { .acc-CustomerDashboard { border-block-end: 12px solid var(--Color_Border-secondary); column-gap: 0; display: grid; grid-template-columns:repeat(1, minmax(0, 1fr)) } } .acc-CustomerDashboard_Title { font-size: 14px; font-weight: 300; padding-block: 32px 24px; text-align: center } @media (min-width: 1023.02px) { .acc-CustomerDashboard_Title { font-size: 16px; padding-block: 64px 32px } } .acc-CustomerDashboard_Items { border-block-start: .5px solid var(--Color_Border-secondary) } @media (min-width: 1023.02px) { .acc-CustomerDashboard_Items { display: grid; grid-template-columns:repeat(3, minmax(0, 1fr)) } } .acc-CustomerDashboard_Item { border-block-end: .5px solid var(--Color_Border-secondary); padding-block: 24px; padding-inline: 16px; text-align: center } @media (min-width: 1023.02px) { .acc-CustomerDashboard_Item { border-inline-end: .5px solid var(--Color_Border-secondary); padding-block: 48px; text-align: start } .acc-CustomerDashboard_Item:nth-child(3), .acc-CustomerDashboard_Item:nth-child(6) { border-inline-end: 0 } } .acc-CustomerDashboard_Link { align-items: center; display: flex; text-align: start } @media (min-width: 1023.02px) { .acc-CustomerDashboard_Link { align-items: center; flex-direction: column; gap: 8px; justify-content: center; text-align: center } } .acc-CustomerDashboard_Link svg { block-size: 16px; inline-size: 16px } @media (min-width: 1023.02px) { .acc-CustomerDashboard_Link svg { fill: #0000 } } .acc-CustomerDashboard_Text { flex: 2 } @media (min-width: 1023.02px) { .acc-CustomerDashboard_Text { flex: unset } } @media (max-width: 767.98px) { .acc-CustomerDashboard .util-Hidden-mobile { clip: rect(0 0 0 0); block-size: 1px; inline-size: 1px; overflow: hidden; position: absolute !important; white-space: nowrap } } @media (min-width: 768px) and (max-width: 1023px) { .acc-CustomerDashboard .util-Hidden-mobile { clip: rect(0 0 0 0); block-size: 1px; inline-size: 1px; overflow: hidden; position: absolute !important; white-space: nowrap } } @media (min-width: 1023.02px) { .acc-CustomerDashboard .util-Hidden-desktop { clip: rect(0 0 0 0); block-size: 1px; inline-size: 1px; overflow: hidden; position: absolute !important; white-space: nowrap } } .acc-CustomerServices { border-block-end: 12px solid var(--Color_Border-secondary); column-gap: 0; grid-template-columns:none } @media (min-width: 1023.02px) { .acc-CustomerServices { column-gap: 0; display: grid; grid-template-columns:repeat(1, minmax(0, 1fr)) } .acc-CustomerServices_Items { align-items: normal; display: flex; flex-flow: row wrap; gap: 0; justify-content: center } } .acc-CustomerServices_Item { border-block-start: .5px solid var(--Color_Border-secondary); padding-block: 24px; padding-inline: 16px; text-align: center } @media (min-width: 1023.02px) { .acc-CustomerServices_Item { border-inline-start: .5px solid var(--Color_Border-secondary); flex: 1 1 33%; padding-block: 48px; text-align: center } .acc-CustomerServices_Item:first-child, .acc-CustomerServices_Item:nth-child(4) { border-inline-start: 0 } } .acc-CustomerServices_Link { align-items: center; display: flex; text-align: start } @media (min-width: 1023.02px) { .acc-CustomerServices_Link { align-items: center; flex-direction: column; gap: 8px; justify-content: center; text-align: center } } .acc-CustomerServices_Link svg { block-size: 16px; inline-size: 16px } @media (min-width: 1023.02px) { .acc-CustomerServices_Link svg { fill: #0000 } } .acc-CustomerServices_Text { flex: 2 } @media (min-width: 1023.02px) { .acc-CustomerServices_Text { flex: unset } } .acc-CustomerServices_Icon-ask .ico-Icon-chatActive, .acc-CustomerServices_Icon-ask.is-active .ico-Icon-chat { display: none } .acc-CustomerServices_Icon-ask.is-active .ico-Icon-chatActive { display: flex } .acc-CustomerServices_MobileList { display: flex; flex-direction: column-reverse; padding-block: 48px 16px; text-align: center } .acc-CustomerServices_ItemLink { position: relative } .acc-CustomerServices_BusinessOnline { background-color: initial; block-size: 4px; border-radius: 4px; display: flex; inline-size: 4px; inset-block-start: 0; inset-inline-end: -8px; position: absolute } .acc-CustomerServices_BusinessOnline.is-active { background-color: var(--Color_Success) } .acc-CustomerServices_MobileItem { margin-block-end: 16px } .acc-CustomerServices_OverlayText { padding-block-end: 48px } @media (max-width: 767.98px) { .acc-CustomerServices .util-Hidden-mobile { clip: rect(0 0 0 0); block-size: 1px; inline-size: 1px; overflow: hidden; position: absolute !important; white-space: nowrap } } @media (min-width: 768px) and (max-width: 1023px) { .acc-CustomerServices .util-Hidden-mobile { clip: rect(0 0 0 0); block-size: 1px; inline-size: 1px; overflow: hidden; position: absolute !important; white-space: nowrap } } @media (min-width: 1023.02px) { .acc-CustomerServices .util-Hidden-desktop { clip: rect(0 0 0 0); block-size: 1px; inline-size: 1px; overflow: hidden; position: absolute !important; white-space: nowrap } } #recover:not(:target), #recover:target ~ #login { display: none } .acc-Form { display: block } @media (min-width: 1023.02px) { .acc-Form_Body { margin-block-start: 30px } } .acc-Form_Columns { display: flex; flex-direction: column-reverse } @media (min-width: 1023.02px) { .acc-Form_Columns { display: grid; grid-template-columns:repeat(2, 1fr) } } .acc-Form_Column { display: flex; justify-content: center } .acc-Form_MediaContainer { block-size: 100%; display: flex; inline-size: calc(var(--Site_Margin) * 2 + 100%); margin-inline: calc(var(--Site_Margin) * -1); overflow: hidden; position: relative; z-index: 1 } @media (min-width: 1023.02px) { .acc-Form_MediaContainer { inline-size: 100%; inset-block-start: 0; margin-inline: 0; position: sticky } } .acc-Form_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 60% } @media (min-width: 768px) { .acc-Form_MediaContainer:after { padding-block-start: 70% } } @media (min-width: 1023.02px) { .acc-Form_MediaContainer:after { display: none } } .acc-Form_Image { block-size: 100%; display: flex; inline-size: 100% } .acc-Form_Image-desktop { display: none } @media (min-width: 768px) { .acc-Form_Image-desktop { display: block } .acc-Form_Image-mobile { display: none } } .acc-Form_Page { inline-size: 100%; margin-inline: var(--Site_Margin); padding-block: 40px } @media (min-width: 1023.02px) { .acc-Form_Page { margin-inline: 0; max-inline-size: 400px } } .acc-Form_Page[aria-hidden=true] { display: none } .acc-Form_Form { margin-block-start: 30px } .acc-Form_Title { margin-block-end: 30px; text-align: center } .acc-Form_Breadcrumb { align-items: center; display: flex; justify-content: center; margin-inline: auto } .acc-Form_Breadcrumb svg { block-size: 13px; inline-size: 13px; margin-inline: 3px 1px } .acc-Form_BreadcrumbCta { font-weight: 300 } .acc-Form_ResetText, .acc-Form_Text { margin-block-start: 20px } .acc-Form_Privacy { font-size: 12px; font-weight: 300; margin-block-start: 10px; text-align: end } .acc-Form_Button { margin-block-start: 30px } .acc-Form_IngridText { text-align: center } .acc-Form_IngridForm { margin-block-start: 30px; margin-inline: calc(var(--Site_Margin) * -1) } @media (min-width: 1023.02px) { .acc-Form_IngridForm { margin-inline: 0 } } .acc-Form_Usps { display: flex; flex-direction: column; gap: 1px; margin-block-start: 30px } .acc-Form_Usp { align-items: center; background-color: var(--Color_Surface-primary); display: flex; gap: 12px; padding: 16px } .acc-Form_UspIcon { block-size: 18px; inline-size: 24px; padding-inline: 4px } .acc-Header { border-block-end: .5px solid var(--Color_Border-secondary); border-block-start: .5px solid var(--Color_Border-secondary); display: block } @media (min-width: 1023.02px) { .acc-Header { border-block-start: 0 } } .acc-Header_Body { padding-block: 24px } .acc-Header_Link { align-items: center; display: flex; gap: 4px } .acc-Header_Link svg { block-size: 16px; inline-size: 16px } @media (min-width: 1023.02px) { .acc-Header_LinkText-mobile { display: none } } .acc-Header_LinkText-desktop { display: none } @media (min-width: 1023.02px) { .acc-Header_LinkText-desktop { display: block } } .acc-Hero { align-items: center; block-size: 100vh; color: var(--Color_Text-primary); display: flex; flex-direction: column; justify-content: center; overflow: hidden; position: relative } .acc-Hero-light { color: var(--Color_Background-primary) } .acc-Hero_Body { align-items: center; inline-size: 100%; max-inline-size: 600px; padding: var(--Site_Margin); text-align: center; z-index: 1 } .acc-Hero_Body, .acc-Hero_BodyTop { display: flex; flex-direction: column } .acc-Hero_BodyTop { gap: 16px; margin-block-end: 48px } @media (min-width: 1023.02px) { .acc-Hero_BodyTop { margin-block-end: 112px } } .acc-Hero_MediaContainer { inset-block-end: 0; overflow: hidden; z-index: -1 } .acc-Hero_MediaContainer, .acc-Hero_Overlay { block-size: 100%; inline-size: 100%; inset-inline-start: 0; position: absolute } .acc-Hero_Overlay { background-color: var(--Color_Background-primary); display: block; inset-block-start: 0; opacity: var(--Opacity); z-index: 1 } .acc-Hero-light .acc-Hero_Overlay { background-color: var(--Color_White) } .acc-Hero-dark .acc-Hero_Overlay { background-color: var(--Color_Black) } .acc-Hero_Image { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: var(--Image_ZIndex) } .acc-Hero_Image-desktop { display: none } @media (min-width: 1023.02px) { .acc-Hero_Image-desktop { display: flex } .acc-Hero_Image-mobile { display: none } } .acc-Hero_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .acc-Hero_Video-desktop { display: none } @media (min-width: 1023.02px) { .acc-Hero_Video-desktop { display: flex } .acc-Hero_Video-mobile { display: none } } .acc-Navigation_Items { display: flex; flex-direction: column; gap: 10px } .acc-OrderItem { display: grid; gap: 32px; grid-template-columns:56px 1fr; margin-block-end: 40px } .acc-OrderItem_Property { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-block-end: 16px } .acc-OrderItem_PropertyValue { font-weight: 300; margin-inline-start: 16px; text-align: end } .acc-OrderItem_Image { block-size: 78px; inline-size: 56px } .acc-OrderItem_Image-noHeight { block-size: 0 } @media (min-width: 1023.02px) { .acc-Orders { margin-inline: auto; max-inline-size: 420px } } .acc-Orders_Title { border-block-end: .5px solid var(--Color_Border-primary); padding-block: 18px; padding-inline: 24px } @media (min-width: 1023.02px) { .acc-Orders_Title { padding-inline: 0 } } .acc-Orders_Text { margin-block-start: 20px; padding-inline: 24px } @media (min-width: 1023.02px) { .acc-Orders_Text { padding-inline: 0 } } .acc-Orders_Notice { padding-block: 20px; padding-inline: 20px } @media (min-width: 1023.02px) { .acc-Orders_Notice { padding-block-start: 0; padding-inline: 0 } } .acc-Orders_OrderToggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #0000; border: 0; border-block-start: .5px solid var(--Color_Border-secondary); box-shadow: none; color: inherit; cursor: pointer; display: grid; grid-template-columns:50% 50%; inline-size: 100%; outline: none; padding: 0; padding-block: 24px; padding-inline: 24px; position: relative; text-align: start; text-transform: none } @media (min-width: 1023.02px) { .acc-Orders_OrderToggle { padding-inline: 0 } } .acc-Orders_OrderToggle[aria-expanded=true] { font-weight: 300 } .acc-Orders_OrderToggle:after { background-image: url('data:image/svg+xml;charset=utf-8,'); background-position: 50%; background-repeat: no-repeat; background-size: 1rem; block-size: 1rem; content: ""; display: block; inline-size: 1rem; inset-block-start: 0; inset-inline-end: 24px; margin-block-start: 26px; position: absolute; transform: rotate(-90deg) } @media (min-width: 1023.02px) { .acc-Orders_OrderToggle:after { inset-inline-end: 0 } } .acc-Orders_OrderToggle[aria-expanded=true]:after { transform: rotate(90deg) } .acc-Orders_OrderToggleContent { padding: 0 24px } @media (min-width: 1023.02px) { .acc-Orders_OrderToggleContent { padding-inline: 0 } } .acc-Orders_OrderToggleContent[aria-hidden=true] { display: none } .acc-Orders_OrderSummary { border-block-start: .5px solid #090909cc; margin-block-end: 40px; padding-block-start: 40px } .acc-Orders_OrderSummaryItem { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-block-end: 16px } .acc-Orders_OrderSummaryItemValue, .acc-Orders_OrderSummaryTotal { font-weight: 300 } .acc-Orders_Pagination { display: flex; justify-content: space-between; padding-block-start: 16px; padding-inline: 24px } @media (min-width: 1023.02px) { .acc-Orders_Pagination { padding-inline: 0 } } .acc-Orders_PaginationLink:not(:last-of-type) { margin-inline-end: 8px } .acc-Orders_Addresses { display: flex; flex-direction: column; gap: 32px } .acc-Orders_AddressTitle { font-weight: 300 } .acc-CustomerTier { align-items: center; display: flex; flex-direction: column; margin-block: 64px; padding-inline: 32px } .acc-CustomerTier_Title { margin-block-end: 64px } .acc-CustomerTier_Tiers { border-block-start: 1px solid; display: flex; flex-direction: row; inline-size: 100%; justify-content: space-between; max-inline-size: 100% } @media (min-width: 1023.02px) { .acc-CustomerTier_Tiers { max-inline-size: 480px } } .acc-CustomerTier_Tier { color: var(--Color_Text-secondary); padding-block-start: 16px } .acc-CustomerTier_Tier-active { color: var(--Color_Text-primary); font-weight: 300; position: relative } .acc-CustomerTier_Tier-active:before { background-color: var(--Color_Text-primary); block-size: 12px; content: ""; display: block; inline-size: 1px; inset-block-start: -6px; inset-inline-start: 50%; position: absolute } .acc-Account { display: block } .acc-Account_Items { border-block-end: .5px solid var(--Color_Border-secondary); display: flex; flex-direction: column; min-block-size: calc(100vh - var(--Header_Height) - 70px) } @media (min-width: 1023.02px) { .acc-Account_Items { display: grid; grid-template-columns:1fr 1fr 2fr } } .acc-Account_Item { padding: 32px var(--Site_Margin) } @media (min-width: 1023.02px) { .acc-Account_Item:not(:first-child) { border-inline-start: .5px solid var(--Color_Border-secondary) } } .acc-Account_Item-mobileOnly { display: none } @media (min-width: 1023.02px) { .acc-Account_Item-mobileOnly { display: block } } .acc-Account_Item-orders { margin-block-start: -1px; padding: 0 0 48px } @media (min-width: 1023.02px) { .acc-Account_Item-orders { margin-block-start: 0; padding-block: 96px 64px } } .acc-Account_Item-addresses { padding: 32px 0 48px } @media (min-width: 1023.02px) { .acc-Account_Item-addresses { padding-block: 96px 64px } } .acc-Account_Item-appointments { padding: 32px 0 48px } @media (min-width: 1023.02px) { .acc-Account_Item-appointments { padding-block: 96px 64px } } .acc-Account_LogoutTitle { font-weight: 300; margin-block-end: 8px } .acc-Navigation_Link { display: inline-flex; overflow: hidden; position: relative } @media (hover: hover),(min-width: 1600px) { .acc-Navigation_Link:hover:before { transform: translate(0) } } .acc-Navigation_Item-active .acc-Navigation_Link:before { transform: translate(0) } .acc-Navigation_Link:before { background-color: currentColor; block-size: 1px; content: ""; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute; transform: translate(-100%); transition: transform .3s ease } .art-Card { display: flex; flex-direction: column } .art-Card_ImageContainer { margin-block-end: 12px; position: relative } .art-Card_ImageContainer:before { content: ""; display: block; padding-block-end: 66% } .art-Card_Image { display: flex; inset-block: 0; position: absolute } .art-Card_Body { inline-size: 100% } .art-Card_Title { font-weight: 300 } .art-Cards_Items { grid-gap: var(--Grid_Gutter); grid-template-columns:repeat(3, 1fr) } .art-Comments_Items { margin-block-end: 40px } .art-Detail { margin-block-start: 30px } .art-Detail_Section { margin-block: 20px 20px } .art-Detail_Section:first-child { margin-block-start: 0 } .art-Detail_Section:last-child { margin-block-end: 0 } .art-Detail_Comments { background-color: var(--Color_Surface-primary); margin-block-start: 30px; padding-block: 40px 40px } .art-List { margin-block: 30px 30px } .art-Cards_Items { display: grid; gap: var(--Grid_Gutter); grid-auto-flow: dense; grid-template-columns:repeat(2, minmax(0, 1fr)) } @media (min-width: 1023.02px) { .art-Cards_Items { gap: 48px var(--Grid_Gutter); grid-template-columns:repeat(3, minmax(0, 1fr)) } } .art-List_Title { font-weight: 300; margin-block-end: 24px } .blk-CtaCardArrowLink { display: block; inline-size: 100% } .blk-CtaCardArrowLink_Button { align-items: center; display: flex; gap: 8px; position: relative; z-index: 2 } .blk-CtaCardArrowLink_Arrow { block-size: 15px; inline-size: 15px } .blk-CtaCardArrowLink_Hover { font-weight: 300 } @media (hover: hover),(min-width: 1600px) { .blk-CtaCardArrowLink_Hover { opacity: 0; transition: opacity .2s ease } .blk-CtaCardArrowLink:hover .blk-CtaCardArrowLink_Hover { opacity: 1 } } .blk-CtaCardTextLink { display: flex; gap: 6px } .blk-CtaCardTextLink_Button { font-weight: 300 } .blk-CtaCardUnderlineLink { display: block; inline-size: 100% } .blk-CtaCardUnderlineLink_Button { position: relative; z-index: 2 } .blk-CtaCard { --AspectRatio_Mobile: 0%; --AspectRatio_Desktop: 0% } .sec-Hero-revealEffect .blk-CtaCard { block-size: 100%; display: flex; flex-direction: column } .blk-CtaCard-noMedia { align-self: center } .sec-Hero-revealEffect .blk-CtaCard_MediaContainer { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; overflow: hidden } .blk-CtaCard_Media { display: flex; overflow: hidden; position: relative } .blk-CtaCard_Media:after { content: ""; display: block; padding-block-start: var(--AspectRatio_Mobile) } @media (min-width: 1023.02px) { .blk-CtaCard_Media:after { padding-block-start: var(--AspectRatio_Desktop) } } .sec-Hero-maxViewportHeight .blk-CtaCard_Media { max-block-size: 100vh } .sec-Hero-revealEffect .blk-CtaCard_Media { flex-grow: 1; flex-shrink: 1 } .blk-CtaCard-light .blk-CtaCard_Media { color: var(--Color_White) } .blk-CtaCard_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: var(--Image_ZIndex) } .blk-CtaCard_Image-desktop { display: none } @media (min-width: 1023.02px) { .blk-CtaCard_Image-desktop { display: flex } .blk-CtaCard_Image-mobile { display: none } } .blk-CtaCard_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: 0 } .blk-CtaCard_Video-desktop { display: none } @media (min-width: 1023.02px) { .blk-CtaCard_Video-desktop { display: flex } .blk-CtaCard_Video-mobile { display: none } } .blk-CtaCard_Caption { max-inline-size: 480px; padding-block-start: 12px; padding-inline: var(--Site_Margin) } .sec-CtaCardsCarousel-fullbleed .blk-CtaCard_Caption, .sec-CtaCardsDouble-fullbleed .blk-CtaCard_Caption, .sec-CtaCardsTriple-fullbleed .blk-CtaCard_Caption, .sec-Hero-fullbleed .blk-CtaCard_Caption { padding-inline-start: calc(var(--Site_Margin) * 2) } .blk-CtaCard_Content { display: block; margin-block-start: 16px; max-inline-size: 480px } .blk-CtaCard-noMedia .blk-CtaCard_Content { margin-block-start: 0 } .sec-CtaCardsCarousel-fullbleed .blk-CtaCard_Content, .sec-CtaCardsDouble-fullbleed .blk-CtaCard_Content, .sec-CtaCardsTriple-fullbleed .blk-CtaCard_Content, .sec-Hero-fullbleed .blk-CtaCard_Content { padding-inline: var(--Site_MarginInset) } .sec-Hero-revealEffect .blk-CtaCard_Content { flex-shrink: 0 } .blk-CtaCard_Content-center { margin-inline: auto; text-align: center } .blk-CtaCard_Content-noContent { margin-block-start: 0 } .blk-CtaCard_Content-noContent:has(.blk-CtaCardTextLink,.blk-CtaCardUnderlineLink,.blk-CtaCardArrowLink) { margin-block-start: 16px } .blk-CtaCard_Content-media { align-self: flex-end; padding-block-end: var(--Site_Margin); padding-inline: var(--Site_Margin) } @media (max-width: 1023px) { .blk-CtaCard-hasMobileControls .blk-CtaCard_Content-media { padding-block-end: calc(var(--Site_Margin) * 2 + 20px) } } @media (min-width: 1023.02px) { .blk-CtaCard-hasDesktopControls .blk-CtaCard_Content-media { padding-block-end: calc(var(--Site_Margin) * 2 + 20px) } } .blk-CtaCard_Kickers { margin-block-end: 12px } .blk-CtaCard_Smallkicker { margin-block-end: 4px } .blk-CtaCard_Texts { margin-block-start: 8px } .blk-CtaCard_Subtext { margin-block-start: 4px } .blk-CtaCard_Links { display: flex; flex-wrap: wrap; gap: 0 12px } .blk-CtaCard_Links:has(.blk-CtaCardTextLink,.blk-CtaCardUnderlineLink,.blk-CtaCardArrowLink) { margin-block-start: 8px } .blk-CtaCard_Controls { inset-block-end: var(--Site_Margin); inset-inline: var(--Site_Margin); position: absolute; z-index: 2 } .blk-CtaCard_Controls-desktop { display: none } @media (min-width: 1023.02px) { .blk-CtaCard_Controls-desktop { display: flex } .blk-CtaCard_Controls-mobile { display: none } } .blk-CtaInsetCard { --AspectRatio_Mobile: 120%; --AspectRatio_Desktop: 120%; align-items: center; block-size: 100%; display: flex; flex-direction: column; gap: 48px; justify-content: center; padding-block: 64px } .sec-CtaCardsDouble-fullbleed .blk-CtaInsetCard, .sec-CtaCardsSingle-fullbleed .blk-CtaInsetCard { padding-inline: var(--Site_MarginInset) } .blk-CtaInsetCard_Carousel { display: block; position: relative } .blk-CtaInsetCard_Slides { display: grid } .blk-CtaInsetCard_Slide { grid-column: 1; grid-row: 1; transition: opacity 1s var(--Carousel_Ease), visibility 1s var(--Carousel_Ease); z-index: 1 } .blk-CtaInsetCard_Slide[aria-hidden=true] { opacity: 0; visibility: hidden; z-index: 0 } .blk-CtaInsetCard_CarouselControls { display: block; margin-block-start: 24px } @media (min-width: 1023.02px) { .blk-CtaInsetCard_CarouselControls { display: flex; inset-block-start: 50%; inset-inline: -30%; justify-content: space-between; margin-block-start: 0; pointer-events: none; position: absolute; transform: translateY(-50%); z-index: 1 } } .blk-CtaInsetCard_CarouselControl { display: none } @media (min-width: 1023.02px) { .blk-CtaInsetCard_CarouselControl { align-items: center; block-size: 48px; display: flex; inline-size: 48px; justify-content: center; pointer-events: auto } } .blk-CtaInsetCard_CarouselControl svg { block-size: 36px; inline-size: 19px } .blk-CtaInsetCard_Indicators { display: flex; justify-content: center } @media (min-width: 1023.02px) { .blk-CtaInsetCard_Indicators { display: none } } .blk-CtaInsetCard_Dot { background-color: var(--Color_Text-secondary); block-size: 1px; display: block; inline-size: 24px; position: relative } .blk-CtaInsetCard_Dot:before { block-size: 20px; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transform: translateY(-50%); z-index: 1 } .blk-CtaInsetCard_Dot[aria-current=true] { background-color: var(--Color_Text-primary) } .blk-CtaInsetCard_CarouselContainer { display: none; inline-size: calc(100% - 128px) } @media (min-width: 1023.02px) { .blk-CtaInsetCard_CarouselContainer { inline-size: 80% } } .blk-CtaInsetCard_CarouselContainer:has(.blk-CtaInsetCard_Carousel) { display: block } @media (min-width: 1023.02px) { .sec-CtaCardsDouble .blk-CtaInsetCard_CarouselContainer { inline-size: 50% } } .blk-CtaInsetCard_Media { display: flex; inline-size: 100%; overflow: hidden; position: relative } .blk-CtaInsetCard_Media:after { content: ""; display: block; padding-block-start: var(--AspectRatio_Mobile) } @media (min-width: 1023.02px) { .blk-CtaInsetCard_Media:after { padding-block-start: var(--AspectRatio_Desktop) } } .blk-CtaInsetCard_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: var(--Image_ZIndex) } .blk-CtaInsetCard_Image-desktop { display: none } @media (min-width: 1023.02px) { .blk-CtaInsetCard_Image-desktop { display: flex } .blk-CtaInsetCard_Image-mobile { display: none } } .blk-CtaInsetCard_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .blk-CtaInsetCard_Video-desktop { display: none } @media (min-width: 1023.02px) { .blk-CtaInsetCard_Video-desktop { display: flex } .blk-CtaInsetCard_Video-mobile { display: none } } .blk-CtaInsetCard_Caption { max-inline-size: 480px; padding-block-start: 12px; padding-inline: var(--Site_Margin) } .blk-CtaInsetCard_Content { display: grid; gap: 12px; max-inline-size: 480px; text-align: center } .blk-CtaInsetCard_Smallkicker { margin-block-end: 4px } .blk-CtaInsetCard_Subtext { margin-block-start: 4px } .blk-CtaInsetCard_LeftText { inline-size: 100%; margin-block-start: 12px; text-align: start } .blk-CtaInsetCard_Controls { inset-block-end: var(--Site_Margin); inset-inline: var(--Site_Margin); position: absolute; z-index: 2 } .blk-CtaInsetCard_Controls-desktop { display: none } @media (min-width: 1023.02px) { .blk-CtaInsetCard_Controls-desktop { display: flex } .blk-CtaInsetCard_Controls-mobile { display: none } } .blk-EditorialBodyText { padding-block-end: var(--Block_BottomSpacing, 0); padding-inline: var(--Site_Margin) } @media (min-width: 768px) { .blk-EditorialBodyText { padding-inline: calc(var(--Site_Margin) * 4) } } .blk-EditorialBodyText_Text { text-wrap: pretty; font-kerning: normal; -webkit-hyphens: auto; hyphens: auto; text-align-last: left; word-spacing: -.02em } .blk-EditorialBodyText_Text > * { margin: 0 } .blk-EditorialBodyText_Text > p + p { text-indent: var(--Site_Margin) } .blk-EditorialBulletItem { align-items: flex-start; display: flex } .blk-EditorialBulletItem_Marker { flex-shrink: 0; inline-size: var(--Site_Margin) } .blk-EditorialBulletItem_Text { text-wrap: pretty; flex: 1 0 0; -webkit-hyphens: auto; hyphens: auto; min-inline-size: 0 } .blk-EditorialBulletItem_Text > * { margin: 0 } .blk-EditorialBullet { padding-block-end: var(--Block_BottomSpacing, 0); padding-inline: var(--Site_Margin) } @media (min-width: 768px) { .blk-EditorialBullet { padding-inline: calc(var(--Site_Margin) * 4) } } .blk-EditorialCreditItem { text-align: center } .blk-EditorialDialogueLine { align-items: flex-start; display: flex } .blk-EditorialDialogueLine_Speaker { flex-shrink: 0; inline-size: var(--Site_Margin) } .blk-EditorialDialogueLine_Text { text-wrap: pretty; flex: 1 0 0; -webkit-hyphens: auto; hyphens: auto; min-inline-size: 0 } .blk-EditorialDialogueLine_Text > * { margin: 0 } .blk-EditorialDialogue { display: flex; flex-direction: column; padding-block: 10px; padding-inline: var(--Site_Margin) } @media (min-width: 768px) { .blk-EditorialDialogue { padding-inline: calc(var(--Site_Margin) * 4) } } .blk-EditorialInlineImage { padding-block-end: var(--Block_BottomSpacing, 0); padding-inline: var(--Site_Margin) } @media (min-width: 768px) { .blk-EditorialInlineImage { padding-inline: calc(var(--Site_Margin) * 4) } } .blk-EditorialInlineImage_Caption { margin-block-start: 12px; padding-inline: calc(var(--Site_Margin) * 1.5); text-align: center } .blk-EditorialInlineImage_Caption > * { margin: 0 } .blk-EditorialSquareImage { padding-block-end: var(--Block_BottomSpacing, 0); padding-inline: var(--Site_Margin) } @media (min-width: 768px) { .blk-EditorialSquareImage { padding-inline: calc(var(--Site_Margin) * 2) } } .blk-EditorialSquareImage_Media { inline-size: 100%; overflow: hidden; position: relative } .blk-EditorialSquareImage_Caption { margin-block-start: 12px; padding-inline: calc(var(--Site_Margin) * 3); text-align: center } .blk-EditorialSquareImage_Caption > * { margin: 0 } .blk-EditorialSubheader { padding-block-end: 8px; padding-inline: var(--Site_Margin) } @media (min-width: 768px) { .blk-EditorialSubheader { padding-inline: calc(var(--Site_Margin) * 4) } } .blk-EditorialSubheader_Text { text-align: center; text-align-last: center } .blk-EditorialTitleCard { --title-gap: calc(var(--Site_Margin) * 1.5); align-items: center; block-size: 100vh; display: flex; flex-direction: column; inline-size: 100%; min-block-size: 620px; padding-inline: 24px } @media (min-width: 768px) { .blk-EditorialTitleCard { --title-gap: calc(var(--Site_Margin) * 3); min-block-size: 768px; padding-inline: calc(var(--Site_Margin) * 3) } } .blk-EditorialTitleCard_HeadingZone { align-items: flex-end; display: flex; flex: 1 1 0; padding-block-end: var(--title-gap) } .blk-EditorialTitleCard_Heading { text-align: center } .blk-EditorialTitleCard_Media { flex-shrink: 0; inline-size: 184px } .blk-EditorialTitleCard_CreditsZone { align-items: flex-end; display: flex; flex: 1 1 0; padding-block-end: calc(var(--Site_Margin) * 2) } @media (min-width: 768px) { .blk-EditorialTitleCard_CreditsZone { padding-block-end: calc(var(--Site_Margin) * 2.5) } } .blk-EditorialTitleCard_Credits { align-items: center; display: flex; flex-wrap: wrap; gap: 6px calc(var(--Site_Margin) / 2); justify-content: center; margin-inline: auto; max-inline-size: 480px } .blk-HeroStickyCard { --AspectRatio_Mobile: 0%; --AspectRatio_Desktop: 0% } .blk-HeroStickyCard_Media { align-items: center; display: flex; justify-content: center; position: relative } .blk-HeroStickyCard-sticky .blk-HeroStickyCard_Media { align-items: flex-end } .blk-HeroStickyCard_Media:after { content: ""; display: block; padding-block-start: var(--AspectRatio_Mobile) } @media (min-width: 1023.02px) { .blk-HeroStickyCard_Media:after { padding-block-start: var(--AspectRatio_Desktop) } } .sec-HeroSticky-maxViewportHeight .blk-HeroStickyCard_Media { max-block-size: 100vh } @media (max-width: 1023px) { .blk-HeroStickyCard-hasMobileControls .blk-HeroStickyCard_Media { padding-block-end: calc(var(--Site_Margin) + 20px) } } @media (min-width: 1023.02px) { .blk-HeroStickyCard-hasDesktopControls .blk-HeroStickyCard_Media { padding-block-end: calc(var(--Site_Margin) + 20px) } } .blk-HeroStickyCard-light .blk-HeroStickyCard_Media { color: var(--Color_White) } .blk-HeroStickyCard-dark .blk-HeroStickyCard_Media { color: var(--Color_Black) } .blk-HeroStickyCard_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; overflow: hidden; position: absolute; z-index: var(--Image_ZIndex) } .blk-HeroStickyCard_Image-desktop { display: none } @media (min-width: 1023.02px) { .blk-HeroStickyCard_Image-desktop { display: flex } .blk-HeroStickyCard_Image-mobile { display: none } } .blk-HeroStickyCard_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .blk-HeroStickyCard_Video-desktop { display: none } @media (min-width: 1023.02px) { .blk-HeroStickyCard_Video-desktop { display: flex } .blk-HeroStickyCard_Video-mobile { display: none } } .blk-HeroStickyCard_Caption { max-inline-size: 480px; padding-block-start: 12px; padding-inline: var(--Site_Margin) } .sec-HeroSticky-fullbleed .blk-HeroStickyCard_Caption { padding-inline-start: calc(var(--Site_Margin) * 2) } .blk-HeroStickyCard_Content { --Block_Padding: 128px; display: block; max-inline-size: 720px; padding: var(--Block_Padding) var(--Site_Margin); text-align: center } .blk-HeroStickyCard-sticky .blk-HeroStickyCard_Content { inset-block-end: 0; position: sticky } .sec-HeroSticky-fullbleed .blk-HeroStickyCard_Content { padding-inline: var(--Site_MarginInset) } .blk-HeroStickyCard_Kickers { margin-block-end: 32px } .blk-HeroStickyCard_Smallkicker { margin-block-end: 4px } .blk-HeroStickyCard_Texts { margin-block-start: 32px } .blk-HeroStickyCard_Subtext { margin-block-start: 4px } .blk-HeroStickyCard_Links { display: flex; flex-wrap: wrap; gap: 0 12px } .blk-HeroStickyCard_Links:has(.blk-CtaCardTextLink,.blk-CtaCardUnderlineLink,.blk-CtaCardArrowLink) { margin-block-start: 32px } .blk-HeroStickyCard_Controls { inset-block-end: var(--Site_Margin); inset-inline: var(--Site_Margin); position: absolute; z-index: 2 } .blk-HeroStickyCard_Controls-desktop { display: none } @media (min-width: 1023.02px) { .blk-HeroStickyCard_Controls-desktop { display: flex } .blk-HeroStickyCard_Controls-mobile { display: none } } .mob-Navigation_CarouselInner { margin-block: var(--s32); margin-inline: calc(var(--Site_MarginInset) * -1) } .mob-Navigation_CarouselSlides { -webkit-overflow-scrolling: touch; display: flex; gap: 0; overflow-x: auto; overscroll-behavior-x: contain; padding-inline: var(--Site_Margin); scroll-snap-type: x } .mob-Navigation_CarouselSlides::-webkit-scrollbar { display: none } .mob-Navigation_CarouselSlide { flex: 0 0 80%; scroll-snap-align: end } .mob-Navigation_CarouselSlide:not(:first-of-type) { scroll-snap-align: center } .mob-Navigation_CarouselSlideFooter { margin-block-start: 12px } .blk-PageContentAccordionItem_Trigger { align-items: center; background-color: var(--Color_Surface-primary); display: flex; gap: 16px; inline-size: 100%; padding: 12px; text-align: start } .blk-PageContentAccordionItem_Icon { block-size: 16px; display: none; inline-size: 16px } .blk-PageContentAccordionItem_Trigger[aria-expanded=false] .blk-PageContentAccordionItem_Icon-plus, .blk-PageContentAccordionItem_Trigger[aria-expanded=true] .blk-PageContentAccordionItem_Icon-minus { display: flex } .blk-PageContentAccordionItem_Label { font-weight: 300 } .blk-PageContentAccordionItem_Expand { display: grid; grid-template-rows:0fr } .blk-PageContentAccordionItem_Expand[aria-hidden=false] { grid-template-rows:1fr } .blk-PageContentAccordionItem_Content { overflow: hidden } .blk-PageContentAccordionItem_Text { padding-block: 16px 12px; padding-inline-start: 32px } .blk-PageContentAccordionItem_Text:has(+.blk-PageContentAccordionItem_Image) { padding-block-end: 0 } .blk-PageContentAccordionItem_Image { inline-size: 40px; margin-block-start: 12px; margin-inline-start: 32px } .blk-PageContentAccordion_Title { font-weight: 300; margin-block-end: 24px } .blk-PageContentAccordion_Items { display: grid; gap: 1px } .blk-PageContentImage_Image-desktop { display: none } @media (min-width: 1023.02px) { .blk-PageContentImage_Image-desktop { display: flex } .blk-PageContentImage_Image-mobile { display: none } } .blk-PageContentText_NumberedTitle { display: flex; font-weight: 300; gap: 12px; margin-block-end: 16px } @media (min-width: 1023.02px) { .blk-PageContentText_NumberedTitle { margin-block-end: 24px } } .blk-PageContentText_Number { min-inline-size: 16px } .blk-PageContentText_Title { margin-block-end: 24px; text-align: center } @media (min-width: 1023.02px) { .blk-PageContentText_Title { margin-block-end: 32px; text-align: start } } .blk-Passpartout_Card { aspect-ratio: 2/3; block-size: 100%; flex: 0 0 auto; inline-size: auto; min-block-size: 0; min-inline-size: 0; overflow: hidden; position: relative; scroll-snap-align: center } @media (min-width: 1023.02px) { .blk-Passpartout_Card { aspect-ratio: 5/7; max-block-size: 100%; max-inline-size: 100% } } .blk-Passpartout_Media, .blk-Passpartout_MediaContainer { block-size: 100%; inline-size: 100%; overflow: hidden; position: relative } .blk-Passpartout_Image, .blk-Passpartout_LazyVideo { block-size: 100%; inline-size: 100%; top: 0; right: 0; bottom: 0; left: 0; position: absolute } .blk-Passpartout_Image { z-index: 0 } .blk-Passpartout_LazyVideo { z-index: 1 } .blk-Passpartout_Image-desktop, .blk-Passpartout_LazyVideo-desktop { display: none } @media (min-width: 1023.02px) { .blk-Passpartout_Image-desktop, .blk-Passpartout_LazyVideo-desktop { display: block } } .blk-Passpartout_Image-mobile, .blk-Passpartout_LazyVideo-mobile { display: block } @media (min-width: 1023.02px) { .blk-Passpartout_Image-mobile, .blk-Passpartout_LazyVideo-mobile { display: none } } .blk-Passpartout_Video { block-size: 100%; display: block; inline-size: 100%; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; object-position: center; position: absolute } .blk-Passpartout_Controls { inset-block-end: 10px; inset-inline: 20px; pointer-events: none; position: absolute; z-index: 2 } .blk-Passpartout_Controls .util-Video_MuteUnmute, .blk-Passpartout_Controls .util-Video_PlayPause { pointer-events: auto } .blk-CtaStickyCard { align-items: flex-end; block-size: 100%; display: flex } .blk-CtaStickyCard_Content { display: grid; gap: 12px; inset-block-end: 0; margin-inline: auto; max-inline-size: 480px; padding-block: 24px; position: sticky; text-align: center } @media (min-width: 1023.02px) { .blk-CtaStickyCard_Content { padding-block: 128px } } .sec-CtaCardsDouble-fullbleed .blk-CtaStickyCard_Content { padding-inline: var(--Site_Margin) } .blk-CtaStickyCard_Smallkicker { margin-block-end: 4px } .blk-CtaStickyCard_Subtext { margin-block-start: 4px } .blk-CtaStickyCard_Links { display: flex; flex-wrap: wrap; gap: 0 12px } .blk-StoresLink_Button { align-items: center; display: flex; font-weight: 300; gap: 8px; position: relative; z-index: 2 } .blk-StoresLink_Arrow { block-size: 15px; inline-size: 15px } .crt-Accordion { font-size: 12px } .crt-Accordion_Items { display: flex; flex-flow: column; gap: 8px; padding: 32px } .crt-Accordion_Trigger { display: flex; gap: 16px; inline-size: 100%; place-content: center flex-start } .crt-Accordion_Expand { display: block; padding-block: 16px; padding-inline: 32px 16px } .crt-Accordion_Expand[aria-hidden=true], .crt-Accordion_Icon-minus, .crt-Accordion_Trigger[aria-expanded=true] .crt-Accordion_Icon-plus { display: none } .crt-Accordion_Trigger[aria-expanded=true] .crt-Accordion_Icon-minus { display: block } .crt-Accordion_Button svg, .crt-Accordion_Icons svg { block-size: 16px; inline-size: 16px } .crt-Accordion_NavList { display: flex; flex-flow: column; gap: 10px } .crt-Accordion_NavListLink { align-items: center; display: flex; flex-flow: row nowrap; gap: 16px } .crt-Accordion_NavListIcon svg { block-size: 16px } .crt-Item { display: flex; gap: 20px } @media (min-width: 1023.02px) { .crt-Item { gap: 32px } } .crt-Item_Media { flex-shrink: 0; inline-size: 90px } .crt-Item_Content { display: flex; flex: 1; flex-direction: column; margin-inline-start: auto } .crt-Item_Title { font-size: 14px; font-weight: 300 } @media (min-width: 1023.02px) { .crt-Item_Title { font-size: 12px } } .crt-Item_Price { font-size: 12px; font-weight: 300; letter-spacing: .12px; margin-block: 8px 16px } .crt-Item_Preorder { margin-block-start: 8px } .crt-Item_Options { display: none } .crt-Item_Controls { display: flex; flex-flow: row nowrap; gap: 16px; justify-content: flex-start } .crt-Item_VariantSelect { align-items: center; display: flex } .crt-Item_Note { margin-block-start: 5px } .crt-Item_Remove { block-size: 28px; border-radius: 50%; display: grid; inline-size: 28px; place-items: center } .crt-Item_Close svg { block-size: 12px; inline-size: 12px } .crt-Item_Loading { align-items: center; background-color: #ffffffbf; display: flex; top: 0; right: 0; bottom: 0; left: 0; justify-content: center; opacity: 0; position: absolute; transition: opacity .3s ease, visibility .3s ease; visibility: hidden; z-index: 2 } .crt-Item[aria-busy=true] .crt-Item_Loading { opacity: 1; visibility: visible } .crt-Items_Item + .crt-Items_Item { margin-block-start: 16px; padding-block-start: 16px } .crt-Items_Empty { text-align: center } .crt-Items_Text .crt-Items_Empty { font-size: 14px; font-weight: 300; margin-block-end: 32px } .crt-Items_Empty .crt-Items_Link { font-size: 14px; font-weight: 300 } .crt-Cart_Columns { display: grid; grid-template-columns:repeat(12, 1fr) } .crt-Cart_Column-content { grid-column: 1/span 12 } @media (min-width: 1023.02px) { .crt-Cart_Column-content { grid-column: 1/span 8 } .crt-Cart-empty .crt-Cart_Column-content { grid-column: 1/span 12 } } .crt-Cart_Column-summary { border-block-start: solid var(--Border_Width) var(--Color_Border-secondary); grid-column: 1/span 12; margin-block-start: 48px } @media (min-width: 1023.02px) { .crt-Cart_Column-summary { block-size: 100vh; border-block-start: none; border-inline-start: solid var(--Border_Width) var(--Color_Border-secondary); grid-column: 9/span 4; margin-block-start: 0 } } .crt-Cart-empty .crt-Cart_Column-summary { display: none } .crt-Cart_Body { display: grid; grid-template-columns:repeat(12, 1fr); padding-inline: 24px } @media (min-width: 1023.02px) { .crt-Cart_Body { padding-inline: 0 } } .crt-Cart_Items { grid-column: 1/span 12 } @media (min-width: 1023.02px) { .crt-Cart_Items { grid-column: 4/span 6 } } .crt-Cart_Header { align-items: center; block-size: var(--Header_Height); display: grid } .crt-Cart_HeaderBack { font-size: 14px; font-weight: 300; grid-column: 1; grid-row: 1; justify-self: self-start } @media (min-width: 1023.02px) { .crt-Cart_HeaderBack-mobile { display: none } } .crt-Cart_HeaderBack-mobile svg { block-size: 16px; display: inline-block; inline-size: 16px; vertical-align: middle } .crt-Cart_HeaderBack-desktop { display: none } @media (min-width: 1023.02px) { .crt-Cart_HeaderBack-desktop { display: inline } } .crt-Cart_Breadcrumbs { display: flex; flex-flow: row nowrap; gap: 6px; justify-content: center; padding-block: 32px } .crt-Cart_Breadcrumb { color: var(--Color_Text-secondary); display: flex; flex-flow: row nowrap; font-size: 12px; font-weight: 300; gap: 6px; opacity: .5 } .crt-Cart_Breadcrumb-active { color: var(--Color_Text-primary) } .crt-Cart_Breadcrumb svg { inline-size: 16px } .crt-Items_Header { margin-block-end: 32px; padding-block-end: 24px } @media (min-width: 1023.02px) { .crt-Items_Header { border-block-end: solid var(--Border_Width) var(--Color_Border-secondary) } } .crt-Items_Title { font-size: 16px; text-align: center } .crt-Cart_Summary { border-block-end: solid var(--Border_Width) var(--Color_Border-secondary); margin-inline: 24px; padding-block: 32px } .crt-Cart_SummaryHeading { display: none; font-size: 14px; font-weight: 300 } @media (min-width: 1023.02px) { .crt-Cart_SummaryHeading { display: block } } .crt-Summary_Items { display: flex; flex-flow: column nowrap; gap: 12px; padding-block-end: 32px } @media (min-width: 1023.02px) { .crt-Summary_Items { padding: 32px } } .crt-Summary_Item { display: flex; flex-flow: row nowrap; font-size: 14px; font-weight: 300; justify-content: space-between } .crt-Summary_Item-total { margin-block-start: 8px } .crt-Summary_DiscountPrompt { color: var(--Color_Text-secondary); font-size: 14px; font-weight: 300; padding-block: 16px; text-align: center } .crt-Summary_Footer .psh-CartPaymentTypes { justify-content: center } .clc-List_Items { display: grid; gap: var(--Grid_Gutter); grid-auto-flow: dense; grid-template-columns:repeat(2, minmax(0, 1fr)) } @media (min-width: 1023.02px) { .clc-List_Items { gap: 48px var(--Grid_Gutter); grid-template-columns:repeat(4, minmax(0, 1fr)) } } .clc-Card_Content { margin-block-start: 8px } .clc-Locked { align-items: flex-end; background-color: #09090926; display: flex; top: 0; right: 0; bottom: 0; left: 0; justify-content: center; position: fixed; z-index: 20 } @media (min-width: 768px) { .clc-Locked { align-items: center } } .clc-Locked_Modal { background-color: var(--Color_White); padding: calc(var(--Site_Margin) * 2) } @media (max-width: 767.98px) { .clc-Locked_Modal { inline-size: 100% } } .clc-Locked_Content { display: grid; gap: 34px; text-align: center } .clc-Locked_Text { text-align: start } .clc-Locked_Link { align-items: center; display: inline-flex; gap: 8px } .clc-Locked_Link svg { block-size: 15px; inline-size: 15px } .clc-PriceRange { display: block } .clc-PriceRange_Fields { display: grid; gap: 10px; grid-template-columns:repeat(2, 1fr) } .clc-PriceRange_Field { position: relative } .clc-PriceRange_Label { inset-block-start: 5px; inset-inline-start: 10px; position: absolute } .clc-PriceRange_Input { inline-size: 100%; padding: 20px 10px 5px } .clc-PriceRange_Slider { --ButtonSize: 12px; --TopOffset: 25px; block-size: calc(var(--TopOffset) + var(--ButtonSize)); display: block; inline-size: 100%; position: relative; -webkit-user-select: none; user-select: none } .clc-PriceRange_Dot { align-items: center; block-size: var(--ButtonSize); cursor: pointer; display: flex; inline-size: var(--ButtonSize); inset-block-start: var(--TopOffset); justify-content: center; position: absolute; z-index: 2 } .clc-PriceRange-active .clc-PriceRange_Dot { cursor: grab } .clc-PriceRange_Dot:before { block-size: 40px; content: ""; display: block; inline-size: 40px; inset-block-start: 50%; inset-inline-start: 50%; position: absolute; transform: translate(-50%, -50%); z-index: 1 } .clc-PriceRange_DotInner { background-color: var(--Color_Border-primary); block-size: 12px; border: 1px solid var(--Color_Border-primary); border-radius: 50%; display: block; inline-size: 12px } .clc-PriceRange_Line { block-size: 1px; box-sizing: border-box; inline-size: calc(100% - var(--ButtonSize)); inset-block-start: calc(var(--TopOffset) + var(--ButtonSize) / 2); inset-inline-start: 0; overflow: visible; position: absolute; z-index: 0 } .clc-PriceRange_LineInner { background-color: var(--Color_Border-primary); block-size: 100%; display: block; inline-size: calc(100% + var(--ButtonSize)) } .clc-PriceRange_LineHighlighter { background-color: var(--Color_Border-primary); block-size: 3px; inset-block-start: -1px; inset-inline: 0; position: absolute } .clc-ProductGridFacet { position: relative } .clc-ProductGridFacet_Summary { align-items: center; display: flex } .clc-ProductGridFacet_Summary svg { margin-inline-start: 8px } .clc-ProductGridFacet_FilterLabel { white-space: nowrap } .clc-ProductGridFacet_Display { --Horizontal_Spacing: 20px; background-color: var(--Color_Background-primary); border: 1px solid var(--Color_Border-secondary); inline-size: 350px; inset-block-start: calc(100% + 5px); inset-inline-start: -12px; max-block-size: 550px; opacity: 1; overflow-y: auto; position: absolute; transition: opacity .2s ease, visibility .2s ease; visibility: visible; z-index: 3 } .clc-ProductGridFacet_Header { border-block-end: 1px solid var(--Color_Border-secondary); display: flex; inset-block-start: 0; justify-content: space-between; padding: 15px var(--Horizontal_Spacing); position: sticky; z-index: 1 } .clc-ProductGridFacet_RemoveLink { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px } .clc-ProductGridFacet_Body { padding: 5px var(--Horizontal_Spacing) } .clc-ProductGridFacet_Item, .clc-ProductGridFacet_Label { align-items: center; display: flex } .clc-ProductGridFacet_Label { cursor: pointer; flex-grow: 1; padding: 10px 20px 10px 0; position: relative; word-break: break-word } .clc-ProductGridFacet_Label[aria-disabled=true] { color: var(--Color_Text-disable); cursor: not-allowed } .clc-ProductGridFacet_Checkbox { margin-inline-end: 10px } .clc-ProductGridFacets { grid-gap: 15px var(--Grid_Gutter); align-items: center; display: grid; font-size: 14px; line-height: 20px } @media (min-width: 768px) { .clc-ProductGridFacets { grid-template-columns:1fr max-content max-content } } .clc-ProductGridFacets_Items { grid-gap: 20px; display: grid } @media (min-width: 768px) { .clc-ProductGridFacets_Items { display: flex; flex-wrap: wrap; gap: 10px } } .clc-ProductGridFacets_Item-noShrink { flex-shrink: 0 } .clc-ProductGridFacets_Active { grid-column: 1/-1; grid-row: 2 } .clc-ProductGridFacets_ActiveFacets { --Gap: 10px; display: flex; flex-wrap: wrap; margin-block-start: calc(var(--Gap) * -1) } .clc-ProductGridFacets_ActiveFacet { margin-block-start: var(--Gap); margin-inline-end: var(--Gap) } .clc-ProductGridFacets_ActiveFacet:only-child { display: none } .clc-ProductGridFacets_ActiveLink { align-items: center; background-color: var(--Color_Surface-primary); border: 1px solid var(--Color_Border-secondary); border-radius: 50px; display: flex; font-size: 12px; line-height: 14px; padding: 6px 12px; transition: opacity .3s ease; white-space: nowrap } .clc-ProductGridFacets_ActiveLink:hover { opacity: .6 } .clc-ProductGridFacets_ActiveLink-plain { background-color: initial; border: 0; border-radius: 0; -webkit-text-decoration: underline; text-decoration: underline; text-underline-offset: 2px } .clc-ProductGridFacets_ActiveLink-plain:hover { background-color: initial } .clc-ProductGridFacets_ActiveLink svg { margin-inline-start: 5px; pointer-events: none } .clc-ProductGrid { --Sticky_Padding: 24px; --Sticky_Offset: var(--Sticky_Padding); display: block } .lyt-Theme:has(.hd-Banner-hasScrolledUp) .clc-ProductGrid { --Sticky_Offset: calc(var(--Header_Height) + var(--Sticky_Padding)) } .clc-ProductGrid_Inner { margin-block-start: var(--s32); margin-inline: var(--Site_Margin) } @media (min-width: 1023.02px) { .clc-ProductGrid_Inner { margin-block-start: var(--s48) } .clc-ProductGrid_InnerDesktop-nopad { margin-block-start: 0 } } @media (max-width: 1023px) { .clc-ProductGrid_InnerMobile-nopad { margin-block-start: 0 } } .clc-ProductGrid_Body { position: relative } .clc-ProductGrid_Columns { align-items: baseline; display: grid; gap: 32px 0; grid-auto-flow: dense; grid-template-columns:repeat(12, minmax(0, 1fr)) } .clc-ProductGrid_Column { transition: inset-block-start .3s ease-out } .clc-ProductGrid_Column-banner { grid-column: 1/span 12; grid-row: var(--Banner_Position-mobile) } @media (min-width: 1023.02px) { .clc-ProductGrid_Column-banner { grid-row: var(--Banner_Position-desktop); margin-block-end: var(--s16) } } .clc-ProductGrid_Column-title { grid-column: 4/span 6 } .clc-ProductGrid_Column-search { grid-column: 1/span 12 } @media (min-width: 1023.02px) { .clc-ProductGrid_Column-search { grid-column: 1/span 6 } } .clc-ProductGrid_Column-navigation { grid-column: 1/span 12 } @media (min-width: 1023.02px) { .clc-ProductGrid_Column-navigation { grid-column: 4/span 6 } } .clc-ProductGrid_Column-content { grid-column: 1/span 12 } @media (min-width: 1023.02px) { .clc-ProductGrid_Column-content { grid-column: 4/span 6 } } .clc-ProductGrid_Column-breadcrumbs { grid-column: 1/span 12 } @media (min-width: 1023.02px) { .clc-ProductGrid_Column-breadcrumbs { grid-column: 1/span 3 } } .clc-ProductGrid_Column-views { grid-column: 11/span 1; justify-self: end } @media (max-width: 1023px) { .clc-ProductGrid_Column-views { background-color: var(--Color_Background-primary); display: flex; inline-size: 50vw; inset-block-end: 0; inset-inline-start: 0; justify-content: flex-start; padding-block: var(--s16); padding-inline: var(--Site_Margin); position: fixed; transition: transform .3s ease; z-index: 2 } .clc-ProductGrid_Scrolled .clc-ProductGrid_Column-views { transform: translateY(100%); transition: transform .3s ease } .clc-ProductGrid-search .clc-ProductGrid_Column-views { grid-row: 1 } } .clc-ProductGrid_Column-filters { grid-column: 12/span 1; justify-self: end } @media (max-width: 1023px) { .clc-ProductGrid_Column-filters { background-color: var(--Color_Background-primary); display: flex; inline-size: 50vw; inset-block-end: 0; inset-inline-end: 0; justify-content: flex-end; padding-block: var(--s16); padding-inline: var(--Site_Margin); position: fixed; transition: transform .3s ease; z-index: 2 } .clc-ProductGrid_Scrolled .clc-ProductGrid_Column-filters { transform: translateY(100%); transition: transform .3s ease } .clc-ProductGrid-search .clc-ProductGrid_Column-filters { grid-row: 1 } } .clc-ProductGrid_Column-products { grid-column: 1/span 12; z-index: 0 } @media (min-width: 1023.02px) { .clc-ProductGrid_Column-products { margin-block-start: var(--s16) } } .clc-ProductGrid_Title { font-weight: 300; text-align: center } @media (min-width: 1023.02px) { .clc-ProductGrid-search .clc-ProductGrid_Title { text-align: start } .clc-ProductGrid_BannerStyleDesktop-passpartout { inline-size: 33.33%; margin-block: 32px 76px; margin-inline: auto } .clc-ProductGrid_BannerStyleDesktop-fullbleed { margin-inline: calc(var(--Site_Margin) * -1) } } @media (max-width: 1023px) { .clc-ProductGrid_BannerStyleMobile-fullbleed { margin-inline: calc(var(--Site_Margin) * -1) } } @media (min-width: 1023.02px) { .clc-Banner_Media-mobile { display: none } } @media (max-width: 1023px) { .clc-Banner_Media-desktop { display: none } } .clc-ProductGrid_Text { inline-size: 100%; justify-self: center; max-inline-size: 344px; text-align: center } .clc-ProductGrid_Navigation { border-block-start: var(--Border_Width) solid var(--Color_Border-secondary); display: flex; justify-content: center; overflow: hidden; padding-block-start: 24px; position: relative; scroll-snap-type: x mandatory } @media (min-width: 1023.02px) { .clc-ProductGrid_Navigation { border: none; padding-block-start: 0 } } .clc-ProductGrid_Navigation:after { background: var(--Color_OverflowFade); block-size: 100%; content: ""; inline-size: 24px; inset-block: 0; inset-inline-end: 0; position: absolute } .clc-ProductGrid_Items { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; display: flex; gap: 16px; overflow-x: auto; padding-inline: var(--Site_Margin); scroll-behavior: smooth; scrollbar-width: none; text-align: center } .clc-ProductGrid_Items::-webkit-scrollbar { display: none } .clc-ProductGrid_Link { display: inline-block; position: relative; white-space: nowrap } @media (min-width: 1023.02px) { .clc-ProductGrid_Link:hover:before { transform: none; transform-origin: 0 0 } } .clc-ProductGrid_Link:before { background-color: currentColor; block-size: var(--Border_Width); content: ""; display: block; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute; transform: scaleX(0); transform-origin: 100% 0; transition: transform .2s ease-out } .clc-ProductGrid_Link-active:before { transform: none; transform-origin: 0 0 } @media (max-width: 1023px) { .clc-ProductGrid_Breadcrumbs { display: flex; justify-content: center; margin-inline: calc(var(--Site_Margin) * -1); padding-inline: var(--Site_Margin); text-align: center } } .clc-ProductGrid_ViewItems { display: flex } .clc-ProductGrid_ViewItem { display: none } @media (min-width: 1023.02px) { .clc-ProductGrid_ViewItem-desktop { display: block } } @media (max-width: 1023px) { .clc-ProductGrid_ViewItem-mobile { display: block } } .clc-ProductGrid_ViewTitle { padding-inline-end: 8px } .clc-ProductGrid_ViewButton { display: flex; gap: .25em; position: relative } @media (min-width: 1023.02px) { .clc-ProductGrid_ViewButton { padding-inline: 8px } } .clc-ProductGrid_ViewButton[aria-pressed=true]:before { background-color: currentColor; block-size: var(--Border_Width); content: ""; display: block; inline-size: 1ch; inset-block-end: 0; position: absolute } .clc-ProductGrid_FilterButton { align-items: center; display: flex; position: relative } @media (min-width: 1023.02px) { .clc-ProductGrid_FilterButton:before { background-color: currentColor; block-size: var(--Border_Width); content: ""; display: block; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute; transform: scaleX(0); transform-origin: 100% 0; transition: transform .2s ease-out } .clc-ProductGrid_FilterButton:hover:before { transform: none; transform-origin: 0 0 } } .clc-ProductGrid_FilterButton svg { display: none } @media (min-width: 1023.02px) { .clc-ProductGrid_FilterButton svg { block-size: 16px; display: block; inline-size: 16px; margin-inline: -4px 5px } } .clc-ProductGrid_List { margin-block-start: 0 } @media (min-width: 1023.02px) { .clc-ProductGrid_List { margin-block-start: 0 } } .clc-ProductGrid_Footer { display: grid; grid-template-columns:repeat(8, minmax(0, 1fr)); margin-block: var(--s64) var(--s48); row-gap: var(--s32) } .clc-ProductGrid_Pagination { inline-size: 100%; max-inline-size: 344px } .clc-ProductGrid_LoadMore { grid-column: 1/span 8 } @media (min-width: 1023.02px) { .clc-ProductGrid_LoadMore { display: flex; grid-column: 4/span 2; justify-content: center } } .clc-ProductGrid_LoadMore-hidden { display: none } .clc-ProductGrid_LoadMoreTrigger { inline-size: 100% } .clc-ProductGrid_Description { grid-column: span 8 } @media (min-width: 1023.02px) { .clc-ProductGrid_Description { display: flex; grid-column: 4/span 2; justify-content: center } } .clc-Promotion { block-size: 100%; display: flex; flex-direction: column } @media (min-width: 1023.02px) { .prd-List_Item-sticky .clc-Promotion { block-size: 100svh; inset-block-start: 0; min-block-size: 62.5vw; position: sticky } } .clc-Promotion_Media { display: flex; flex-grow: 1; overflow: hidden; position: relative } @media (max-width: 1023px) { .clc-Promotion_Media { flex-grow: 0 } .clc-Promotion_Media:after { content: ""; display: block; padding-block-start: 140% } } .clc-Promotion_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: var(--Image_ZIndex) } @media (min-width: 1023.02px) { .prd-List_Item-desktopUseHeight .clc-Promotion_Image { block-size: auto; position: relative } } .clc-Promotion_Image-hover { visibility: hidden; z-index: 1 } @media (min-width: 1023.02px) { .clc-Promotion:hover .clc-Promotion_Image-hover { visibility: visible } } .clc-Promotion_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .clc-Promotion_Content { align-items: center; display: flex; flex-grow: 0; flex-shrink: 0; gap: 6px; margin-block-start: var(--s16); min-block-size: 20px } @media (max-width: 1023px) { .clc-Promotion_Content { margin-block-start: var(--s12); padding-inline-start: var(--Site_Margin) } } @media (min-width: 1023.02px) { .clc-Promotion_Content { margin-block-start: var(--s12); min-block-size: var(--Dynamic_Card-footer) } } .clc-Promotion_Arrow { block-size: 15px; display: flex; flex-shrink: 0; inline-size: 15px; margin-inline-start: -5px } .clc-Promotion_Title { font-weight: 300 } .sec-CollectionSplit { margin-inline: var(--Site_Margin) } .sec-CollectionSplit_Header { padding-block: var(--s72) var(--s48); text-align: center } .sec-CollectionSplit_Grid { display: block; inline-size: 100%; position: relative } @media (min-width: 1023.02px) { .sec-CollectionSplit_Grid { display: grid; grid-template-columns:repeat(12, 1fr) } } .sec-CollectionSplit_StickyMedia-desktop { display: none } @media (min-width: 1023.02px) { .sec-CollectionSplit_StickyMedia-desktop { display: block } } .sec-CollectionSplit_StickyMedia-mobile { display: block; inline-size: 100%; padding-block-end: var(--s24) } @media (min-width: 1023.02px) { .sec-CollectionSplit_StickyMedia-mobile { display: none } } .sec-CollectionSplit_StickyMedia { inline-size: 100%; overflow: hidden; position: relative } @media (min-width: 1023.02px) { .sec-CollectionSplit_StickyMedia { block-size: 100svh; min-block-size: 62.5vw } .sec-CollectionSplit_StickyMedia .rsp-Image, .sec-CollectionSplit_StickyMedia .rsp-Image_Image { top: 0; right: 0; bottom: 0; left: 0; position: absolute } .sec-CollectionSplit_Sticky { align-self: flex-start; grid-column: 1/span 6; grid-row: 1; inset-block: 0; padding-block-end: calc(var(--s12) + var(--Dynamic_Card-footer)); position: sticky } .sec-CollectionSplit-stickyOnRight .sec-CollectionSplit_Sticky { grid-column: 7/span 6 } .sec-CollectionSplit_Scroll { grid-column: 7/span 6; grid-row: 1 } .sec-CollectionSplit-stickyOnRight .sec-CollectionSplit_Scroll { grid-column: 1/span 6 } } .sec-CollectionSplit_ProductGrid { display: grid; grid-template-columns:1fr 1fr; row-gap: 24px } .mod-Datepicker { display: flex } .mod-Datepicker_Calendar { flex: 1 1 auto } .mod-Datepicker_Header { align-items: center; display: flex; gap: 20px; justify-content: center; margin-block-end: 12px } .mod-Datepicker_Month { flex: 0 0 105px; text-align: center } .mod-Datepicker_Button { -webkit-appearance: none; background: #0000; border: 0; color: var(--Color_Text-primary); transform: translateY(-2px) } .mod-Datepicker_Button:disabled { color: var(--Color_Text-disable); opacity: .6; pointer-events: none; visibility: visible } .mod-Datepicker_Button svg { block-size: 16px; inline-size: 16px } .mod-Datepicker_WeekDays { display: contents } .mod-Datepicker_WeekDay { cursor: auto; padding: 12px; text-align: center; -webkit-user-select: none; user-select: none } .mod-Datepicker_Days { display: grid; grid-template-columns:repeat(7, 1fr); text-align: center } .mod-Datepicker_Day { cursor: pointer; padding: 12px; text-align: center; -webkit-user-select: none; user-select: none } .mod-Datepicker_Day[disabled] { color: var(--Color_Text-disable); cursor: auto; opacity: .6 } .mod-Datepicker_Day[aria-pressed] { font-weight: 300 } .mod-Datepicker_Day-empty { cursor: auto } .drw-Drawer-account .drw-Drawer_Body { padding: 16px var(--Drawer_Spacing) } @media (min-width: 1200.02px) { .drw-Drawer-account .drw-Drawer_Body { padding: var(--s16) calc(var(--Drawer_Spacing) * 2) } } .drw-Account { display: block } .drw-Account_Buttons-login { display: flex; flex-direction: column; gap: 32px; padding-block: 32px } .drw-Account_Details { border-block-end: .5px solid var(--Color_Border-secondary); padding-block: 32px } .drw-Account_DetailsInner { gap: 16px; justify-content: center; text-align: center } .drw-Account_DetailsInner, .drw-Account_Tier { align-items: center; display: flex; flex-direction: column } .drw-Account_Tier { border-block-end: .5px solid var(--Color_Border-secondary); padding-block: 32px } .drw-Account_TierTitle { margin-block-end: 32px } .drw-Account_TierTiers { border-block-start: 1px solid; display: flex; flex-direction: row; inline-size: 100%; justify-content: space-between; margin-inline: auto; max-inline-size: 265px } .drw-Account_TierTier { color: var(--Color_Text-secondary); padding-block-start: 16px } .drw-Account_TierTier-active { color: var(--Color_Text-primary); position: relative } .drw-Account_TierTier-active:before { background-color: var(--Color_Text-primary); block-size: 12px; content: ""; display: block; inline-size: 1px; inset-block-start: -6px; inset-inline-start: 50%; position: absolute } .drw-Account_Menu { padding-block: 32px } .drw-Account_MenuLink { align-items: center; display: flex; inline-size: 100%; justify-content: space-between; padding: 6px 0 } .drw-Account_MenuDetails { align-items: center; display: flex; flex-grow: 1; gap: 4px } .drw-Account_MenuName { text-transform: none } .drw-Account_MenuIcon { inline-size: 16px } .drw-Account_ContactHeading { padding-block: 32px } .drw-Account_Services { margin-inline-end: calc(var(--Drawer_Spacing) * -1) } @media (min-width: 1200.02px) { .drw-Account_Services { margin-inline-end: calc(var(--Drawer_Spacing) * -2) } } .drw-Account_ServicesInner { margin-block-end: 30px } .drw-Account_ServicesHeading { padding-block: 32px 0 } .drw-BackInStock { display: block; margin-block: var(--Site_Margin); margin-inline: var(--Drawer_Spacing) } @media (min-width: 1200.02px) { .drw-BackInStock { margin-inline: calc(var(--Drawer_Spacing) * 2) } } .drw-BackInStock_Text { max-inline-size: 300px } .drw-BackInStock_Form { margin-block-start: 48px } .drw-Drawer-productColours { block-size: 75vh; max-block-size: 75vh } .drw-Drawer-fromRight.drw-Drawer-productColours { block-size: auto; max-block-size: none } .drw-Drawer-fromBottom.drw-Drawer-productColours .drw-Drawer_Header { align-items: normal; border-block-end: 1px solid var(--Color_Border-secondary); margin-inline: 0; padding-block: 24px; padding-inline: var(--Site_Margin) } .drw-Drawer-fromBottom.drw-Drawer-productColours .drw-Drawer_Close { display: none } .drw-Colours { display: grid; gap: 24px 0; grid-template-columns:repeat(3, 1fr); padding: 32px } .drw-Drawer-fromRight .drw-Colours { padding: var(--s16) calc(var(--Drawer_Spacing) * 2) } .drw-Colours_Item { display: block } .drw-Colours_Image { position: relative } .drw-Colours_Name { display: block; margin-block-start: 8px; text-align: center } .drw-Colours_Item-active .drw-Colours_Image:after { background-color: var(--Color_Text-primary); block-size: 1px; content: ""; inset-block-end: 0; inset-inline: 0; position: absolute } .drw-ComingSoon_Content { margin-inline: var(--Drawer_Spacing); padding-block: var(--Site_Margin) } @media (min-width: 1200.02px) { .drw-ComingSoon_Content { margin-inline: calc(var(--Drawer_Spacing) * 2) } } .drw-ComingSoon_Text { max-inline-size: 300px } .drw-ComingSoon_Form { display: block; margin-block-start: 48px } .drw-CountrySwitcher_Dialog { background: #0000; block-size: fit-content; border: 0; inset-block: auto 0; inset-inline-start: var(--Site_Margin); padding: 0; position: fixed } .drw-CountrySwitcher_Dialog::backdrop { background-color: var(--Color_Background-overlay) } .drw-CountrySwitcher_Modal { -webkit-overflow-scrolling: touch; background-color: var(--Color_Background-primary); color: var(--Color_Text-primary); display: flex; flex-direction: column; inline-size: 100vw; min-inline-size: 1px; overflow-y: auto; padding: 32px; position: relative; z-index: 2 } @media (min-width: 768px) { .drw-CountrySwitcher_Modal { inline-size: 33vw; inline-size: 100vw; max-inline-size: 600px; max-inline-size: 420px } } .drw-CountrySwitcher_Message { margin-block-end: 48px } .drw-CountrySwitcher_Select { border-color: var(--Color_Border-primary); color: var(--Color_Text-primary); padding-block-end: 0 } .drw-CountrySwitcher_SelectIcon { block-size: 15px; display: none; inline-size: 15px; padding-block-end: 0 } @media (min-width: 1023.02px) { .drw-CountrySwitcher_SelectIcon { display: flex } } .drw-CountrySwitcher_SelectIcon svg { block-size: 15px; inline-size: 15px } .drw-CountrySwitcher_SelectLabel { color: var(--Color_Text-secondary); font-size: 10px; inset-block-start: 50%; inset-inline-end: 0; padding-block-end: 12px; pointer-events: none; position: absolute; transform: translateY(-50%); z-index: 1 } @media (min-width: 1023.02px) { .drw-CountrySwitcher_SelectLabel { display: none } } .drw-CountrySwitcher_Button { background-color: initial; border-color: var(--Color_Border-primary); color: var(--Color_Text-primary); margin-block-start: 32px } .drw-Drawers_Drawer { position: relative; z-index: 11 } .drw-Drawers_Backdrop { background-color: #09090926; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; position: fixed; visibility: hidden; z-index: 10 } .drw-Drawers-active .drw-Drawers_Backdrop { opacity: 1; visibility: visible } .drw-Filters_Inner { margin-block: 24px 128px; margin-inline: calc(var(--Site_Margin) * 2) } @media (min-width: 1023.02px) { .drw-Filters_Inner { margin-block-start: 12px } } .drw-Filters_Groups { display: grid; gap: 1px } .drw-Filters_Group { border: 0; margin: 0; padding: 0 } .drw-Filters_Group-sorting { display: none; margin-block-start: 32px } .drw-Filters_Header { align-items: center; display: flex; gap: 4px; inline-size: 100%; min-block-size: 40px } .drw-Filters_Heading { flex-grow: 1; font-weight: 300; text-align: start; -webkit-user-select: none; user-select: none } .drw-Filters_Header[aria-expanded=true] .drw-Filters_HeaderIcon { transform: rotate(180deg) } .drw-Filters_SelectedOptions { color: var(--Color_Text-secondary) } .drw-Filters_Options { display: grid; grid-template-rows:0fr; overflow: hidden; transition: grid-template-rows .3s ease } .drw-Filters_Options[aria-hidden=false] { grid-template-rows:1fr } .drw-Filters_OptionsClip { min-block-size: 0; overflow: hidden } .drw-Filters_OptionsList { display: grid; gap: 0; grid-template-columns:repeat(var(--options-columns, 2), minmax(0, 1fr)); padding: 20px 1px 32px } .drw-Filters_Sorts { display: grid; grid-template-rows:0fr; transition: grid-template-rows .3s ease } .drw-Filters_Sorts[aria-hidden=false] { grid-template-rows:1fr } .drw-Filters_SortsList { overflow: hidden } .drw-Filters_Sort { align-items: center; color: var(--Color_Text-primary); display: flex; gap: 4px; margin-block-end: 8px } .drw-Filters_Sort:before { block-size: 8px; border: solid 1px var(--Color_Border-primary); border-radius: 50%; content: " "; display: inline-block; inline-size: 8px } .drw-Filters_Sort:has(.drw-Filters_SortInput:checked):before { background-color: var(--Color_Background-primary); box-shadow: inset 0 0 0 1.5px var(--Color_Text-primary) } .drw-Filters_Option { background-color: var(--Color_Background-primary); position: relative } .drw-Filters_Option:after { content: ""; top: 0; right: 0; bottom: 0; left: 0; outline: solid .5px var(--Color_Text-primary); pointer-events: none; position: absolute } .drw-Filters_Checkbox { align-items: center; cursor: pointer; display: flex; inline-size: 100%; justify-content: center; padding: 14px; position: relative; text-align: center; transition: opacity .3s ease } @media (min-width: 1023.02px) { .drw-Filters_Checkbox { padding-block: 6px } } @media (hover: hover),(min-width: 1600px) { .drw-Filters_Checkbox:hover { background-color: var(--Color_Surface-primary); opacity: .6 } } .drw-Filters_Input:checked + .drw-Filters_Checkbox { background-color: var(--Color_Surface-secondary) } .drw-Filters_Input[disabled] + .drw-Filters_Checkbox { background-color: var(--Color_Surface-primary); color: var(--Color_Text-disable); cursor: not-allowed } .drw-Filters_Checkbox-color { display: flex; justify-content: flex-start; text-align: start } .drw-Filters_Checkbox-color:before { background-color: var(--Swatch_Color); content: ""; display: block; inline-size: 7px; inset-block: 0; inset-inline-start: 0; position: absolute; z-index: 1 } .drw-Filters_FooterButton { flex-grow: 1; font-weight: 300; inline-size: 100%; text-transform: none } .drw-Filters_FooterButton[aria-hidden=true] { display: none } .drw-Filters_FooterButton-clear { background-color: inherit; border: none; font-weight: 300; padding-block-end: 0; -webkit-text-decoration: underline; text-decoration: underline; text-transform: none } .drw-Header { align-items: center; background-color: var(--Color_Background-primary); display: grid; inset-block-start: 0; position: sticky; z-index: 3 } @media (min-width: 768px) { .drw-Header { display: none } } .drw-Header_Items { align-items: center; display: flex; grid-column: 1; grid-row: 1 } .drw-Header_Items-left { justify-self: flex-start } .drw-Header_Items-right { justify-self: end } .drw-Header_Link { align-items: center; block-size: var(--Header_Height); display: flex; padding-block-start: 4px; padding-inline: var(--Site_Margin); position: relative } .drw-Header_Icon { block-size: 16px; inline-size: 16px; position: relative } .drw-Header_CartCount { font-size: 8px; font-weight: 300; inset-block-start: -3px; inset-inline-end: -3px; line-height: 8px; position: absolute; text-align: center; z-index: 0 } .drw-Header_CartCount[aria-hidden=true] { display: none } .drw-HorizontalGalleryProducts_Close { align-items: center; display: flex; gap: 6px; margin: calc(var(--Site_Margin) * 2) var(--Site_Margin) } .drw-HorizontalGalleryProducts_Close svg { block-size: 16px; inline-size: 16px } .drw-HorizontalGalleryProducts_Carousel { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; margin-block: var(--Site_Margin); overflow: hidden; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none } .drw-HorizontalGalleryProducts_Carousel::-webkit-scrollbar { display: none } .drw-HorizontalGalleryProducts_Items { display: flex; gap: var(--Grid_Gutter); padding-inline: var(--Site_Margin) } .drw-HorizontalGalleryProducts_Item { flex-grow: 0; flex-shrink: 0; inline-size: 40% } .drw-MultipleSizes { display: block; padding: 32px } .drw-MultipleSizes_Header { margin-block-end: 48px; text-align: center } .drw-MultipleSizes_Buttons { margin-block-start: 48px } .drw-MultipleSizes_Button { inline-size: 100% } .drw-MultipleSizes_CloseButton { align-items: center; display: flex; font-weight: 300; gap: 6px; margin-block-start: 32px; margin-inline: auto } .drw-MultipleSizes_CloseButton svg { block-size: 15px; inline-size: 15px } .drw-Navigation { margin-block-start: var(--s6); padding: var(--Site_MarginInset) } .drw-Drawer-active .drw-Navigation_Items:not(.drw-Navigation_Items-subnav) { animation: menu-slide-down .4s cubic-bezier(.22, .61, .36, 1) } .drw-Drawer-subnav .drw-Drawer_Body-subnav { opacity: 0; transform: translate(100%); transition: transform .3s ease-in-out, opacity .6s ease-in-out } .drw-Drawer-subnav.drw-Drawer-active .drw-Drawer_Body-subnav { opacity: 1; transform: translate(0); transition: transform .3s ease-in-out, opacity .6s ease-in-out } .drw-Drawer-subnav.drw-Drawer-active .drw-Navigation_Items-subnav { animation: menu-slide-down .4s cubic-bezier(.22, .61, .36, 1) } .drw-Navigation_Tabs { border-block-end: .5px solid var(--Color_Border-secondary); display: flex; margin-block-end: var(--s24) } .drw-Navigation_Tab { flex: 1; padding-block-end: var(--s16); position: relative; text-align: center } .drw-Navigation_Tab:after { background-color: var(--Color_Border-primary); block-size: 1px; content: ""; display: block; inline-size: 100%; inset-block-end: -1px; inset-inline-start: 0; position: absolute; transform: scale(0); transition: transform .3s ease; z-index: 1 } .drw-Navigation_Tab[aria-pressed=true] { font-weight: 300 } .drw-Navigation_Tab[aria-pressed=true]:after { transform: none } .drw-Navigation_TabIcon { block-size: 15px; inline-size: 15px; inset-block-start: 50%; inset-inline-start: 0; pointer-events: none; position: absolute; transform: translateY(-50%) } .drw-Navigation_Panel { display: block } .drw-Navigation_Panel[aria-hidden=true] { display: none } .drw-Navigation_Item-spacer { margin-block-end: var(--s24) } .drw-Navigation_Link { align-items: center; display: flex; inline-size: 100%; justify-content: flex-start; padding-block: var(--s8); position: relative; text-align: start } .drw-Navigation_Icon { block-size: 15px; inline-size: 15px; inset-block-start: 50%; inset-inline-end: 0; pointer-events: none; position: absolute; transform: translateY(-50%) } .drw-Navigation_Promo { align-self: flex-start; display: grid; margin-block: 40px; position: relative } .drw-Navigation_PromoImage { grid-column: 1; grid-row: 1 } .drw-Navigation_PromoBody { align-content: end; grid-column: 1; grid-row: 2; padding-block: 12px; z-index: 1 } .drw-Navigation_PromoLink { align-items: center; display: inline-flex; gap: 4px } .drw-Navigation_PromoLink:after { block-size: 100%; content: ""; inline-size: 100%; inset-block-start: 0; inset-inline-end: 0; position: absolute } .drw-Navigation_PromoLink-white { color: var(--Color_White) } .drw-Preorder { display: block; padding: 32px } .drw-Preorder_Header { margin-block-end: 48px; text-align: center } .drw-Preorder_Buttons { margin-block-start: 48px } .drw-Preorder_Button { inline-size: 100% } .drw-Preorder_CloseButton { align-items: center; display: flex; font-weight: 300; gap: 6px; margin-block-start: 32px; margin-inline: auto } .drw-Preorder_CloseButton svg { block-size: 15px; inline-size: 15px } .drw-Drawer.drw-Drawer-productDetailsMobile { min-block-size: 70vh } @media (min-width: 1023.02px) { .drw-Drawer.drw-Drawer-productDetailsMobile { display: none } } .mob-Tabs { display: block } .mob-Tabs_Bar { background-color: var(--Color_Background-primary); border-block-end: solid var(--Border_Width) var(--Color_Border-secondary); display: flex; gap: 0; inset-block-start: 0; overflow-x: auto; overscroll-behavior-x: contain; padding-block: 0; padding-inline: var(--s16) var(--s32); position: sticky; scrollbar-width: none; z-index: 2 } .mob-Tabs_Bar::-webkit-scrollbar { display: none } .mob-Tabs_Tab { flex-shrink: 0; padding-block: var(--s24); padding-inline: var(--s16); transition: color .3s ease; white-space: nowrap } .mob-Tabs_Tab[aria-current=true] { -webkit-text-decoration: underline; text-decoration: underline; text-underline-offset: 2px } .mob-Tabs_Panels { padding-block: var(--s24) var(--s32); padding-inline: var(--s32) } .mob-Tabs_Panels .rte-RichText ul { padding-inline-start: 0 } .mob-Tabs_Panel[aria-hidden=true] { display: none } .mob-Tabs_Panel .drw-SizeGuide { padding: 0 } .mob-Tabs_Panel p { margin-block-end: var(--s12) } .drw-ProductDetails_Accordion { display: block } .drw-ProductDetails_Accordion .rte-RichText ul { padding-inline-start: 0 } .drw-ProductDetails_Tab { align-items: center; display: flex; gap: 10px; inline-size: calc(100% - 48px); justify-content: space-between; margin-inline: 24px; padding-block: 8px } .drw-ProductDetails_Accordion .drw-ProductDetails_Tab, .prd-Detail_SelectColour .drw-ProductDetails_Tab { inline-size: 100%; margin-inline: 0 } .drw-ProductDetails_Icon { block-size: 16px; inline-size: 16px; transition: transform .3s ease } .drw-ProductDetails_Tab[aria-expanded=true] .drw-ProductDetails_Icon { transform: rotate(180deg) } .drw-ProductDetails_Expand { display: grid; grid-template-rows:0fr; transition: grid-template-rows .3s ease } .drw-ProductDetails_Expand[aria-hidden=false] { grid-template-rows:1fr } .drw-ProductDetails_Content { overflow: hidden } [aria-hidden=false] .drw-ProductDetails_Content { padding-block: 24px 40px } [aria-hidden=false] .drw-ProductDetails_Content p { margin-block-end: 12px } .drw-ProductDetails_CertificationIcon { block-size: 36px; inline-size: 36px; margin-block: 24px; margin-inline-start: auto } .drw-ProductDetails_Returns, .drw-ProductDetails_Shipping { margin-block-end: 24px } .drw-Drawer_USPs { display: flex; flex-direction: column; gap: 1px } .drw-Returns { --Ingrid_Height: 320px; display: block; padding: 32px } .drw-Returns_Iframe { block-size: var(--Ingrid_Height); inline-size: 100% } .drw-Returns_Switcher { font-weight: 300; margin-block-end: 32px } .drw-SearchForm { border-block-end: var(--Border_Width) solid var(--Color_Border-primary); display: flex } .drw-SearchForm_Fieldset { border: 0; flex-grow: 1; margin: 0; padding: 0 } .drw-SearchForm_Input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: initial; background-image: none !important; block-size: 40px; border: none; color: var(--Color_Text-primary); font-size: 16px; font-weight: 300; inline-size: 100%; line-height: 1.5; padding: 0 } @media (min-width: 1023.02px) { .drw-SearchForm_Input { font-size: 14px } } .drw-SearchForm_Input::placeholder { color: var(--Color_Text-secondaey); opacity: 1 } .drw-SearchForm_Footer { visibility: hidden } .drw-SearchForm_Submit { align-items: center; block-size: 40px; display: flex; inline-size: 40px; justify-content: center } .drw-SearchForm_Submit svg { block-size: 16px; inline-size: 16px } .drw-Search { display: block; position: relative; z-index: 2 } @media (min-width: 1023.02px) { .drw-Search { overflow: hidden } } .drw-Search-showResults { inline-size: 100vw } @media (min-width: 1023.02px) { .drw-Search_Columns { block-size: 100%; display: flex; flex-direction: row-reverse } } .drw-Search_Column-form { inline-size: 100vw; padding: 112px calc(var(--Site_Margin) * 2) var(--Site_Margin) } @media (min-width: 1023.02px) { .drw-Search_Column-form { -webkit-overflow-scrolling: touch; -ms-overflow-style: none; flex-grow: 0; flex-shrink: 0; inline-size: 33vw; max-inline-size: 600px; overflow-y: auto; padding-block: 60px calc(var(--Site_Margin) * 2); scrollbar-width: none } .drw-Search_Column-form::-webkit-scrollbar { display: none } } .drw-Search_Column-products { padding-block-end: var(--Site_Margin); position: relative; z-index: 1 } @media (min-width: 1023.02px) { .drw-Search_Column-products { -webkit-overflow-scrolling: touch; -ms-overflow-style: none; flex-grow: 1; overflow-y: auto; padding-block: var(--Site_Margin); padding-inline-start: var(--Site_Margin); scrollbar-width: none } .drw-Search_Column-products::-webkit-scrollbar { display: none } } .drw-Search_Column-products[aria-hidden=true] { display: none } .drw-Search_Form { padding-block-start: calc(var(--Drawer_Spacing) + 16px) } @media (max-width: 1023px) { .drw-Search_Form { background-color: var(--Color_Background-primary); inset-block-start: 0; inset-inline: 0; padding-block-start: var(--Site_Margin); padding-inline: var(--Drawer_Spacing); position: fixed; z-index: 2 } } @media (min-width: 1023.02px) { .drw-Search_Form { margin-block-end: var(--s32); position: relative } } @media (min-width: 1200.02px) { .drw-Search_Form { padding-block-start: 0 } } .drw-Search_Close { align-items: center; block-size: 40px; display: flex; inline-size: 40px; inset-block-start: var(--Site_Margin); inset-inline-end: var(--Site_Margin); justify-content: flex-end; position: absolute; z-index: 1 } @media (min-width: 1023.02px) { .drw-Search_Close { inset-block-start: -36px; inset-inline-end: calc(var(--Site_Margin) * -1) } } .drw-Search_Close svg { block-size: 16px; inline-size: 16px } .drw-Search_Panel[aria-hidden=true] { display: none } .drw-Search_Blocks { display: grid; gap: calc(var(--Site_Margin) * 2) } @media (max-width: 1023px) { .drw-Search_Blocks { position: relative } } .drw-Search_Block:has(.drw-Search_LinkItems) { display: none } .drw-Search_Block:has(.drw-Search_LinkItems):has(.drw-Search_LinkItem) { display: block } .drw-Search_Heading { margin-block-end: var(--s24) } .drw-Search_LinkItems { display: grid; gap: 8px } @media (min-width: 1023.02px) { .drw-Search_LinkItems { gap: 12px } } .drw-Search_Link { align-items: center; color: var(--Color_Text-secondary); display: flex } .drw-Search_Link mark { background: #0000; color: var(--Color_Text-secondary); font-weight: 300 } .drw-Search_Link svg { margin-inline-end: 8px } .drw-Search_Link strong { color: var(--Color_Text-primary); display: contents; font-weight: 400 } .drw-Search_Link:has(.drw-Search_Arrow-search) { color: var(--Color_Text-secondary) } .drw-Search_Link-bold, .drw-Search_Link:has(.drw-Search_Arrow-search) mark { color: var(--Color_Text-primary) } .drw-Search_Link-bold { font-weight: 300 } .drw-Search_Arrow { display: block; flex-shrink: 0; inline-size: 15px; margin-inline-end: 8px } .drw-Search_Arrow svg { margin: 0 } .drw-Search_Arrow-search { inline-size: 10px } .drw-Search_Items { display: grid; grid-auto-flow: dense; grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap: 25px } @media (min-width: 1023.02px) { .drw-Search_Items { row-gap: 65px } } @media (min-width: 1200.02px) { .drw-Search_Items { grid-template-columns:repeat(3, minmax(0, 1fr)) } } .drw-Search_Filters { display: block } @media (max-width: 1023px) { .drw-Search_Filters { inset-block-start: 0; inset-inline-end: 0; position: absolute } } @media (min-width: 1023.02px) { .drw-Search_Filters { border-block-start: var(--Border_Width) solid var(--Color_Border-primary); margin-inline: calc(var(--Site_Margin) * -1); padding-block-start: 12px } } .drw-Search_FiltersTrigger { align-items: center; display: flex; gap: 4px; inline-size: 100%; justify-content: flex-end } @media (min-width: 1023.02px) { .drw-Search_FiltersTrigger { padding-block: 12px } } .drw-Search_Icon { block-size: 16px; display: flex; inline-size: 16px } .drw-Search_FiltersTrigger[aria-expanded=true] .drw-Search_Icon-plus, .drw-Search_Icon-minus { display: none } .drw-Search_FiltersTrigger[aria-expanded=true] .drw-Search_Icon-minus { display: block } @media (max-width: 1023px) { .drw-Search_Expand { -ms-overflow-style: none; background-color: var(--Color_Background-primary); top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; padding: var(--Site_Margin) calc(var(--Site_Margin) * 2) calc(var(--Site_Margin) * 2); position: fixed; scrollbar-width: none; z-index: 2 } .drw-Search_Expand::-webkit-scrollbar { display: none } } @media (min-width: 1023.02px) { .drw-Search_Expand { margin-inline: var(--Site_Margin) } } .drw-Search_Expand[aria-hidden=true] { display: none } .drw-Search_FiltersHeader { align-items: center; display: flex; justify-content: space-between; margin-block-end: calc(var(--Site_Margin) * 2); margin-inline: calc(var(--Site_Margin) * -1) } @media (min-width: 1023.02px) { .drw-Search_FiltersHeader { display: none } } .drw-Search_FiltersClose { align-items: center; block-size: 40px; display: flex; inline-size: 40px; justify-content: flex-end } .drw-Search_FiltersClose svg { block-size: 16px; inline-size: 16px } .drw-Search_Groups { display: grid; gap: calc(var(--Site_Margin) * 2) } .drw-Search_Buttons { display: flex; margin-block-start: calc(var(--Site_Margin) * 2) } @media (min-width: 1023.02px) { .drw-Search_Buttons { display: none } .drw-Search_Buttons-hasFilters { display: flex } } .drw-Search_Button { flex-grow: 1; inline-size: 50% } .drw-Search_Button[aria-hidden=true] { display: none } @media (min-width: 1023.02px) { .drw-Search_Button-close { display: none } } .drw-Search_Button-clear { background-color: var(--Color_Background-primary); color: var(--Color_Text-primary) } .drw-SizeGuide { display: block; padding-block: 24px } .drw-Drawer-productDetails .drw-SizeGuide { padding: 0 } .drw-Drawer-productDetails .drw-Drawer_Body, .drw-Drawer-sizeGuide .drw-Drawer_Body { padding: 16px var(--Drawer_Spacing) } @media (min-width: 1200.02px) { .drw-Drawer-productDetails .drw-Drawer_Body, .drw-Drawer-sizeGuide .drw-Drawer_Body { padding: var(--s16) calc(var(--Drawer_Spacing) * 2) } } .drw-SizeGuide_Title { margin-block-end: 24px } .drw-SizeGuide_Switch .drw-SizeGuide_Title { margin-block-end: 0 } .drw-SizeGuide_Title span { display: none } .drw-SizeGuide_Title span[data-size=selected], .drw-SizeGuide_Title-hide span { display: block } .drw-SizeGuide_Title-hide span[data-size=selected] { display: none } .drw-SizeGuide_Switch { align-items: center; display: flex; justify-content: space-between; margin-block: 48px 24px } .drw-SizeGuide_Links { align-items: center; display: flex; gap: 12px; justify-content: flex-end } .drw-SizeGuide_Switch:has(.drw-SizeGuide_Title-hide) .drw-SizeGuide_Links { display: none } .drw-SizeGuide-in .drw-SizeGuide_Link-cm { font-weight: 300 } .drw-SizeGuide_Table { display: block; margin-block-end: 32px; overflow: auto } .drw-SizeGuide_Table .rte-RichText_Table { margin-inline: 0; padding-inline: 0 } .drw-SizeGuide_Table-hide { display: none } .drw-SizeGuide_Text ul { padding-inline-start: 0 } .drw-ProductOptions { padding-inline: var(--Drawer_Spacing) } @media (min-width: 1200.02px) { .drw-ProductOptions { padding-inline: calc(var(--Drawer_Spacing) * 2) } } .drw-StoreAvailability { display: flex; flex-direction: column; gap: 30px; margin-block-start: 30px; padding-inline: var(--Drawer_Spacing) } @media (min-width: 1200.02px) { .drw-StoreAvailability { padding-inline: calc(var(--Drawer_Spacing) * 2) } } .drw-StoreAvailability .prd-StoreAvailability { background-color: var(--Color_White) } .drw-StoreAvailability_City { display: flex; flex-direction: column; gap: 1px } .drw-StoreAvailability_Title { margin-block-end: 20px } .drw-Variants { display: block; padding: 16px 16px 24px } .drw-Variants_SizeGuideButton { align-items: center; display: flex; flex-direction: column; gap: 24px; inline-size: 100%; justify-content: center; margin-block: 10px 6px } .drw-Variants_SizeGuideButtonLink { -webkit-text-decoration: underline; text-decoration: underline } .drw-Variants_Success { align-items: center; display: flex; flex-direction: column; gap: 48px; justify-content: center; padding-block: 24px 12px; text-align: center } .drw-Variants_Success[aria-expanded=false] { display: none } .drw-Variants_Options { display: block } .drw-Variants_Options[aria-expanded=false] { display: none } .drw-Variants_Button { font-weight: 300; text-align: center } .drw-Drawer { -webkit-backdrop-filter: var(--Effect_Blur-drawer); backdrop-filter: var(--Effect_Blur-drawer); background-color: var(--Color_Background-drawer); display: flex; inset-block: 0; opacity: 0; position: fixed; transition: opacity .3s ease-out, visibility .3s ease; visibility: hidden; z-index: 11 } .drw-Drawer-fromRight { inset-inline-end: 0 } .drw-Drawer-fromLeft { inset-inline-start: 0 } .drw-Drawer-fromBottom, .drw-Drawer-multipleSizes, .drw-Drawer-preorder { inset-block-start: auto; inset-inline: 0; max-block-size: 70vh } @media (min-width: 1023.02px) { .drw-Drawer-multipleSizes, .drw-Drawer-preorder { inset-block: 50% auto; inset-inline-start: 50%; transform: translate(-50%, -50%) } } .drw-Drawer-central { max-block-size: 70vh } @media (max-width: 767.98px) { .drw-Drawer-central { inset-block-start: auto; inset-inline: 0 } } @media (min-width: 1023.02px) { .drw-Drawer-central { inset-block: 50% auto; inset-inline-start: 50%; transform: translate(-50%, -50%) } } .drw-Drawer-active { opacity: 1; pointer-events: auto; transition: opacity .1s linear; visibility: visible } .drw-Drawer-help { background-color: var(--Color_Background-drawer); color: var(--Color_Text-primary) } .drw-Drawer_Inner { -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; inline-size: 100vw; overflow-y: auto; position: relative; z-index: 2 } @media (min-width: 768px) { .drw-Drawer_Inner { inline-size: clamp(400px, 33vw, 600px) } } .drw-Drawer-fromBottom .drw-Drawer_Inner, .drw-Drawer-fullScreen .drw-Drawer_Inner { inline-size: 100vw; max-inline-size: none } .drw-Drawer-help .drw-Drawer_Inner { background-color: var(--Color_Background-drawer) } @media (min-width: 768px) { .drw-Drawer-central .drw-Drawer_Inner { max-inline-size: 420px } } @media (max-width: 1023px) { .drw-Drawer-multipleSizes .drw-Drawer_Inner, .drw-Drawer-preorder .drw-Drawer_Inner { inline-size: 100vw; max-inline-size: none } } @media (min-width: 1023.02px) { .drw-Drawer-multipleSizes .drw-Drawer_Inner, .drw-Drawer-preorder .drw-Drawer_Inner { max-inline-size: 420px } } .drw-Drawer_Body { flex-grow: 1 } .drw-Drawer_Header { align-items: center; background-color: var(--Color_Background-primary); display: flex; flex-direction: column; flex-shrink: 0; gap: 20px; inset-block-start: 0; padding-block: 32px 16px; padding-inline: var(--Drawer_Spacing) 20px; position: sticky; z-index: 3 } @media (min-width: 1023.02px) { .drw-Drawer_Header { justify-content: space-between; padding-inline: var(--Drawer_Spacing) } } @media (min-width: 1200.02px) { .drw-Drawer_Header { padding-inline: calc(var(--Drawer_Spacing) * 2) var(--Drawer_Spacing) } } @media (max-width: 767.98px) { .drw-Header + .drw-Drawer_Header { inset-block-start: var(--Header_Height) } } .drw-Drawer_Header .drw-Drawer_HeaderTop { display: flex; inline-size: 100%; justify-content: space-between } .drw-Drawer_Header .drw-Drawer_HeaderBottom { inline-size: 100% } .drw-Drawer-backInStock .drw-Drawer_Header, .drw-Drawer-comingSoon .drw-Drawer_Header, .drw-Drawer-sizeGuide .drw-Drawer_Header, .drw-Drawer-storeAvailability .drw-Drawer_Header { justify-content: space-between; text-align: start } .drw-Drawer_Close svg { inline-size: 16px } .drw-Drawer-backInStock .drw-Drawer_Close, .drw-Drawer-comingSoon .drw-Drawer_Close, .drw-Drawer-sizeGuide .drw-Drawer_Close, .drw-Drawer-storeAvailability .drw-Drawer_Close { display: block } .drw-Drawer_Close .drw-Drawer-storeAvailability .prd-Options_Options { gap: 16px } .drw-Drawer-help .drw-Drawer_Close { display: block; inset-block-start: 22px; inset-inline-end: 0; position: absolute } .drw-Drawer_Header-basic .drw-Drawer_Close { display: initial } .drw-Drawer_Footer { inset-block-end: 0; padding-block-end: var(--Drawer_Spacing); padding-inline: var(--Drawer_Spacing); position: sticky; z-index: 2 } @media (min-width: 1200.02px) { .drw-Drawer_Footer { padding-block-end: var(--s48); padding-inline: calc(var(--Drawer_Spacing) * 2) } } .drw-Drawer_Footer:not(.drw-Drawer_Footer-noBorder):before { border-block-start: solid var(--Border_Width) var(--Color_Border-primary); content: ""; display: block } .drw-Drawer-productDetails .drw-Drawer_Footer:before { display: none } .drw-Drawer-help .drw-Drawer_Footer { background-color: var(--Color_Background-primary) } .drw-Drawer-help .drw-Drawer_Button { background-color: initial; border-color: var(--Color_Border-primary); color: var(--Color_Text-primary); margin-block-end: 28px } .drw-Drawer-country { inset-block-start: auto } @media (min-width: 1023.02px) { .drw-Drawer-country { inset-inline-start: var(--Site_Margin) } } .drw-Drawer-country .drw-Drawer_Inner { background-color: var(--Color_Background-primary); color: var(--Color_Text-primary); min-inline-size: 1px; padding: 32px } @media (min-width: 768px) { .drw-Drawer-country .drw-Drawer_Inner { inline-size: 100vw; max-inline-size: 420px } } .ft-Footer { padding-block-end: var(--s32) } @media (min-width: 1023.02px) { .ft-Footer { padding-block: var(--s64) var(--s32) } } .ft-Footer_Columns { display: grid; margin-block-end: var(--s48); margin-inline: var(--s32) } @media (min-width: 1023.02px) { .ft-Footer_Columns { grid-template-columns:repeat(4, 1fr); margin-block-end: var(--s72) } } .ft-Footer_Columns:last-child { margin-block-end: 0 } .ft-Footer_Column-logo { order: -1 } @media (min-width: 1023.02px) { .ft-Footer_Column-logo { order: 0 } } .ft-Footer_Column-company { order: -1 } @media (min-width: 1023.02px) { .ft-Footer_Column-company { order: 0 } .ft-Footer_Column-legal { display: none } } .ft-Footer_Column-copyright { display: none } @media (min-width: 1023.02px) { .ft-Footer_Column-copyright { display: block; grid-column: span 2 } } .ft-Footer_Column-country { margin-block-start: 24px } @media (min-width: 1023.02px) { .ft-Footer_Column-country { margin-block-start: 0 } .ft-Footer_Column-payment { grid-column: 2/span 2 } } .ft-Footer_Column-delivery { margin-block-start: var(--Site_Margin) } @media (min-width: 1023.02px) { .ft-Footer_Column-delivery { grid-column: 4; margin-block-start: 0 } } .ft-Footer_Logo { inline-size: 48px; margin: var(--s48) auto } @media (min-width: 1023.02px) { .ft-Footer_Logo { margin: 0 } } .ft-Footer_Trigger { align-items: center; display: flex; gap: 10px; inline-size: 100%; justify-content: space-between; padding-block: var(--s12) } @media (min-width: 1023.02px) { .ft-Footer_Trigger { display: none } } .ft-Footer_Icon { block-size: 16px; inline-size: 16px } .ft-Footer_Trigger-open .ft-Footer_Icon { transform: rotate(180deg) } .ft-Footer_Expand { display: grid; grid-template-rows:0fr; transition: grid-template-rows .3s ease } @media (min-width: 1023.02px) { .ft-Footer_Expand { display: block } } .ft-Footer_Expand-open { grid-template-rows:1fr } .ft-Footer_Content { overflow: hidden } @media (min-width: 1023.02px) { .ft-Footer_Content { overflow: initial } } .ft-Footer_Items { display: grid; padding-block-end: var(--s32); text-align: center } @media (min-width: 1023.02px) { .ft-Footer_Items { gap: var(--s12); padding-block-end: 0; text-align: start } .ft-Footer_Item { display: flex } } .ft-Footer_Link { display: block; inline-size: 100%; padding-block: 10px; position: relative; white-space: nowrap } @media (min-width: 1023.02px) { .ft-Footer_Link { inline-size: auto; padding-block: 0 } } .ft-Footer_ArrowLink { display: block; inline-size: 100%; padding-block: 10px } @media (min-width: 1023.02px) { .ft-Footer_ArrowLink { align-items: center; display: flex; font-weight: 300; inline-size: auto; padding-block: 0 } } .ft-Footer_NewsletterTrigger { align-items: center; block-size: 48px; border: var(--Border_Width) solid var(--Color_Border-primary); display: flex; inline-size: 100%; justify-content: center; text-align: center } @media (min-width: 1023.02px) { .ft-Footer_NewsletterTrigger { block-size: auto; border: 0; display: inline; inline-size: auto; padding-inline-start: 4px; position: relative; text-align: start; text-transform: none } .ft-Footer_NewsletterTrigger:before { background-color: currentColor; block-size: 13px; content: ""; inline-size: 1px; inset-block-start: 4px; inset-inline-start: 0; position: absolute } } .ft-Footer_Copyrights { display: flex; flex-wrap: wrap; gap: calc(var(--Site_Margin) / 2) var(--Site_Margin) } .ft-Footer_Copyright { color: var(--Color_Text-secondary); white-space: nowrap } .ft-Footer_CopyrightLink { position: relative; white-space: nowrap } .ft-Footer_Shipping { align-items: center; display: flex; flex-wrap: wrap; gap: 2px 6px } .ft-Footer_Shipping svg { block-size: 13px; inline-size: 13px } .ft-Footer_ShippingLabel { font-weight: 300 } .ft-Footer_Deliverys, .ft-Footer_Payments { align-items: center; display: flex; flex-wrap: wrap; gap: 16px } .ft-Footer_Delivery, .ft-Footer_Payment { flex-grow: 0; flex-shrink: 0; inline-size: 40px } .ft-Footer_Delivery img, .ft-Footer_Payment img { object-fit: contain } .gf-GiftCard { block-size: 100vh; justify-content: center; overflow: hidden; position: relative } .gf-GiftCard, .gf-GiftCard_Body { align-items: center; display: flex; flex-direction: column } .gf-GiftCard_Body { background-color: var(--Color_Background-primary); border-radius: 5px; color: var(--Color_Text-primary); inline-size: 100%; max-inline-size: 500px; padding: 40px; text-align: center } @media (min-width: 1023.02px) { .gf-GiftCard_Body { padding: 30px 50px 40px } } .gf-GiftCard_Body.gf-GiftCard_Body-light { color: var(--Color_White) } .gf-GiftCard_Card { inline-size: 100% } .gf-GiftCard_Logo { block-size: 40px; inline-size: 100px; margin-block-end: 30px; margin-inline: auto } .gf-Price_Price-expired { opacity: .3; -webkit-text-decoration: line-through; text-decoration: line-through } .gf-Price_Expired { color: var(--Color_Text-sale) } .gf-QR { margin-block-start: 30px } .gf-QR_Code { block-size: 200px; inline-size: 200px; margin-inline: auto } .gf-Info { margin-block-start: var(--Site_Margin) } .gf-Info_Code { margin-block-start: 5px } .gf-Info_Copy { margin-block-start: 20px; position: relative } .gf-Info_CopyBtn { align-items: center; justify-content: space-between } .gf-Info_CopyBtnIcon { block-size: 18px; inline-size: 18px; margin-block-start: -2px; position: relative; z-index: 2 } .gf-Info_CopySuccess { align-items: center; border-radius: 5px; color: var(--Color_Text-primary); display: flex; font-size: 13px; inset-block-start: 80%; inset-inline-start: 50%; justify-content: center; margin-block-start: 20px; opacity: 1; padding: 10px 20px; text-align: center; transform: translate(-50%); transition: opacity .25s ease .05s, visibility 0s; -webkit-user-select: none; user-select: none; visibility: visible; z-index: 100 } .gf-Info_CopySuccess, .gf-Info_CopySuccess:after { background-color: var(--Color_Surface-primary); position: absolute } .gf-Info_CopySuccess:after { block-size: 18px; content: ""; inline-size: 18px; inset-block-start: -9px; transform: rotate(45deg); z-index: -1 } .gf-Info_CopySuccess-hide { opacity: 0; transition: opacity .25s ease, visibility 0s .35s; visibility: hidden } .gf-Info_Success { white-space: nowrap } .gf-Info_Copy-success { inline-size: 100% } .gf-Info_Buttons { display: flex; gap: 30px; justify-content: center; margin-block-start: 30px } .gf-Info_Button { --Button_Arrow: var(--Color_Text-secondary) } .gf-Info_Button:before { background-color: var(--Color_Surface-primary) } @media print { .gf-GiftCard_Logo, .gf-QR { display: block } .gf-GiftCard_Background, .gf-Info { display: none } } .ani-AnimatedList { --ani-AnimatedList_Stagger: 35ms; --ani-AnimatedList_OpenDuration: .4s; --ani-AnimatedList_CloseDuration: .2s; --ani-AnimatedList_OpenDistance: 6px; --ani-AnimatedList_CloseDistance: 3px; --ani-AnimatedList_Easing: cubic-bezier(.22, .61, .36, 1) } .ani-AnimatedList[data-ani-state=closed] { display: none } .ani-AnimatedList > .ani-AnimatedList_Item { animation-fill-mode: both; animation-timing-function: var(--ani-AnimatedList_Easing); opacity: 0; will-change: opacity, transform } .ani-AnimatedList[data-ani-state=opening] > .ani-AnimatedList_Item { --ani-AnimatedList_Index: var(--ani-AnimatedList_ForwardIndex); animation-delay: calc(var(--ani-AnimatedList_Index) * var(--ani-AnimatedList_Stagger)); animation-duration: var(--ani-AnimatedList_OpenDuration); animation-name: ani-AnimatedList_Open } .ani-AnimatedList[data-ani-state=open] > .ani-AnimatedList_Item { opacity: 1; transform: translateY(0) } .ani-AnimatedList[data-ani-state=closing] > .ani-AnimatedList_Item { --ani-AnimatedList_Index: var(--ani-AnimatedList_ReverseIndex); animation-delay: calc(var(--ani-AnimatedList_Index) * var(--ani-AnimatedList_Stagger)); animation-duration: var(--ani-AnimatedList_CloseDuration); animation-name: ani-AnimatedList_Close } .ani-AnimatedList[data-ani-state=closed] > .ani-AnimatedList_Item { opacity: 0; transform: translateY(calc(var(--ani-AnimatedList_CloseDistance) * -1)) } @keyframes ani-AnimatedList_Open { 0% { opacity: 0; transform: translateY(calc(var(--ani-AnimatedList_OpenDistance))) } to { opacity: 1; transform: translateY(0) } } @keyframes ani-AnimatedList_Close { 0% { opacity: 1; transform: translateY(0) } to { opacity: 0; transform: translateY(calc(var(--ani-AnimatedList_CloseDistance) * -1)) } } @media (prefers-reduced-motion: reduce) { .ani-AnimatedList > .ani-AnimatedList_Item { animation: none !important; opacity: 1; transform: none } } .hd-AnnouncementBar { background-color: var(--Background); display: block; pointer-events: auto; position: relative; transition: margin-block-start .3s ease-out; z-index: 0 } .lyt-Theme:has(.hd-Banner-hasScrolled) .hd-AnnouncementBar { margin-block-start: calc(var(--Announcement_Height) * -1) } .hd-AnnouncementBar-animateIn { transition: margin-block-start 1s ease-in-out } .hd-AnnouncementBar-light { color: var(--Color_white) } .hd-AnnouncementBar-hidden { margin-block-start: calc(var(--Announcement_Height) * -1) } .hd-AnnouncementBar_Inner { margin-inline: var(--Site_Margin) } .hd-AnnouncementBar_Dismiss { align-items: center; block-size: var(--Announcement_Height); display: flex; inset-block-start: 0; inset-inline-end: 0; justify-content: center; padding-inline: var(--Site_Margin); position: absolute; z-index: 1 } .hd-AnnouncementBar_Dismiss svg { block-size: 17px; inline-size: 16px } .hd-AnnouncementBar_Items { align-items: center; block-size: var(--Announcement_Height); display: grid; justify-content: center } .hd-AnnouncementBar_Item { grid-column: 1; grid-row: 1; text-align: center; transition: opacity 1s var(--Carousel_Ease), visibility 1s var(--Carousel_Ease) } .hd-AnnouncementBar_Item[aria-hidden=true] { opacity: 0; visibility: hidden; z-index: 0 } .hd-Banner { --Header_Color: var(--Color_Black); --Header_Background: #0000; --Header_Gradient: none; background-color: var(--Header_Background); block-size: var(--Header_Height); color: var(--Header_Color); display: block; pointer-events: auto; position: relative; transition: transform .3s ease-out, color .1s ease-out } .hd-Banner:before { background-image: var(--Header_Gradient); block-size: calc(var(--Header_Height) + 28px); content: ""; display: block; inset-block-start: 0; inset-inline: 0; pointer-events: none; position: absolute; z-index: -1 } @media (min-width: 1023.02px) { .hd-Banner .lyt-Theme-headerDesktopTransparent { --Header_Background: #0000 } .lyt-Theme-headerDesktopTransparent.lyt-Theme-headerGradientDark .hd-Banner { --Header_Gradient: linear-gradient(0deg, #16161600, #16161640) } .lyt-Theme-headerDesktopTransparent.lyt-Theme-headerGradientLight .hd-Banner { --Header_Gradient: linear-gradient(0deg, #fff0, #ffffff40) } } @media (max-width: 1023px) { .lyt-Theme-headerMobileTransparent.lyt-Theme-headerGradientDark .hd-Banner { --Header_Gradient: linear-gradient(0deg, #16161600, #16161640) } .lyt-Theme-headerMobileTransparent.lyt-Theme-headerGradientLight .hd-Banner { --Header_Gradient: linear-gradient(0deg, #fff0, #ffffff40) } } @media (min-width: 1023.02px) { .lyt-Theme-headerDesktopLight .hd-Banner { --Header_Color: var(--Color_White) } } @media (max-width: 1023px) { .lyt-Theme-headerMobileLight .hd-Banner { --Header_Color: var(--Color_White) } } @media (min-width: 1023.02px) { .lyt-Theme-headerDesktopSolidBlack .hd-Banner { --Header_Color: var(--Color_White) } .lyt-Theme-headerDesktopSolidWhite .hd-Banner { --Header_Color: var(--Color_Black) } } @media (max-width: 1023px) { .lyt-Theme-headerMobileSolidBlack .hd-Banner { --Header_Color: var(--Color_White) } .lyt-Theme-headerMobileSolidWhite .hd-Banner { --Header_Color: var(--Color_Black) } } .hd-Banner:has(.hd-Banner_Link-hasDropdown:hover,.hd-Banner_Link-hasDropdown:focus,.hd-Banner_TabButton:focus,.hd-Banner_Dropdown[aria-hidden=false]) { --Header_Color: var(--Color_Text-primary) } @media (min-width: 1023.02px) { .lyt-Theme-headerDesktopSolidBlack .hd-Banner:has(.hd-Banner_Link-hasDropdown:hover,.hd-Banner_Link-hasDropdown:focus,.hd-Banner_TabButton:focus,.hd-Banner_Dropdown[aria-hidden=false]) { --Header_Color: var(--Color_Text-primary) } } @media (max-width: 1023px) { .lyt-Theme-headerMobileSolidBlack .hd-Banner:has(.hd-Banner_Link-hasDropdown:hover,.hd-Banner_Link-hasDropdown:focus,.hd-Banner_TabButton:focus,.hd-Banner_Dropdown[aria-hidden=false]) { --Header_Color: var(--Color_Text-primary) } } .hd-Banner-hasScrolled { --Header_Color: var(--Color_Text-primary) !important; transition: transform .3s ease-out } .hd-Banner-hasScrolled:not(:hover,.hd-Banner-hasScrolledUp) { transform: translateY(-100%) } .hd-Banner_Body { align-items: center; display: grid; padding-inline: 20px } @media (min-width: 1023.02px) { .hd-Banner_Body { padding-inline: var(--Site_Margin) } } :not(:has(.hd-Banner_Dropdown-open)) .hd-Banner-hasScrolledUp .hd-Banner_Body { -webkit-backdrop-filter: var(--Effect_Blur-drawer); backdrop-filter: var(--Effect_Blur-drawer); background-color: var(--Color_Background-drawer); transform: translateZ(0) } .hd-Banner_Logo { block-size: 17px; grid-column: 1; grid-row: 1; inline-size: 86px; justify-self: center } @media (min-width: 768px) { .hd-Banner_Logo { block-size: calc(var(--u) * 24); inline-size: calc(var(--u) * 102) } } .hd-Banner_LogoLink { block-size: 100%; display: block; inline-size: 100% } .hd-Banner_Nav { display: block; grid-column: 1; grid-row: 1; justify-self: flex-start } .hd-Banner_Items { align-items: center; display: flex } .hd-Banner_Item { align-items: center; block-size: var(--Header_Height); display: none } .hd-Banner_Item-menu { display: flex } @media (min-width: 1023.02px) { .hd-Banner_Item-menu { display: none } } .hd-Banner_Item-search { display: flex } @media (min-width: 1023.02px) { .hd-Banner_Item-search { display: none } } .hd-Banner_Item-navigation { display: none } @media (min-width: 1023.02px) { .hd-Banner_Item-account, .hd-Banner_Item-navigation, .hd-Banner_Item-searchDesktop { display: flex } } .hd-Banner_Item-bag, .hd-Banner_Item-wishlist { display: flex } .hd-Banner_Link { align-items: center; block-size: var(--Header_Height); display: flex; padding-block-start: 4px; padding-inline-end: var(--s32); position: relative; text-align: center; white-space: nowrap } .hd-Banner_Ancillary .hd-Banner_Link { padding-inline: var(--s32) 0 } .hd-Banner_Link-hasDropdown:has(~.hd-Banner_Dropdown[aria-hidden=false]) { opacity: .6 } .hd-Banner_LinkText { position: relative } .hd-Banner_Item:has(.hd-Banner_Dropdown[aria-hidden=false]) .hd-Banner_LinkText, .hd-Banner_Link:hover .hd-Banner_LinkText { color: #0000 } .hd-Banner_LinkText:before { align-items: center; color: var(--Header_Color); content: attr(data-content); display: none; font-weight: 300; inset-block-start: 0; inset-inline-start: 50%; justify-content: center; position: absolute; text-align: center; transform: translate(-50%); z-index: 1 } .hd-Banner_Item:has(.hd-Banner_Dropdown[aria-hidden=false]) .hd-Banner_LinkText:before, .hd-Banner_Link:hover .hd-Banner_LinkText:before { display: flex } .hd-Banner_LinkBadge { inset-block-start: -.225rem; inset-inline-end: -.5rem; position: relative } .hd-Banner_Icon { block-size: 16px; inline-size: 16px; position: relative } .hd-Banner_Ancillary { grid-column: 1; grid-row: 1; justify-self: end } .hd-Banner_WishlistCount { font-size: 8px; font-weight: 300; inset-block-start: -3px; inset-inline-end: -3px; line-height: 8px; position: absolute; text-align: center; z-index: 0 } .hd-Banner_WishlistCount[aria-hidden=true] { display: none } .hd-Banner_CartCount { font-size: 8px; font-weight: 300; inset-block-start: -3px; inset-inline-end: -3px; line-height: 8px; position: absolute; text-align: center; z-index: 0 } .hd-Banner_CartCount[aria-hidden=true] { display: none } .hd-Banner_TabAccessible { block-size: 10px; display: inline-block; inline-size: 0; position: relative } .hd-Banner_TabButton { block-size: 6px; box-sizing: initial; display: block; inline-size: 10px; inset-block-start: calc(50% + 8px); opacity: 0; pointer-events: none; position: absolute; transform: translateY(-50%) } .hd-Banner_TabButton:focus { opacity: 1; pointer-events: auto } .hd-Banner_Dropdown { -webkit-backdrop-filter: var(--Effect_Blur-drawer); backdrop-filter: var(--Effect_Blur-drawer); background-color: var(--Color_Background-drawer); inset-block-start: 0; inset-inline: 0; opacity: 0; padding-block-start: var(--Header_Height); position: absolute; transform: translateZ(0); visibility: hidden; z-index: -1 } .hd-Banner_Dropdown[aria-hidden=false] { opacity: 1; visibility: visible } .hd-Banner_Dropdown.util-Animate[aria-hidden=false] { animation: menu-slide-down .55s var(--Menu_Slide_Ease) } .hd-Banner_Dropdown.util-Animate_Closed { animation: menu-slide-up .55s var(--Menu_Slide_Ease) } .hd-Banner_Dropdown-seo { display: none } .hd-Banner_Overlay { background-color: var(--Color_Background-overlay); display: block; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity .4s cubic-bezier(.4, 0, .2, 1); visibility: hidden; z-index: -1 } .hd-Banner_Dropdown-open .hd-Banner_Overlay { opacity: 1; transform: translateZ(0); transition: opacity .4s cubic-bezier(.4, 0, .2, 1); visibility: visible } .hd-Dropdown { position: relative } .hd-Dropdown_Body { display: grid; grid-template-columns:repeat(12, 1fr); padding: var(--s24) var(--Site_Margin) var(--s48) } .hd-Dropdown_Body:before { aspect-ratio: 16/10; content: ""; grid-column: 1/span 6; grid-row: 1 } .hd-Dropdown_Items { display: flex; flex-direction: column; gap: var(--s8); grid-column: 1/span 3; grid-row: 1 } .hd-Dropdown_Items-secondary { grid-column: 4/span 3; grid-row: 1 } .hd-Dropdown_ItemsSecondary { display: none; flex-direction: column; gap: 8px } .hd-Dropdown_ItemsSecondary[aria-hidden=false] { display: flex } .hd-Dropdown_Heading { font-weight: 300; padding-block: var(--s24) } .hd-Dropdown_Link { align-items: center; display: inline-flex; flex-flow: row nowrap; font-weight: 300; gap: 4px; transition: opacity .3s ease } .hd-Dropdown_Link svg { block-size: 16px; display: block; flex: 0 0 16px; inline-size: 16px; opacity: 0; transform: translate(-100%, 1px); transition: opacity .3s ease, transform .3s ease } .hd-Dropdown_Link[aria-expanded] { opacity: .6; transition: opacity .3s ease } .hd-Dropdown_Link[aria-expanded] svg { opacity: 1; transform: translate(0, 1px); transition: opacity .3s ease, transform .3s ease } .hd-Dropdown_Badge { inset-block-start: -.225rem; inset-inline-end: -.5rem; position: relative } .hd-DropdownMediaContainer { display: grid; grid-column: 10/span 3; grid-row: 1; position: relative } .hd-DropdownMediaContainer[aria-hidden=true] { display: none } .hd-DropdownMediaContainer-double { grid-column: 7/span 6 } .hd-DropdownMediaContainer-one { grid-column-start: 4 } .hd-DropdownMediaContainer-two { grid-column-start: 7 } .hd-DropdownMediaContainer-three { grid-column-start: 10 } .hd-DropdownMedia { align-self: flex-start; display: grid; position: relative } .hd-DropdownMedia_Image { z-index: 0 } .hd-DropdownMedia_Image, .hd-DropdownMedia_VideoContainer { display: flex; grid-column: 1; grid-row: 1; inline-size: 100%; overflow: hidden } .hd-DropdownMedia_VideoContainer { position: relative; z-index: 1 } .hd-DropdownMedia_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .hd-DropdownMedia_Body { align-content: end; grid-column: 1; grid-row: 2; padding-block: 12px; padding-inline: 0 16px; z-index: 2 } .hd-DropdownMedia_Link { align-items: center; display: inline-flex; gap: 4px } .hd-DropdownMedia_Link:after { block-size: 100%; content: ""; inline-size: 100%; inset-block-start: 0; inset-inline-end: 0; position: absolute } .hd-DropdownMedia_Link svg { block-size: 16px; display: none; inline-size: 16px; transform: translateY(1px) } .hd-DropdownMedia_Link:hover svg { display: block } .hd-DropdownMedia_Link .hd-DropdownMedia_Link-white, .mod-Newsletter { color: var(--Color_Text-primary) } .mod-Newsletter { background-color: var(--Color_Background-primary); inline-size: 100%; padding: 32px 32px 48px } @media (min-width: 1023.02px) { .mod-Newsletter { inline-size: 41.66667%; max-inline-size: 420px } } @media (min-width: 1440px) { .mod-Newsletter { inline-size: 33.33333% } } .mod-Newsletter_Buttons { align-items: center; display: flex; flex-direction: column; gap: 32px; margin-block-start: 32px } .mod-Newsletter_Button { align-items: center; display: flex; gap: 6px } .mod-Newsletter_Button-trigger { background-color: var(--Color_Background-primary); border-color: var(--Color_Border-primary); color: var(--Color_Text-primary) } .mod-Newsletter_ButtonArrow { block-size: 15px; display: flex; inline-size: 15px } .mod-Newsletter_Content[aria-hidden=true], .mod-Newsletter_FormContainer[aria-hidden=true], .mod-Newsletter_Text[aria-hidden=true] { display: none } .mod-Newsletter_Footer { padding-block-start: 32px } .mod-NewsletterFooter_Link { font-size: 12px; text-align: center } .mod-NewsletterFooter_Link a { -webkit-text-decoration: underline; text-decoration: underline } .pg-404_Columns { display: flex; flex-direction: column-reverse } @media (min-width: 1023.02px) { .pg-404_Columns { display: grid; gap: var(--Grid_Gutter); grid-template-columns:repeat(12, 1fr) } .pg-404_Column { grid-column: span 6 } } .pg-404_Image-desktop { display: none } @media (min-width: 1023.02px) { .pg-404_Image-desktop { display: block } .pg-404_Image-mobile { display: none } } .pg-404_Body { padding-block: 48px } .pg-404_Text { margin-block-end: 48px; text-align: center } @media (min-width: 1023.02px) { .pg-404_Text { text-align: start } } .pg-404_Links { border-block-start: .5px solid var(--Color_Border-primary); display: flex; flex-direction: column; gap: 12px; padding-block-start: 24px } @media (min-width: 1023.02px) { .pg-404_Links { border-block-start: 0; padding-block-start: 12px } } .pg-404_Arrow { inline-size: 16px } .pg-404_Link { align-items: center; display: flex; font-weight: 300; gap: 6px } .pgn-Pagination { margin-block: 18px; text-align: center } .pgn-Pagination_Items { align-items: center; display: flex; justify-content: center } .pgn-Pagination_Item { padding: 16px } .pgn-Pagination_Link[aria-current=page] { font-weight: 300 } .pgn-Pagination_Link[disabled] { display: none } .pgn-Pagination_Icon { display: block; inline-size: 16px; margin-inline: -8px } .pas-Password { align-items: center; block-size: 100vh; color: var(--Color_Text-primary); display: flex; flex-direction: column; justify-content: center; overflow: hidden; position: relative } .pas-Password-light { color: var(--Color_White) } .pas-Password_Body { align-items: center; display: flex; flex-direction: column; inline-size: 100%; max-inline-size: 600px; padding: var(--Site_Margin); text-align: center; z-index: 1 } .pas-Password_Logo { block-size: 20px; inline-size: 102px; margin-block-end: 62px; margin-inline: auto } .pas-Password_Login { inline-size: 100%; z-index: 1 } .pas-Password_Block, .pas-Password_Newsletter { inline-size: 100% } .pas-Password_Title { margin-block-end: 62px } .pas-Password_Text { margin-block-end: 24px } .pas-Password_Form, .pas-Password_Submit { margin-block-start: 24px } .pas-Password_Button[aria-hidden=true] { display: none } .pas-Password_MediaContainer { block-size: 100%; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; overflow: hidden; position: absolute; z-index: -1 } .pas-Password_Overlay { background-color: var(--Color_Background-overlay); display: block; z-index: 1 } .pas-Password_Image, .pas-Password_Overlay { block-size: 100%; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute } .pas-Password_Image { display: flex; z-index: var(--Image_ZIndex) } .pas-Password_Image-desktop { display: none } @media (min-width: 1023.02px) { .pas-Password_Image-desktop { display: flex } .pas-Password_Image-mobile { display: none } } .pas-Password_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .pas-Password_Video-desktop { display: none } @media (min-width: 1023.02px) { .pas-Password_Video-desktop { display: flex } .pas-Password_Video-mobile { display: none } } .prc-Range { grid-column-gap: var(--Grid_Gutter); display: grid; grid-template-columns:repeat(2, 1fr); padding-block: 15px 15px } .prc-Range_Column { align-items: center; display: flex } .prc-Range_Symbol { margin-inline-end: 10px } .prc-Range_Field { --Horizontal_Padding: 15px; align-items: center; display: flex; inline-size: 100%; position: relative } .prc-Range_Input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: initial; border: 1px solid var(--Color_Border-secondary); border-radius: 0; inline-size: 100%; padding: 22px var(--Horizontal_Padding) 8px } .prc-Range_Input::placeholder { opacity: 0 } .prc-Range_Label { font-size: 16px; inset-block-start: 15px; inset-inline-start: var(--Horizontal_Padding); line-height: 1.5; pointer-events: none; position: absolute; transition: top .2s ease, font-size .2s ease } .prc-Range_Input:-webkit-autofill ~ .prc-Range_Label, .prc-Range_Input:focus ~ .prc-Range_Label, .prc-Range_Input:not(:placeholder-shown) ~ .prc-Range_Label { font-size: 10px; inset-block-start: 5px; letter-spacing: .04px } .prd-CardMini { position: relative } @media (hover: hover),(min-width: 1600px) { .prd-CardMini:hover:after { border-block-end: solid 1px var(--Color_Black) } } .prd-CardMini[data-flat-image]:after { background: var(--Effect_FlatImageGradient); content: ""; top: 0; right: 0; bottom: 0; left: 0; position: absolute } .prd-CardMini_Body { display: none; margin-block-start: 8px; padding-inline-end: 5px } .prd-CardMini_Title { font-weight: 300 } .prd-CardMini_Colors { color: var(--Color_Text-secondary) } .prd-Card { display: block } .prd-Card_Inner { display: flex; flex-direction: column } .prd-Card_MediaContainer { display: flex; overflow: hidden; position: relative } .prd-Card_MediaContainer:after { content: ""; display: block; padding-block-start: 140% } .prd-Card_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -1 } .prd-Card_Video { max-inline-size: 100% } .prd-Card_SwatchImage { display: flex; pointer-events: none; z-index: 3 } .prd-Card_SwatchImage[aria-hidden=true] { opacity: 0 } .prd-Card_Gallery { display: block; inline-size: 100%; position: relative } .prd-Card_GalleryArrow { align-items: center; block-size: 32px; color: var(--Color_Text-primary); cursor: pointer; display: none; inline-size: 32px; inset-block-start: 50%; justify-content: center; opacity: 0; position: absolute; transform: translateY(-50%); transition: opacity .15s ease; z-index: 3 } @media (min-width: 1023.02px) { .prd-Card_GalleryArrow { display: flex } .prd-Card:hover .prd-Card_GalleryArrow { opacity: 1 } } .prd-Card_GalleryArrow svg { block-size: 16px; color: var(--Color_Black); inline-size: 16px } .prd-Card_GalleryArrow-prev { inset-inline-start: 0 } .prd-Card_GalleryArrow-next { inset-inline-end: 0 } .prd-Card_GalleryInner { display: flex; overflow-x: scroll; overscroll-behavior-x: contain; scroll-snap-stop: always; scroll-snap-type: x mandatory; scrollbar-width: none; white-space: nowrap } @media (min-width: 1023.02px) { .prd-Card_GalleryInner { overflow-x: hidden } } .prd-Card_GalleryInner::-webkit-scrollbar { background: #0000; block-size: 0; border: none; display: none; inline-size: 0; margin: 0; padding: 0 } .prd-Card_GallerySlide { display: block; flex: 0 0 100%; position: relative; scroll-snap-align: start; z-index: 2 } .prd-Card_GallerySlide[data-flat-image]:after { background: var(--Effect_FlatImageGradient); content: ""; top: 0; right: 0; bottom: 0; left: 0; position: absolute } @media (max-width: 1023px) { .clc-ProductGrid-mobileThree .prd-Card_GallerySlide:nth-child(n+2) { display: none } } @media (min-width: 1023.02px) { .prd-Card_GalleryPagination { opacity: 0; transition: opacity .15s ease } .prd-Card:hover .prd-Card_GalleryPagination { opacity: 1 } } @media (max-width: 1023px) { .clc-ProductGrid-mobileThree .prd-Card_GalleryPagination { display: none } } .prd-Card_GalleryPaginationList { block-size: 1px; display: grid; grid-template-columns:repeat(auto-fit, minmax(1px, 1fr)); inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; margin-block-start: -1px; pointer-events: none; position: relative; z-index: 3 } .prd-Card_GalleryPaginationItem { background-color: initial } .prd-Card_GalleryPaginationItem[aria-current=true] { background-color: var(--Color_Black) } .prd-Card_Footer { flex-direction: column; margin-block-start: var(--s8); text-align: center } @media (min-width: 1023.02px) { .prd-Card_Footer { align-items: center; display: flex; margin-block-start: var(--s12) } } @media (max-width: 1023px) { .clc-ProductGrid-mobileThree .prd-Card_Footer { display: none } } @media (min-width: 1023.02px) { .clc-ProductGrid-desktopEight .prd-Card_Footer { display: none } } .prd-Card_Body { column-gap: var(--s16); display: grid; flex: 1; grid-template-columns:minmax(0, 1fr); inline-size: 100%; place-content: center space-between } .prd-Card_Title { display: inline-block; font-weight: 300; grid-column: 1; grid-row: 1; inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media (min-width: 1023.02px) { .prd-Card:hover .prd-Card_Title { display: inline-block; grid-column: 1; grid-row: 1 } } .prd-Card-wishlist:hover .prd-Card_Title { display: inline-block } .prd-Price { white-space: nowrap } .prd-Card_Hover { display: none; grid-column: 1; grid-row: 1; line-height: 1 } @media (min-width: 1023.02px) { .prd-Card:hover .prd-Card_Hover { display: grid; z-index: 2 } } .prd-Card_Options { display: none; max-inline-size: calc(100% - 10px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .prd-Card_SoldOut { display: none } .prd-Card_Option { display: inline-block; position: relative } .prd-Card_Option:not(:last-of-type) { margin-inline-end: 16px } .prd-Card_Button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: inherit; border: 0; box-shadow: none; color: inherit; cursor: pointer; inline-size: auto; outline: none; padding: 0; transition: opacity .3s ease; white-space: nowrap } .prd-Card_Button:hover { opacity: .6 } .prd-Card_Button-disabled { color: var(--Color_Text-disable); cursor: not-allowed; -webkit-text-decoration: line-through; text-decoration: line-through } .prd-Card_Badges { align-items: center; background-color: #f6f5f380; block-size: 24px; display: flex; inline-size: 100%; inset-block-end: 0; justify-content: center; line-height: 24px; pointer-events: none; position: absolute; text-align: center; z-index: 2 } @media (max-width: 1023px) { .clc-ProductGrid-mobileThree .prd-Card_Badges { display: none } } @media (min-width: 1023.02px) { .clc-ProductGrid-desktopEight .prd-Card_Badges { display: none } } .prd-Card_Tags { inset-block-start: 12px; inset-inline-end: 12px; pointer-events: none; position: absolute; z-index: 2 } @media (max-width: 1023px) { .clc-ProductGrid-mobileThree .prd-Card_Tags { display: none } } @media (min-width: 1023.02px) { .clc-ProductGrid-desktopEight .prd-Card_Tags { display: none } } .prd-Card_Tag { display: block } .prd-Card_Colors { color: var(--Color_Text-secondary); margin-block-start: 8px } @media (min-width: 1023.02px) { .prd-Card_Colors { display: block; opacity: 0 } .prd-Card:hover .prd-Card_Colors { opacity: 1 } } .prd-Card_Swatches { display: none; z-index: 2 } @media (min-width: 1023.02px) { .clc-ProductGrid-hideSwatches .prd-Card_Swatches { display: none } } .prd-Card_Swatches-footer { display: none; margin-block-start: var(--s16); position: relative; z-index: 2 } @media (min-width: 1023.02px) { .prd-Card_Swatches-footer { display: none } } .prd-Card_Swatches-footer .prd-Card_SwatchesListItem { padding-inline: 2px } .prd-Card_SwatchesList { display: flex } .prd-Card_SwatchesList-footer { align-items: center; justify-content: center } .prd-Card_SwatchesLink { background: var(--Color_Background); block-size: 12px; border: 1px solid var(--Color_Background); border-radius: 50%; display: block; inline-size: 12px } .prd-Card_SwatchesLink:hover { border: 1px solid var(--Color_Text-primary); box-shadow: inset 0 0 0 2px var(--Color_Background-primary) } .prd-Card_SwatchesLink-footer { block-size: 6px; border: 1px solid var(--Color_Border-primary); border-radius: 0; inline-size: 12px } .prd-Card_SwatchesLink-footer:hover, .prd-Card_SwatchesListItem-active .prd-Card_SwatchesLink-footer { border: 1px solid var(--Color_Border-primary); box-shadow: inset 0 0 0 1px var(--Color_Background-primary) } .prd-Card_SwatchesRemaining { line-height: 1; padding-inline-start: 5px } .prd-Card_Remove { align-items: center; block-size: 30px; display: flex; inline-size: 30px; inset-block-start: 0; inset-inline-end: 0; justify-content: center; position: absolute; z-index: 2 } .prd-Card_Remove svg { fill: var(--Color_Text-primary); block-size: 16px; inline-size: 16px } .prd-Colours { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center } @media (min-width: 1023.02px) { .prd-Colours { gap: .5rem } } .prd-Colours_Colour { background-color: var(--Color_Background-primary); background-repeat: no-repeat; background-size: contain; block-size: 12px; border: 1px solid var(--Color_Border-primary); border-radius: 50%; display: block; inline-size: 12px; position: relative; transition: border .3s ease, box-shadow .3s ease } @media (hover: hover),(min-width: 1600px) { .prd-Colours_Colour:hover { border-color: var(--Color_Border-primary); box-shadow: inset 0 0 0 2px var(--Box_Background-primary) } } .prd-Colours_Colour:before { content: ""; display: block; top: -4px; right: -4px; bottom: -4px; left: -4px; position: absolute } .prd-Colours_Colour-light { border-color: var(--Color_Border-secondary) } .prd-Colours_Colour-active { border-color: var(--Color_Border-primary); box-shadow: inset 0 0 0 2px var(--Box_Background-primary) } .prd-Colours-images { gap: 0 } .prd-Colours_Image { cursor: pointer; display: block; inline-size: 50px; position: relative } .prd-Colours_Image[data-flat-image]:before { background: var(--Effect_FlatImageGradient); content: ""; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1 } .prd-Colours_Image:focus-visible { outline: 1px solid var(--Color_Border-primary); outline-offset: 2px; z-index: 1 } .prd-Colours_Image-active:after { background-color: var(--Color_Border-primary); block-size: 1px; content: ""; inset-block-end: 0; inset-inline: 0; position: absolute } .prd-Colours_More { align-self: center; cursor: pointer; flex-shrink: 0; font-weight: 300; padding-inline: 16px } .prd-Detail_Buy-mobile .prd-DetailForm { inline-size: 100% } .prd-DetailForm_Button[disabled] { cursor: auto; opacity: 1 } .prd-Detail_Buy-mobile .prd-DetailForm_Button { align-items: stretch; block-size: 48px; padding: 4px 0 } .prd-DetailForm_Button[aria-hidden=true], .prd-DetailForm_SelectSize { display: none } @media (hover: hover),(min-width: 1600px) { .prd-DetailForm_Button[disabled]:hover .prd-DetailForm_SelectSize { display: block } .prd-DetailForm_Button[disabled]:hover .prd-DetailForm_Add { display: none } } .prd-DetailForm_Preorder { margin-block-start: 16px } .prd-DetailForm_PreorderContent { align-items: center; display: flex; gap: 6px } .prd-DetailForm_PreorderContent svg { block-size: 15px; inline-size: 15px } .prd-Detail { display: block } @media (min-width: 1023.02px) { .prd-Detail { margin-block-start: var(--s32) } } .prd-Detail_Inner { padding-inline: var(--Grid_Gutter) } @media (min-width: 1023.02px) { .prd-Detail_Inner { padding-inline: var(--s80) } } .prd-Detail_Breadcrumbs { padding-block: var(--s24) } .prd-Detail_Breadcrumbs-desktop { display: none } @media (min-width: 1023.02px) { .prd-Detail_Breadcrumbs-desktop { display: block; margin-block-start: var(--s32) } } .prd-Detail_Breadcrumbs-mobile { grid-column-end: span 12; padding-block: var(--s32) } @media (min-width: 1023.02px) { .prd-Detail_Breadcrumbs-mobile { display: none } .prd-Detail_Columns { grid-column-gap: 0; display: grid; grid-template-columns:repeat(2, minmax(0, 1fr)) } .prd-Detail_Column { grid-column-end: span 1 } } .prd-Detail_Column-media { margin-inline: calc(var(--Grid_Gutter) * -1) } @media (min-width: 1023.02px) { .prd-Detail_Column-media { grid-column: 1; margin-inline: 0 } } .prd-Detail_Column-main { --Style_Height: 0px; --Tabs_Height: 0px; --Description_Height: 0px; display: block; margin-block-start: var(--s32); margin-inline: var(--s12) } @media (min-width: 1023.02px) { .prd-Detail_Column-main { grid-column: 2; justify-self: center; margin-block-start: 0; margin-inline: var(--s80) 0 } } @media (min-width: 1200.02px) { .prd-Detail_Column-main { margin-inline: var(--s160) var(--s80) } } .prd-Detail_Heading { text-align: center } @media (min-width: 1023.02px) { .prd-Detail_Heading { align-items: center; display: flex; flex-flow: column wrap; margin-block: var(--s64) var(--s24) } } .prd-Detail_Badge { color: var(--Color_Text-secondary); inline-size: 100%; text-align: center } .prd-Detail_Wishlist { inline-size: 16px } .prd-Detail_Wishlist svg { pointer-events: none } .prd-Detail_Buy-mobile .prd-Detail_Wishlist { align-items: center; border-inline-start: .5px solid var(--Color_Border-primary); display: flex; justify-content: center; padding-inline: 16px } .prd-Detail_Buy-mobile .prd-Detail_Wishlist svg { inline-size: 16px } .prd-Detail_Wishlist[data-wishlist-added] svg { fill: var(--Color_Text-primary) } .prd-Detail_Price { margin-block: var(--s8) var(--s32); text-align: center } @media (min-width: 1023.02px) { .prd-Detail_Price { margin-block: var(--s4) var(--s16) } } .prd-Detail_Price-comingSoon { display: none } @media (min-width: 1023.02px) { .prd-Detail_Price-comingSoon { display: block } } .prd-Detail_ComingSoon { margin-block-end: 32px; text-align: center } @media (min-width: 1023.02px) { .prd-Detail_ComingSoon { display: none } } .prd-Detail_Buy { margin-block-end: 16px } .prd-Detail_Buy-desktop { display: none } @media (min-width: 1023.02px) { .prd-Detail_Buy-desktop { display: block } } .prd-Detail_Buy-mobile { align-items: stretch; display: flex; inset-block-end: 0; inset-inline: 0; padding-block-end: 20px; position: sticky; z-index: 1 } @media (min-width: 1023.02px) { .prd-Detail_Buy-mobile { display: none } } .prd-Detail_Buy-mobile .prd-Detail_Button { font-weight: 300; inline-size: 100% } .prd-Detail_Button[aria-hidden=true] { display: none } .prd-Detail_Content { padding-inline: var(--s16) } @media (min-width: 1023.02px) { .prd-Detail_Content { background-color: var(--Color_Background-primary); inset-block-start: 0; margin-block: calc(var(--s64) * -1) calc(var(--Style_Height) + var(--Tabs_Height) + 2rem); padding-block-start: var(--s32); padding-inline: 0; position: sticky; z-index: 2 } } @media (min-width: 1023.02px) and (max-height: 640px) { .prd-Detail_Content { position: static } } .prd-Detail_GeoMessage { display: none } @media (min-width: 1023.02px) { .prd-Detail_GeoMessage:not(:empty) { display: block; padding-block-start: var(--s16) } } .prd-Detail_Title { font-weight: 300 } .prd-Detail_Text { margin-block-start: var(--s32) } @media (min-width: 1023.02px) { .prd-Detail_Text { margin-block-start: var(--s24) } } .prd-Detail_Text [aria-hidden=true] { display: none } @media (max-width: 1023px) { .prd-Detail_Text-desktop { display: none } } .prd-Detail_Text-mobile { padding-block-end: var(--s8) } .prd-Detail_TextShort { margin-inline-end: 5px } .prd-Detail_Link { font-weight: 300; -webkit-text-decoration: underline; text-decoration: underline } @media (min-width: 1023.02px) { .prd-Detail_Description { inset-block-start: calc(var(--Top) + 8px); margin-block-start: calc((var(--Style_Height) + var(--Tabs_Height)) * -1 - 2rem + 8px); padding-inline: 0 } } .prd-Detail_Tabs { display: none } @media (min-width: 1023.02px) { .prd-Detail_Tabs { background-color: var(--Color_Background-primary); display: block; inset-block-start: calc(var(--Top)); margin-block: 0 calc(var(--Style_Height) + 2rem); padding-block: var(--s24); position: sticky } } @media (min-width: 1023.02px) and (max-height: 640px) { .prd-Detail_Tabs { margin-block: 0 var(--s16); position: static } } .prd-Detail_Tab { align-items: center; display: flex; font-weight: 300; gap: 10px; inline-size: 100%; justify-content: space-between; margin-block: var(--s16); overflow: hidden; position: relative } .prd-Detail_Tab:hover:before { transform: translate(0) } .prd-Detail_Tab-description { display: inline; inline-size: auto; margin-block: 0 } .prd-Detail_TabIcon { block-size: 16px; flex-shrink: 0; inline-size: 16px } .prd-Detail_Tab-link { justify-content: flex-start; margin-block-end: var(--s32); -webkit-text-decoration: underline; text-decoration: underline } .prd-Detail_Tab-link:before { content: none } .prd-Detail_Tab-link .prd-Detail_TabIcon { display: none } .prd-Detail_MobileTabs { margin-block: var(--s32) } @media (min-width: 1023.02px) { .prd-Detail_MobileTabs, .prd-Detail_SelectColour { display: none } } .prd-Detail_ColourValue { align-items: center; display: flex; gap: 10px } .prd-Detail_CurrentColour { color: var(--Color_Text-secondary) } .prd-Detail_ColourCarousel { margin-block-start: var(--s32); margin-inline-end: calc(var(--Grid_Gutter) * -1) } @media (min-width: 1023.02px) { .prd-Detail_ColourCarousel { display: none } } .prd-Detail_ColourCarousel .prd-Colours { flex-wrap: nowrap; justify-content: flex-start; overflow: scroll hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none } .prd-Detail_ColourCarousel .prd-Colours::-webkit-scrollbar { display: none } .prd-Detail_ColourCarousel .prd-Colours_Image { flex: 0 0 110px; inline-size: auto; scroll-snap-align: start } .prd-Detail_Options .prd-Colours-images { display: none } @media (min-width: 1023.02px) { .prd-Detail_Options .prd-Colours-images { display: flex } } .prd-Detail_USPS { display: none } .prd-Detail_FinalSale { color: var(--Color_Text-sale) } .prd-Detail_FinalSale, .prd-Detail_Warning { margin-block-start: 32px } .prd-Detail_Warning:before { content: "⚠️"; margin-inline-end: 5px } .prd-Detail_Warning a { -webkit-text-decoration: underline; text-decoration: underline } .prd-GiftCardRecipient { display: block; margin-block: 20px } .prd-GiftCardRecipient_Details { display: block } .prd-GiftCardRecipient_Header, .prd-GiftCardRecipient_Toggle { align-items: center; display: flex } .prd-GiftCardRecipient_Toggle { gap: 10px; margin-inline-start: auto; pointer-events: none } .prd-GiftCardRecipient_ToggleLabel { transition: opacity .3s ease } .prd-GiftCardRecipient_ToggleLabel-no { opacity: 1 } .prd-GiftCardRecipient_Details[open] .prd-GiftCardRecipient_ToggleLabel-no, .prd-GiftCardRecipient_ToggleLabel-yes { opacity: .5 } .prd-GiftCardRecipient_Details[open] .prd-GiftCardRecipient_ToggleLabel-yes { opacity: 1 } .prd-GiftCardRecipient_ToggleSlider { align-items: center; background-color: var(--Color_Border-primary); block-size: 12px; border-radius: 10px; display: flex; inline-size: 22px; justify-content: flex-start; opacity: .3; padding: 2px; position: relative; transition: opacity .3s ease } .prd-GiftCardRecipient_ToggleSlider:after { background-color: var(--Color_Background-primary); block-size: 7px; border-radius: 50%; content: ""; display: block; inline-size: 7px; position: absolute; transition: transform .3s ease } .prd-GiftCardRecipient_Details[open] .prd-GiftCardRecipient_ToggleSlider:after { transform: translate(10px) } .prd-GiftCardRecipient_Details[open] .prd-GiftCardRecipient_ToggleSlider { opacity: 1 } .prd-GiftCardRecipient_Body { margin-block-start: 10px } .prd-List_Items { display: grid; grid-auto-flow: dense; grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap: 0 } @media (min-width: 1023.02px) { .prd-List_Items { grid-template-columns:repeat(4, minmax(0, 1fr)); row-gap: var(--s64) } } @media (max-width: 1023px) { .clc-ProductGrid-mobileOne .prd-List_Items { grid-template-columns:repeat(1, minmax(0, 1fr)); row-gap: var(--s24) } .clc-ProductGrid-mobileTwo .prd-List_Items { row-gap: var(--s16) } .clc-ProductGrid-mobileThree .prd-List_Items { grid-template-columns:repeat(3, minmax(0, 1fr)); row-gap: 0 } } @media (min-width: 1023.02px) { .clc-ProductGrid-desktopTwo .prd-List_Items { grid-template-columns:repeat(2, minmax(0, 1fr)) } .clc-ProductGrid-desktopEight .prd-List_Items { grid-template-columns:repeat(8, minmax(0, 1fr)); row-gap: 0 } } .prd-List_Item { order: var(--Order_Mobile) } @media (min-width: 1023.02px) { .prd-List_Item { order: var(--Order_Desktop) } } @media (max-width: 1023px) { .prd-List_Item-media { grid-column: 1/span 2 } } @media (min-width: 1023.02px) { .prd-List_Item-media { grid-column: span var(--Desktop_Columns); grid-row: span var(--Desktop_Rows) } } @media (max-width: 1023px) { .clc-ProductGrid-mobileOne .prd-List_Item-media { grid-column: 1/span 1 } .clc-ProductGrid-mobileThree .prd-List_Item-media { display: none } } @media (min-width: 1023.02px) { .clc-ProductGrid-desktopEight .prd-List_Item-media, .clc-ProductGrid-desktopTwo .prd-List_Item-media { display: none } .prd-List_Item-desktopFullBleed { margin-inline: calc(var(--Site_Margin) * -1) } } .prd-List_Item-empty { grid-column: 1/-1; padding-inline: var(--Site_Margin); text-align: center } @media (min-width: 1023.02px) { .prd-List_Item-empty { padding-inline: 0; text-align: start } .prd-List_Item-hideDesktop { display: none } } @media (max-width: 1023px) { .prd-List_Item-hideMobile { display: none } } .prd-Media { display: block; position: relative } .prd-Media_Gallery { display: block; overflow: hidden } @media (min-width: 1023.02px) { .prd-Media_Gallery { margin-inline-end: 0; overflow: auto } } .prd-Media_Items:not([data-keen-slider-disabled]) { overflow: visible } .prd-Media_Items:not([data-initialised=true]), .prd-Media_Items[data-keen-slider-disabled] { display: flex } @media (min-width: 1023.02px) { .prd-Media_Items:not([data-initialised=true]), .prd-Media_Items[data-keen-slider-disabled] { display: grid; gap: 0 } } .prd-Media_Item { position: relative } .prd-Media_Items:not([data-keen-slider-disabled]) .prd-Media_Item { overflow: visible } .prd-Media_Items:not([data-initialised=true]) .prd-Media_Item, .prd-Media_Items[data-keen-slider-disabled] .prd-Media_Item { flex-shrink: 0; inline-size: 100% } .prd-Media_ColourPreview { display: block; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1 } .prd-Media_ColourPreview[aria-hidden=true] { display: none } .prd-Media_Image { cursor: grab; display: block; inline-size: 100%; position: relative } @media (min-width: 1023.02px) { .prd-Media_Image { cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAyOWM3LjczMiAwIDE0LTYuMjY4IDE0LTE0UzIyLjczMiAxIDE1IDEgMSA3LjI2OCAxIDE1czYuMjY4IDE0IDE0IDE0Wm0wIDFjOC4yODQgMCAxNS02LjcxNiAxNS0xNSAwLTguMjg0LTYuNzE2LTE1LTE1LTE1QzYuNzE2IDAgMCA2LjcxNiAwIDE1YzAgOC4yODQgNi43MTYgMTUgMTUgMTVaIiBmaWxsPSIjMTIxMjEyIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE0LjY2OGgxNHYxSDh2LTFaIiBmaWxsPSIjMTIxMjEyIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4zMzIgOHYxNGgtMVY4aDFaIiBmaWxsPSIjMTIxMjEyIi8+PC9zdmc+), grab } } .prd-Detail-giftCard .prd-Media_Image { cursor: auto } .prd-Media_Image:focus, .prd-Media_Image:focus-visible { outline: 1px auto -webkit-focus-ring-color; overflow: visible } .prd-Media_Zoom { block-size: 20px; display: block; inline-size: 20px; inset-block-end: var(--Site_Margin); inset-inline-end: 0; pointer-events: none; position: absolute; z-index: 1 } @media (min-width: 1023.02px) { .prd-Media_Zoom { inset-inline-end: var(--Site_Margin) } .prd-Media_Zoom-mobile { display: none } } .prd-Media_Zoom-desktop { display: none } @media (min-width: 1023.02px) { .prd-Media_Zoom-desktop { display: block } } .prd-MobileForm { display: block; inline-size: 100%; padding: 12px } .prd-MobileForm_Availability { margin-inline-start: 2rem; position: absolute } .prd-MobileForm_Button { font-weight: 300; inline-size: 100% } .prd-MobileForm_ButtonDisabled { opacity: .4; position: relative } .prd-MobileForm_ButtonDisabled:after { block-size: 100%; border-block-start: 1px solid var(--Color_Border-primary); content: ""; display: block; inline-size: calc(100% + 24px); inset-block-start: -8px; inset-inline-start: -15px; pointer-events: none; position: absolute; transform: rotate(158deg) } .prd-Options { display: none } @media (min-width: 1023.02px) { .prd-Options { display: flex; flex-wrap: wrap; margin-block-start: var(--s32); position: relative } } .drw-Variants .prd-Options { display: block; text-align: center } .drw-Variants .prd-Options.prd-Options-select { border-block-end: 0; margin-block-end: 32px; padding-block: 0 } .prd-Options-button { flex-direction: row-reverse; margin-block-end: var(--s16) } @media (min-width: 1023.02px) { .prd-Options-select .prd-Options_Group { inline-size: 100% } .prd-Options-multiple .prd-Options_Group { inline-size: 50% } .prd-Options-button .prd-Options_Group { flex: 1 } } .prd-Options_Group[aria-hidden=true], .prd-Options_Legend { display: none } .prd-Options_Fieldset { align-items: center; border: 0; display: flex; gap: 8px; justify-content: space-between; margin: 0; padding: 0 } .prd-Options_Options { inline-size: 100%; text-align: center } @media (min-width: 1023.02px) { .prd-Options_Options { align-items: center; display: flex; flex: 1; gap: 24px; justify-content: flex-start; text-align: start } } .prd-Options_SizeGuide { align-items: center; display: flex } @media (min-width: 1023.02px) { .prd-Options_SizeGuide-select { inline-size: 100%; justify-content: flex-end; margin-block-end: 8px } .prd-Options_SizeGuide-comingSoon { flex-grow: 1 } } .prd-Options_Option-select { flex: 1; inline-size: 100%; position: relative } .prd-Options_Button { cursor: pointer; font-size: calc(var(--u) * 12); font-weight: 300 } .drw-Variants .prd-Options_Button { font-weight: 700 } .prd-Options_Button[aria-hidden=true] { display: none } .prd-Options_Option-disabled .prd-Options_Button { opacity: .5; overflow: visible; -webkit-text-decoration: line-through; text-decoration: line-through } .prd-Options_Option-disabled .prd-Options_Button:before { display: none } .prd-Options_Radio:checked + :is(.prd-Options_Option-disabled .prd-Options_Button), .prd-Options_Radio[checked] + :is(.prd-Options_Option-disabled .prd-Options_Button) { opacity: 1 } .prd-Options_Option-one .prd-Options_Button { font-weight: 700; text-transform: uppercase } .prd-Options_Select { -webkit-appearance: none; -moz-appearance: none; appearance: none; block-size: 32px; border-width: .5px; inline-size: 100%; margin-block-end: -.5px; padding-inline: 12px } .drw-Variants .prd-Options_Select { block-size: 48px } .prd-Option_SelectIcon { align-items: center; block-size: 32px; display: flex; inset-block-start: 0; inset-inline-end: 12px; pointer-events: none; position: absolute } .prd-Option_SelectIcon svg { inline-size: 8px } .drw-Variants .prd-Option_SelectIcon { block-size: 48px } .prd-Options_Radio + .prd-Options_Button:before { background-color: currentColor; block-size: 1px; content: ""; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; opacity: 0; position: absolute; transition: opacity .3s ease } .prd-Options_Radio:checked + .prd-Options_Button:before, .prd-Options_Radio[checked] + .prd-Options_Button:before { opacity: 1 } .prd-Options_Availability { inset-block-start: -18px; inset-inline-start: 0; position: absolute } .prd-Options-select .prd-Options_Availability { display: none } .prd-Options_Mobile { display: block } .prd-Options_ComingSoon { margin-inline-end: auto } .prd-Price_RegularPrice { opacity: .5 } .prd-Price_SalePrice { margin-inline-start: 5px } .prd-Price_SalePrice:has(+.prd-Price_RegularPrice) { margin-inline: 0 5px } .prd-CardMini_Price .prd-Price { font-size: 12px } .prd-SizeGuide_Button { align-items: center; display: flex; font-weight: 300; gap: 5px; justify-content: flex-end } .prd-SizeGuide_Button svg { inline-size: 16px } .prd-SizeGuide_Text { display: block } .prd-SizeGuide_Button:hover .prd-SizeGuide_Text, .prd-SizeGuide_Text-hover { display: none } .prd-SizeGuide_Button:hover .prd-SizeGuide_Text-hover { display: block } .prd-StoreAvailability { background-color: var(--Color_Surface-primary); display: none } @media (min-width: 1023.02px) { .prd-StoreAvailability { display: block } } .prd-StoreAvailability-mobile { margin-block-start: 24px } @media (max-width: 767.98px) { .prd-StoreAvailability-desktop { display: none } } @media (min-width: 768px) and (max-width: 1023px) { .prd-StoreAvailability-desktop { display: none } } .prd-StoreAvailability_Body { align-items: center; display: flex; gap: 10px; padding: 8px 12px 8px 8px } .prd-StoreAvailability_Body svg { block-size: 16px; inline-size: 16px } .prd-StoreAvailability_Text a { -webkit-text-decoration: underline; text-decoration: underline } .prd-StoreAvailability_Button { margin-inline-start: auto } .prd-StoreAvailability_Colour { block-size: 6px; display: inline-block; inline-size: 6px } .prd-StoreAvailability_Colour-available { background-color: var(--Color_Success) } .prd-StoreAvailability_Colour-limited { background-color: var(--Color_Warning) } .prd-StoreAvailability_Colour-notAvailable { background-color: var(--Color_Error) } .prd-StyleWith { display: block; margin-inline-end: calc((var(--Grid_Gutter) + var(--s12)) * -1) } @media (min-width: 1023.02px) { .prd-StyleWith { background-color: var(--Color_Background-primary); inset-block-start: calc(100vh - var(--Style_Height) - var(--s24)); margin-inline: 0; position: sticky } } @media (min-width: 1023.02px) and (max-height: 711px) { .prd-StyleWith { inset-block-start: 100% } } .prd-StyleWith_Title { display: flex; margin-block: var(--s12) var(--s24) } @media (min-width: 1023.02px) { .prd-StyleWith_Title { gap: 16px; justify-content: flex-start; margin-block: var(--s64) var(--s24); padding-block-start: var(--s24); text-transform: none } } @media (min-width: 1023.02px) and (max-height: 640px) { .prd-StyleWith_Title { margin-block: 0; padding-block-start: 0 } } .prd-StyleWith_Name { flex: 1; font-weight: 300 } .prd-StyleWith_Price { text-align: end } @media (max-width: 1023px) { .prd-StyleWith_Items[data-keen-slider-disabled] { display: grid; grid-template-columns:repeat(var(--StyleWith_Columns, 3), 1fr) } } @media (min-width: 1023.02px) { .prd-StyleWith_Items { align-items: center; display: grid; grid-template-columns:repeat(4, 1fr); inline-size: 100%; margin-inline: 0; overflow: visible } .prd-StyleWith_Item { overflow: visible } } .prd-Swatch { --Size: 30px; background-color: var(--Swatch_Background); background-origin: border-box; background-position: var(--Swatch_FocalPoint, initial); background-size: cover; block-size: var(--Size); border-radius: 50%; display: block; inline-size: var(--Size) } .prd-Swatch-disabled { overflow: hidden; position: relative } .prd-Swatch-disabled:after { --Diagonal_Size: calc(var(--Size) * 1.414); --Line_Size: 1px; background-color: var(--Color_Border-primary); block-size: var(--Line_Size); content: ""; display: block; inline-size: var(--Diagonal_Size); inset-block-end: calc(var(--Line_Size) * -.5); inset-inline-start: 0; position: absolute; transform: rotate(-45deg); transform-origin: left } .prd-USP { align-items: center; background-color: var(--Color_Surface-primary); display: flex; gap: 8px; justify-content: flex-start; min-block-size: 3rem; padding-inline: 16px } .prd-USP_Icon { inline-size: 16px } .psh-CartErrors_Item { background-color: var(--Color_Background-primary); border: 1px solid var(--Color_Border-secondary); border-radius: 4px; color: var(--Color_Text-primary); display: block; font-size: 12px; font-weight: 300; line-height: 20px; opacity: 0; padding: 10px 30px 10px 20px; pointer-events: auto; position: relative; text-align: end; transform: translate(calc(100% + 40px)); transition: transform .4s ease, opacity .3s, visibility .3s; visibility: hidden } .psh-CartErrors_Item[aria-hidden=false] { opacity: 1; transform: none; visibility: visible } .psh-CartErrors_Item + .psh-CartErrors_Item { margin-block-start: 20px } .psh-CartErrors_Close { block-size: 10px; cursor: pointer; inline-size: 10px; inset-block-start: 12px; inset-inline-end: 10px; position: absolute } .psh-CartFooter { padding-block-start: 16px } @media (min-width: 1200.02px) { .psh-CartFooter { padding-block-start: 32px } } .psh-CartFooter_Row { display: flex; justify-content: space-between; margin-block: 12px 12px } .psh-CartFooter_Row:last-child { margin-block: 12px 28px } .psh-CartFooter_Value-price { letter-spacing: .14px } .psh-CartFooter_Buttons { padding-block-start: 10px } .psh-CartFooter_Preorder { background-color: var(--Color_Background-primary); inset-block-end: 100%; inset-inline: 0; padding: 16px calc(var(--Site_Margin) + 24px); position: absolute } @media (min-width: 1023.02px) { .psh-CartFooter_Preorder { padding-inline: calc(var(--Site_Margin) + 32px) } } .psh-Cart_Items { padding: 16px var(--Drawer_Spacing) } @media (min-width: 1200.02px) { .psh-Cart_Items { padding: var(--s16) calc(var(--Drawer_Spacing) * 2) } } .psh-CartItem { display: flex; gap: 20px } @media (min-width: 1023.02px) { .psh-CartItem { gap: var(--s32) } } .psh-CartItem_Media { flex-shrink: 0; inline-size: 90px } .psh-CartItem_Content { flex: 1 } .psh-CartItem_Options { display: none } .psh-CartItem_Controls { display: flex; flex-flow: row nowrap; gap: 32px; justify-content: flex-start; margin-block-start: 16px } .psh-CartItem_Price { margin-block-start: 8px } .psh-CartItem_FinalSale { color: var(--Color_Text-sale); margin-block-start: 8px } .psh-CartItem_Preorder { margin-block-start: 8px } .psh-CartItem_VariantSelect { align-items: center; display: flex; margin-block-start: 8px } .psh-CartItem_Note { margin-block-start: 5px } .psh-CartItems_Item + .psh-CartItems_Item { margin-block-start: 16px; padding-block-start: 16px } .psh-CartItems_Missing { margin-block-end: 32px } .psh-CartItems_Links { display: flex; flex-direction: column; gap: 16px } .psh-CartItems_Link { align-items: center; display: flex; flex-flow: row nowrap; font-size: 14px; font-weight: 300; gap: 4px } .psh-CartItems_Link svg { block-size: 16px; inline-size: 16px } .psh-CartPaymentTypes { align-items: center; display: none; flex-flow: row nowrap; gap: 5px; justify-content: center; margin-block: 16px } .sh-CartPaymentTypes_Image { block-size: 20px; display: block; inline-size: 40px } .psh-CartShipping-complete { color: var(--Color_Text-primary) } .psh-CartShipping_Progress { display: block; margin-block-start: 10px } .psh-CartShipping_Bar { background-color: var(--Color_Border-secondary); position: relative } .psh-CartShipping_BarInner { background-color: var(--Color_Background-primary); block-size: 2px; inline-size: var(--Width); position: relative } .psh-CartShipping-complete .psh-CartShipping_BarInner { background-color: var(--Color_Border-primary) } .psh-Cart { display: flex; flex-direction: column } .psh-Cart_Errors { display: none; inset-block-start: 20px; inset-inline-end: 20px; max-inline-size: 320px; pointer-events: none; position: absolute; z-index: 5 } .psh-Cart_Header { background-color: var(--Color_Background-primary) } .psh-Cart_Body { flex: 1 } .psh-Cart_Footer { background-color: var(--Color_Background-primary) } .psh-Cart_Loading { background-color: #ffffff80; display: none; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; position: absolute; transition: opacity .1s ease, visibility .1s ease; visibility: hidden; z-index: 2 } .psh-Cart-loading .psh-Cart_Loading { opacity: 1; visibility: visible } .sec-AtelierDirectory_Body { display: flex; flex-direction: column } @media (min-width: 1023.02px) { .sec-AtelierDirectory_Body { flex-direction: row; padding: 24px 24px 0 } } .sec-AtelierDirectory_MediaContainer { order: 1 } @media (min-width: 1023.02px) { .sec-AtelierDirectory_MediaContainer { flex: 1 0 50% } } .sec-AtelierDirectory_ContentContainer { margin-block-start: 48px; order: 2; padding-inline: 24px } @media (min-width: 1023.02px) { .sec-AtelierDirectory_ContentContainer { flex: 1 0 50%; margin-block-start: 96px; padding-inline: 0 } .sec-AtelierDirectory_Image-mobile { display: none } } .sec-AtelierDirectory_Image-desktop { display: none } @media (min-width: 1023.02px) { .sec-AtelierDirectory_Image-desktop { display: block } .sec-AtelierDirectory_Content { margin-inline: auto; max-inline-size: 420px } } .sec-AtelierDirectory_Heading, .sec-AtelierDirectory_Intro { margin-block-end: 24px; text-align: center } .sec-AtelierDirectory_Spacer { background: var(--Color_Border-secondary); block-size: 12px; border: 0; margin-inline: calc(var(--Grid_Gutter) * -1) } @media (min-width: 1023.02px) { .sec-AtelierDirectory_Spacer { display: none } } .sec-AtelierDirectory_SelectHeader { inline-size: calc(100% + var(--Grid_Gutter) + var(--Grid_Gutter)); margin-inline: calc(var(--Grid_Gutter) * -1); padding-block: 24px; padding-inline: var(--Grid_Gutter); position: relative; z-index: 1 } @media (min-width: 1023.02px) { .sec-AtelierDirectory_SelectHeader { inline-size: 100%; margin-inline: 0; padding-inline: 0 } } .sec-AtelierDirectory_Select:not(:last-child) .sec-AtelierDirectory_SelectHeader { border-block-end: .5px solid var(--Color_Border-secondary) } .sec-AtelierDirectory_SelectTitle { color: var(--Color_Text-secondary) } .sec-AtelierDirectory_SelectButton { background: none; border: 0; color: var(--Color_Text-primary); inline-size: 100%; margin: 0; padding: 0; text-align: start } .sec-AtelierDirectory_SelectButton[aria-disabled=true] { pointer-events: none } .sec-AtelierDirectory_Options { display: flex; flex-direction: column; gap: 20px; padding: 32px; position: relative; z-index: 1 } .sec-AtelierDirectory_Option { color: var(--Color_Text-primary); cursor: pointer; inline-size: 100%; text-align: center; transition: opacity .3s ease } .sec-AtelierDirectory_Option:hover { color: var(--Color_Text-primary); opacity: .6 } .sec-AtelierDirectory_Option:has(~.sec-AtelierDirectory_Option:hover), .sec-AtelierDirectory_Option:hover ~ .sec-AtelierDirectory_Option { color: var(--Color_Text-secondary); opacity: .6 } .sec-AtelierDirectory_NoResults { border-block-start: .5px solid var(--Color_Border-secondary); padding-block: 32px; text-align: start } .sec-AtelierDirectory_Service[aria-hidden=true] { display: none } .sec-AtelierDirectory_ServiceItemIcon svg { block-size: 16px; inline-size: 16px } .sec-AtelierDirectory_ServiceItemButton[aria-pressed=true] :is(.sec-AtelierDirectory_ServiceItemIcon svg) { transform: rotate(180deg) } .sec-AtelierDirectory_ServiceItemButton { border-block-start: .5px solid var(--Color_Border-secondary); cursor: pointer; display: flex; font-weight: 300; inline-size: calc(100% + var(--Grid_Gutter) + var(--Grid_Gutter)); justify-content: space-between; margin-inline: calc(var(--Grid_Gutter) * -1); padding-block: 24px; padding-inline: var(--Grid_Gutter) } @media (min-width: 1023.02px) { .sec-AtelierDirectory_ServiceItemButton { inline-size: 100%; margin-inline: 0; padding-inline: 0 } } .sec-AtelierDirectory_ServiceItemContent { padding-block-end: 32px; padding-inline: 16px } .sec-AtelierDirectory_ServiceItemContent[aria-hidden=true] { display: none } .sec-AtelierDirectory_ItemDescription { margin-block-end: 32px } .sec-AtelierDirectory_ItemInfo { align-content: flex-start; display: grid; gap: 10px; grid-template-columns:repeat(2, 1fr); margin-block-end: 32px } .sec-AtelierDirectory_ItemLineItem { display: block } .sec-AtelierDirectory_ItemListItem { align-items: center; display: flex; flex-direction: row; gap: 8px; margin-block-end: 12px } .sec-AtelierDirectory_ItemListItem svg { block-size: 16px; inline-size: 16px } .sec-AtelierDirectory_ItemListLink { font-weight: 300 } .sec-BackLink { border-block: var(--Border_Width) solid var(--Color_Border-secondary); display: block; padding: 24px var(--Site_Margin) } @media (min-width: 1023.02px) { .sec-BackLink { border-block-start: 0 } } .sec-BackLink_Link { align-items: center; display: flex; gap: 4px } @media (min-width: 1023.02px) { .sec-BackLink_Link { display: inline-flex } } .sec-BackLink_Link svg { block-size: 15px; inline-size: 15px } .sec-Banner-bleed .sec-Banner_Inner { padding-block: var(--s32) var(--Bleed_Bottom); padding-inline: var(--s32) } .sec-Banner-notopbleed .sec-Banner_Inner { padding-block: 0 var(--Bleed_Bottom); padding-inline: var(--s32) } .sec-Banner-fullbleed .sec-Banner_Inner { display: grid; padding: 0 } @media (max-width: 1023px) { .sec-Banner-grid .sec-Banner_Inner { padding-inline: 0 } } .sec-Banner_Cards { display: flex; flex-flow: row nowrap; justify-content: flex-start; overflow: scroll hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none } @media (min-width: 1023.02px) { .sec-Banner_Cards { align-items: flex-start; column-gap: var(--Desktop_ColumnGap, 0); justify-content: center } } @media (max-width: 1023px) { .sec-Banner-fullbleed .sec-Banner_Cards { display: block } } .sec-Banner_Cards::-webkit-scrollbar { display: none } @media (max-width: 1023px) { .sec-Banner_Cards-grid { display: grid; gap: var(--Mobile_ColumnGap, 0); grid-template-columns:repeat(2, minmax(0, 1fr)) } } .blk-BannerCard { flex: 0 0 var(--Card_Size-mobile); position: relative; scroll-snap-align: start } @media (min-width: 1023.02px) { .blk-BannerCard { flex: 1 1 var(--Card_Size) } } @media (hover: hover),(min-width: 1600px) { .blk-BannerCard:hover .btn-Button-secondary:after { transform: none } } .sec-Banner-fullbleed .blk-BannerCard { display: grid } .sec-Banner-fullbleed .blk-BannerCard_Media { grid-column: 1; grid-row: 1; margin-inline: -.1px } .blk-BannerCard_Media-video { aspect-ratio: var(--Media_AspectRatio); position: relative; transform: scale(1.001); transform-origin: center } .blk-BannerCard_Media-desktop { display: none } @media (min-width: 1023.02px) { .blk-BannerCard_Media-desktop { display: block } .blk-BannerCard_Media-mobile { display: none } } .blk-BannerCard_Media-heightaware .rsp-Image { block-size: 100svh; max-block-size: min(66.67vw, 100svh); min-block-size: 56.25vw } .blk-BannerCard_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: 0 } .blk-BannerCard_Footer { --Content_Align: var(--Content_Align-mobile); align-items: var(--Content_Align); display: flex; flex-direction: column; gap: 0; inline-size: 100%; margin-block-start: var(--s12) } @media (min-width: 1023.02px) { .blk-BannerCard_Footer { --Content_Align: var(--Content_Align-desktop) } } .sec-Banner-fullbleed .blk-BannerCard_Footer { align-items: center; align-self: flex-end; cursor: pointer; gap: var(--s8); grid-column: 1; grid-row: 1; margin-block-end: var(--s80); z-index: 2 } @media (max-width: 1023px) { .blk-BannerCard_MobileTheme-white { color: var(--Color_White) } .blk-BannerCard_MobileTheme-black { color: var(--Color_Black) } } @media (min-width: 1023.02px) { .blk-BannerCard_DesktopTheme-white { color: var(--Color_White) } .blk-BannerCard_DesktopTheme-black { color: var(--Color_Black) } } .sec-CareTips { display: block } .sec-CareTips_Columns { display: grid } @media (min-width: 1023.02px) { .sec-CareTips_Columns { grid-template-columns:repeat(2, 1fr) } .sec-CareTips_Column { padding-inline: var(--Site_Margin) } } .sec-CareTips_Medias { display: grid } .sec-CareTips_Media { display: flex; grid-column: 1; grid-row: 1; overflow: hidden; position: relative; transition: opacity .1s ease, visibility .1s ease; z-index: 0 } .sec-CareTips_Media:after { content: ""; display: block; padding-block-start: 140% } .sec-CareTips_Media-swap { display: none } @media (min-width: 1023.02px) { .sec-CareTips_Media-swap { display: flex; opacity: 0; visibility: hidden; z-index: 1 } } .sec-CareTips_Media-active.sec-CareTips_Media-swap { opacity: 1; visibility: visible } .sec-CareTips_Image { z-index: var(--Image_ZIndex) } .sec-CareTips_Image, .sec-CareTips_Video { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute } .sec-CareTips_Video { inset-block-start: 0; object-fit: cover; z-index: -1 } .sec-CareTips_Content { margin-block-start: 32px; margin-inline: auto; max-inline-size: 420px } @media (min-width: 1023.02px) { .sec-CareTips_Content { margin-block-start: 96px } } .sec-CareTips_Heading { display: grid; gap: 32px; margin-block-end: 32px; padding-inline: calc(var(--Site_Margin) * 2); text-align: center } @media (min-width: 1023.02px) { .sec-CareTips_Heading { margin-block-end: 72px; padding-inline: 0 } } .sec-CareTips_HeadingText { text-align: start } @media (min-width: 1023.02px) { .sec-CareTips_HeadingText { text-align: center } } .sec-CareTips_Items { border-block-start: .5px solid var(--Color_Border-secondary); display: block } .sec-CareTips_Item { border-block-end: .5px solid var(--Color_Border-secondary); padding-inline: var(--Site_Margin) } @media (min-width: 1023.02px) { .sec-CareTips_Item { padding-inline: 0 } } .sec-CareTips_Trigger { align-items: center; display: flex; gap: 16px; inline-size: 100%; justify-content: space-between; padding-block: 24px; text-align: start } .sec-CareTips_Icon { block-size: 17px; display: flex; inline-size: 16px } .sec-CareTips_Trigger[aria-expanded=true] .sec-CareTips_Icon { transform: rotate(180deg) } .sec-CareTips_Expand { display: grid; grid-template-rows:0fr; scroll-margin-top: 60px } .sec-CareTips_Expand[aria-hidden=false] { grid-template-rows:1fr } .sec-CareTips_AccordionContent { overflow: hidden } .sec-CareTips_AccordionImage { display: flex; inline-size: 100%; margin-block-end: 32px; padding-inline: 16px } .sec-CareTips_Text { padding-block-end: 32px; padding-inline: 16px } .sec-CareersList_Grid { display: grid; gap: 20px } .sec-CareersList_Row { display: flex; gap: var(--Grid_Gutter); justify-content: space-between; position: relative } @media (min-width: 1023.02px) { .sec-CareersList_Row { display: grid; grid-template-columns:repeat(2, 1fr) } } .sec-CareersList_Row-mobileHeading { padding-block-end: 12px } @media (min-width: 1023.02px) { .sec-CareersList_Row-mobileHeading { display: none } } .sec-CareersList_Row-desktopHeading { display: none } @media (min-width: 1023.02px) { .sec-CareersList_Row-desktopHeading { display: grid; padding-block-end: 24px } .sec-CareersList_Primary { display: grid; gap: var(--Grid_Gutter); grid-template-columns:repeat(2, 1fr) } } .sec-CareersList_Secondary { text-align: end } @media (min-width: 1023.02px) { .sec-CareersList_Secondary { display: grid; gap: var(--Grid_Gutter); grid-template-columns:repeat(2, 1fr); text-align: start } } .sec-CareersList_Heading { inline-size: 100%; text-align: center } @media (min-width: 1023.02px) { .sec-CareersList_Heading { text-align: start } } .sec-CareersList_Title { font-weight: 300 } .sec-CareersList_Link { font-weight: 300; -webkit-text-decoration: underline; text-decoration: underline } .sec-CareersList_Link:before { content: ""; display: block; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1 } .sec-CareersList_LinkText { display: none } @media (min-width: 1023.02px) { .sec-CareersList_LinkText { display: inline } } .sec-ClientHelp { display: block; inset-block-end: 1.5rem; inset-inline-end: 1.5rem; position: fixed; transition: inset-block-end .6s ease, opacity .3s ease, visibility .3s ease; z-index: 2 } @media (max-width: 1023px) { .lyt-Theme-collection .sec-ClientHelp { transform: translateY(-100%) } } .sec-ClientHelp-hidden { opacity: 0; visibility: hidden } @media (max-width: 1023px) { .sec-ClientHelp-offset { inset-block-end: 5.5rem } } .sec-ClientHelp_Body { display: flex; flex-direction: column } .sec-ClientHelp_Button { align-items: center; background-color: var(--Color_Background-primary); block-size: 48px; border-radius: 50%; color: var(--Color_Text-primary); display: flex; inline-size: 48px; justify-content: center; padding: 11px } .sec-ClientHelp_Logo { color: var(--Color_Text-primary); display: block; inline-size: 26px; position: relative } .sec-ClientHelp-active .sec-ClientHelp_Logo:after { background-color: var(--Color_Success); block-size: 5px; border: .5px solid var(--Color_Border-primary); border-radius: 50%; content: ""; inline-size: 5px; inset-block-start: -2px; inset-inline-end: -2px; position: absolute; z-index: 2 } .sec-ClientHelp_Menu { text-align: start } .sec-ClientHelp_Links { display: flex; flex-direction: column; gap: 15px; padding: 20px var(--Grid_Gutter) 32px } @media (min-width: 1200.02px) { .sec-ClientHelp_Links { padding: 20px var(--Grid_Gutter) 48px } } .sec-ClientHelp_Link { display: flex; justify-content: flex-start; text-align: start } .sec-ClientHelp_Url { align-items: center; display: flex; gap: 6px; inline-size: fit-content; position: relative } .sec-ClientHelp_Body-active .sec-ClientHelp_Url:after { display: none } .sec-ClientHelp_Arrow { inline-size: 16px } .sec-ClientHelp_Icon { inline-size: 16px; position: relative } .sec-ClientHelp_Body-active .sec-ClientHelp_Url-status .sec-ClientHelp_Icon:after { background-color: var(--Color_Success); block-size: 4px; border-radius: 50%; content: ""; inline-size: 4px; inset-block-start: 0; inset-inline-end: 0; position: absolute; z-index: 2 } .sec-ClientHelp_Title { font-size: 12px; margin: 16px var(--Drawer_Spacing) 0; text-align: start } @media (min-width: 1200.02px) { .sec-ClientHelp_Title { margin: 16px calc(var(--Drawer_Spacing) * 2) 0 } } :where(.lyt-Theme:not(.lyt-Theme-zendesk)) #launcher { display: none } .sec-ClientServices_Body { display: flex; flex-direction: column } @media (min-width: 1023.02px) { .sec-ClientServices_Body { flex-direction: row; padding: 24px 24px 0 } } .sec-ClientServices_MediaContainer { order: 1 } @media (min-width: 1023.02px) { .sec-ClientServices_MediaContainer { flex: 1 0 50% } } .sec-ClientServices_ContentContainer { margin-block-start: 48px; order: 2; padding-inline: 24px } @media (min-width: 1023.02px) { .sec-ClientServices_ContentContainer { flex: 1 0 50%; margin-block-start: 96px; padding-inline: 0 } } .sec-ClientServices_ImageContainer[aria-hidden=true] { display: none } @media (min-width: 1023.02px) { .sec-ClientServices_Image-mobile { display: none } } .sec-ClientServices_Image-desktop { display: none } @media (min-width: 1023.02px) { .sec-ClientServices_Image-desktop { display: block } .sec-ClientServices_Content { margin-inline: auto; max-inline-size: 420px } } .sec-ClientServices_Heading, .sec-ClientServices_Intro { margin-block-end: 24px; text-align: center } .sec-ClientServices_Spacer { background: var(--Color_Surface-primary); block-size: 12px; border: 0; margin-inline: calc(var(--Grid_Gutter) * -1) } @media (min-width: 1023.02px) { .sec-ClientServices_Spacer { display: none } } .sec-ClientServices_Tiers { margin-block-end: 32px; padding-block: 48px } .sec-ClientServices_Tiers:after { border-block-end: .5px solid var(--Color_Border-primary); content: ""; display: block; inline-size: 100%; transform: translateY(-48px) } .sec-ClientServices_Items { display: flex; justify-content: space-between } .sec-ClientServices_Button { background: #0000; border: 0; color: var(--Color_Text-secondary); font-weight: 300; position: relative } .sec-ClientServices_Button[aria-pressed=true] { color: var(--Color_Text-primary) } .sec-ClientServices_Button[aria-pressed=true]:after { content: "|"; inset-block-start: 26px; inset-inline-start: 50%; position: absolute } .sec-ClientServices_Button-current { color: var(--Color_Text-primary) } .sec-ClientServices_CustomerTier { block-size: 16px; display: block; font-weight: 300; margin-block-end: 48px } .sec-ClientServices_Service[aria-hidden=true] { display: none } .sec-ClientServices_ServiceItemIcon svg { block-size: 16px; inline-size: 16px } .sec-ClientServices_ServiceItemButton[aria-pressed=true] :is(.sec-ClientServices_ServiceItemIcon svg) { transform: rotate(180deg) } .sec-ClientServices_ServiceItemButton { border-block-start: .5px solid var(--Color_Border-secondary); cursor: pointer; display: flex; font-weight: 300; inline-size: calc(100% + var(--Grid_Gutter) + var(--Grid_Gutter)); justify-content: space-between; margin-inline: calc(var(--Grid_Gutter) * -1); padding-block: 24px; padding-inline: var(--Grid_Gutter) } @media (min-width: 1023.02px) { .sec-ClientServices_ServiceItemButton { inline-size: 100%; margin-inline: 0; padding-inline: 0 } } .sec-ClientServices_ServiceItemButton[aria-pressed=true] { font-weight: 300 } .sec-ClientServices_ServiceItemContent { padding-block-end: 32px; padding-inline: 16px } @media (min-width: 1023.02px) { .sec-ClientServices_ServiceItemContent { display: flex; gap: var(--Site_Margin) } } .sec-ClientServices_ServiceItemContent[aria-hidden=true], .sec-ClientServices_ServiceItemInline { display: none } @media (min-width: 1023.02px) { .sec-ClientServices_ServiceItemInline { display: block; flex-grow: 0; flex-shrink: 0; inline-size: 40%; margin-inline-start: -16px } } .sec-ClientServices_ServiceItemImage { margin-block-end: 32px } @media (min-width: 1023.02px) { .sec-ClientServices_ServiceItemImage { display: none } } .sec-CtaCardsCarousel { padding-inline: var(--Site_Margin) } .sec-CtaCardsCarousel-fullbleed { padding-inline: 0 } .sec-CtaCardsCarousel_Carousel { display: block; margin-inline: calc(var(--Site_Margin) * -1); overflow: hidden } .sec-CtaCardsCarousel-fullbleed .sec-CtaCardsCarousel_Carousel { margin-inline: 0; padding-inline: 0 } .sec-CtaCardsCarousel_Slides:not([data-keen-slider-disabled]) { overflow: visible } .sec-CtaCardsCarousel_Slides:not([data-initialised=true]), .sec-CtaCardsCarousel_Slides[data-keen-slider-disabled] { display: flex; gap: 32px } @media (min-width: 1023.02px) { .sec-CtaCardsCarousel_Slides:not([data-initialised=true]), .sec-CtaCardsCarousel_Slides[data-keen-slider-disabled] { gap: 64px } .sec-CtaCardsCarousel_Slides.sec-CtaCardsCarousel_Slides-overflow { overflow: auto } } .sec-CtaCardsCarousel_Slides:not([data-keen-slider-disabled]) .sec-CtaCardsCarousel_Slide { overflow: visible } .sec-CtaCardsCarousel_Slides:not([data-initialised=true]) .sec-CtaCardsCarousel_Slide, .sec-CtaCardsCarousel_Slides[data-keen-slider-disabled] .sec-CtaCardsCarousel_Slide { flex-shrink: 0; inline-size: calc(90.90909% - 58.18182px) } @media (min-width: 1023.02px) { .sec-CtaCardsCarousel_Slides:not([data-initialised=true]) .sec-CtaCardsCarousel_Slide, .sec-CtaCardsCarousel_Slides[data-keen-slider-disabled] .sec-CtaCardsCarousel_Slide { inline-size: calc(33.33333% - 42.66667px) } } .sec-CtaCardsDouble { padding-inline: var(--Site_MarginInset) } .sec-CtaCardsDouble-fullbleed { padding-inline: 0 } .sec-CtaCardsDouble_Cards { display: grid } @media (min-width: 1023.02px) { .sec-CtaCardsDouble_Cards { grid-template-columns:repeat(2, 1fr); justify-content: center } } .sec-CtaCardsDouble-inset .sec-CtaCardsDouble_Cards { gap: var(--Grid_Gutter) } @media (max-width: 1023px) { .sec-CtaCardsDouble-inset .sec-CtaCardsDouble_Cards, .sec-CtaCardsDouble-standard .sec-CtaCardsDouble_Cards:has(.sec-CtaCardsDouble_Card:first-of-type .blk-CtaCard_Content-under) { gap: 32px } .sec-CtaCardsDouble-standard .sec-CtaCardsDouble_Cards:has(.sec-CtaCardsDouble_Card:first-of-type .blk-CtaCard_Content-under .blk-CtaCard_Title+.blk-CtaCard_Links,.sec-CtaCardsDouble_Card:first-of-type .blk-CtaCard_Content-under .blk-CtaCard_Texts+.blk-CtaCard_Links) { gap: 48px } .sec-CtaCardsDouble-reverse .sec-CtaCardsDouble_Cards:has(.sec-CtaCardsDouble_Card:nth-of-type(2) .blk-CtaCard_Content-under) { gap: 32px } .sec-CtaCardsDouble-reverse .sec-CtaCardsDouble_Cards:has(.sec-CtaCardsDouble_Card:nth-of-type(2) .blk-CtaCard_Content-under .blk-CtaCard_Title+.blk-CtaCard_Links,.sec-CtaCardsDouble_Card:nth-of-type(2) .blk-CtaCard_Content-under .blk-CtaCard_Texts+.blk-CtaCard_Links) { gap: 48px } } .sec-CtaCardsDouble_Card { display: grid } @media (max-width: 1023px) { .sec-CtaCardsDouble-reverse .sec-CtaCardsDouble_Card:last-child { grid-row: 1 } } .sec-CtaCardsSingle { padding-inline: var(--Site_MarginInset) } .sec-CtaCardsSingle-fullbleed { padding-inline: 0 } .sec-CtaCardsSingle_Cards { display: grid } @media (min-width: 1023.02px) { .sec-CtaCardsSingle_Cards { display: flex; justify-content: center } } .sec-CtaCardsSingle-inset .sec-CtaCardsSingle_Cards { gap: var(--Grid_Gutter) } @media (min-width: 1023.02px) { .sec-CtaCardsSingle_Card { flex-shrink: 1; inline-size: 40% } } .sec-CtaCardsTriple { --CtaCardsTriple_Gap: 16px; padding-inline: var(--Site_MarginInset) } @media (min-width: 1023.02px) { .sec-CtaCardsTriple { --CtaCardsTriple_Gap: 64px } } .sec-CtaCardsTriple-fullbleed { padding-inline: 0 } .sec-CtaCardsTriple-noGap { --CtaCardsTriple_Gap: 0px } .sec-CtaCardsTriple_Carousel { display: block; margin-inline: calc(var(--Site_MarginInset) * -1); overflow: hidden; padding-inline: var(--Site_MarginInset) } .sec-CtaCardsTriple-fullbleed .sec-CtaCardsTriple_Carousel { margin-inline: 0; padding-inline: 0 } .sec-CtaCardsTriple_Slides:not([data-keen-slider-disabled]) { overflow: visible } @media (min-width: 1023.02px) { .sec-CtaCardsTriple_Slides:not([data-keen-slider-disabled]) { overflow: hidden } } .sec-CtaCardsTriple_Slides:not([data-initialised=true]), .sec-CtaCardsTriple_Slides[data-keen-slider-disabled] { display: flex; gap: var(--CtaCardsTriple_Gap) } .sec-CtaCardsTriple_Slides:not([data-keen-slider-disabled]) .sec-CtaCardsTriple_Slide { overflow: visible } .sec-CtaCardsTriple_Slides:not([data-initialised=true]) .sec-CtaCardsTriple_Slide, .sec-CtaCardsTriple_Slides[data-keen-slider-disabled] .sec-CtaCardsTriple_Slide { flex-shrink: 0; inline-size: calc(83.33333% - (var(--CtaCardsTriple_Gap) * 2) / 1.2) } @media (min-width: 1023.02px) { .sec-CtaCardsTriple_Slides:not([data-initialised=true]) .sec-CtaCardsTriple_Slide, .sec-CtaCardsTriple_Slides[data-keen-slider-disabled] .sec-CtaCardsTriple_Slide { inline-size: calc(33.33333% - (var(--CtaCardsTriple_Gap) * 2) / 3) } } .sec-EditorialPanoramic { display: block; inline-size: 100% } .sec-EditorialPanoramic_Image { inline-size: 100%; overflow: hidden; position: relative } .sec-EditorialPanoramic_Image .rsp-Image_Image { object-position: top } .sec-EditorialPanoramic_Picture-desktop { display: none } @media (min-width: 1023.02px) { .sec-EditorialPanoramic_Picture-desktop { display: block } .sec-EditorialPanoramic_Picture-mobile { display: none } } .sec-EditorialPanoramic_Overlay { background-color: var(--Color_Background-primary); top: 0; right: 0; bottom: 0; left: 0; opacity: 0; pointer-events: none; position: absolute; z-index: 1 } .sec-EditorialSplit { background-color: var(--Color_Surface-primary); color: var(--Color_Text-primary); display: block; inline-size: 100%; position: relative } @media (min-width: 1023.02px) { .sec-EditorialSplit { display: flex; flex-direction: row } .sec-EditorialSplit-stickyOnRight { flex-direction: row-reverse } } .sec-EditorialSplit_Sticky { flex-shrink: 0; inline-size: 100% } @media (min-width: 1023.02px) { .sec-EditorialSplit_Sticky { align-self: flex-start; inline-size: 50%; inset-block-start: 0; position: sticky } } .sec-EditorialSplit_StickyMedia { inline-size: 100%; overflow: hidden; position: relative } @media (min-width: 1023.02px) { .sec-EditorialSplit_StickyMedia { min-block-size: 100vh } } .sec-EditorialSplit_StickyMedia .rsp-Image, .sec-EditorialSplit_StickyMedia .rsp-Image_Image { top: 0; right: 0; bottom: 0; left: 0; position: absolute } .sec-EditorialSplit_StickyMedia-desktop { display: none } @media (min-width: 1023.02px) { .sec-EditorialSplit_StickyMedia-desktop { display: block } .sec-EditorialSplit_StickyMedia-mobile { display: none } } .sec-EditorialSplit_Scroll { flex: 1 1 0; inline-size: 100% } @media (min-width: 1023.02px) { .sec-EditorialSplit_Scroll { display: flex; flex-direction: column; inline-size: 50% } .sec-EditorialSplit_Content { padding-inline: var(--Site_Margin) } } .sec-EditorialSplit_BylineZone { display: none } @media (min-width: 1023.02px) { .sec-EditorialSplit_BylineZone { block-size: 868px; display: flex; flex-direction: column; justify-content: flex-end; padding-block-end: calc(var(--Site_Margin) * 1.5); padding-inline-start: var(--Site_Margin) } .sec-EditorialSplit-stickyOnRight .sec-EditorialSplit_BylineZone { padding-inline: 0 var(--Site_Margin) } } .sec-EditorialSplit_Byline { align-items: flex-start; display: flex; gap: 12px; inline-size: fit-content; inset-block-end: calc(var(--Site_Margin) * 1.5); position: sticky } .sec-EditorialSplit-stickyOnRight .sec-EditorialSplit_Byline { margin-inline-start: auto } .sec-EditorialSplit_BylineDagger { flex-shrink: 0; inline-size: 14px } .sec-EditorialSplit_BylineText { inline-size: 134px } .sec-EditorialSplit_BottomImage { margin-block-start: calc(var(--Site_Margin) * 4) } @media (min-width: 1023.02px) { .sec-EditorialSplit_BottomImage { margin-block-start: 0 } } .sec-FeaturedProductsGridCard { display: block; inline-size: 100% } @media (min-width: 1023.02px) { .sec-FeaturedProductsGridCard-alignWithProducts { padding-block-end: 32px } } .sec-FeaturedProductsGridCard_Media { display: flex; flex-grow: 1; overflow: hidden; position: relative } @media (min-width: 1023.02px) { .sec-FeaturedProductsGridCard_Media { inset-block-start: 0; position: sticky } } @media (max-width: 1023px) { .sec-FeaturedProductsGridCard_Media:after { content: ""; display: block; padding-block-start: 140% } } @media (min-width: 1023.02px) { .sec-FeaturedProductsGridCard_Media:after { padding-block-start: 140% } } .sec-FeaturedProductsGridCard_Image { block-size: 100%; display: flex; inline-size: 100% } .sec-FeaturedProductsGridCard_Image-desktop { display: none } @media (min-width: 1023.02px) { .sec-FeaturedProductsGridCard_Image-desktop { display: flex } .sec-FeaturedProductsGridCard_Image-mobile { display: none } } .sec-FeaturedProductsGridCard_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-FeaturedProductsGridCard_Video-desktop { display: none } @media (min-width: 1023.02px) { .sec-FeaturedProductsGridCard_Video-desktop { display: flex } .sec-FeaturedProductsGridCard_Video-mobile { display: none } } .sec-FeaturedProductsGrid { --Section_Spacing: 24px } @media (min-width: 1023.02px) { .sec-FeaturedProductsGrid { margin-inline: var(--Site_Margin) } } .sec-FeaturedProductsGrid_Header { margin-block-end: calc(var(--Section_Spacing) * 1.5); margin-inline: auto; max-inline-size: 350px; text-align: center } @media (min-width: 1023.02px) { .sec-FeaturedProductsGrid_Header { margin-block-end: calc(var(--Section_Spacing) * 2) } } .sec-FeaturedProductsGrid_Columns { display: grid; gap: 48px; grid-auto-flow: dense; grid-template-columns:minmax(0, 1fr) } @media (min-width: 1023.02px) { .sec-FeaturedProductsGrid_Columns { gap: 64px; grid-template-columns:repeat(2, minmax(0, 1fr)) } } .sec-FeaturedProductsGrid_Column-media { display: flex } .sec-FeaturedProductsGrid_Column-media:after { content: ""; display: block; inline-size: 0; padding-block-start: 140% } @media (min-width: 1023.02px) { .sec-FeaturedProductsGrid-reverse .sec-FeaturedProductsGrid_Column-media { grid-column: 2; grid-row: 1 } .sec-FeaturedProductsGrid-reverse .sec-FeaturedProductsGrid_Column-products { grid-column: 1; grid-row: 1 } } .sec-FeaturedProductsGrid_Items { display: grid; gap: 24px; grid-auto-flow: dense; grid-template-columns:repeat(2, minmax(0, 1fr)) } @media (min-width: 1023.02px) { .sec-FeaturedProductsGrid_Items { gap: 48px 64px } } .sec-GridCard { block-size: 100%; display: flex; flex-direction: column } .sec-GridCard_Media { display: flex; flex-grow: 1; overflow: hidden; position: relative } @media (max-width: 1023px) { .sec-Grid_Column-mobileSetHeight .sec-GridCard_Media { flex-grow: 0 } .sec-Grid_Column-mobileSetHeight .sec-GridCard_Media:after { content: ""; display: block; padding-block-start: 140% } } @media (min-width: 1023.02px) { .sec-Grid_Column-desktopSetHeight .sec-GridCard_Media:after { content: ""; display: block; padding-block-start: 140% } .sec-GridCard_Media-mobile { display: none } } .sec-GridCard_Media-desktop { display: none } @media (min-width: 1023.02px) { .sec-GridCard_Media-desktop { display: flex } } .sec-GridCard_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: var(--Image_ZIndex) } .sec-GridCard_Image-hover { visibility: hidden; z-index: 1 } @media (min-width: 1023.02px) { .sec-GridCard:hover .sec-GridCard_Image-hover { visibility: visible } } .sec-GridCard_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-GridCard_MobileSlides { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; display: flex; min-inline-size: 100%; overflow-x: auto; overscroll-behavior-x: contain; scroll-behavior: smooth; scroll-snap-stop: always; scroll-snap-type: x mandatory; scrollbar-width: none } .sec-GridCard_MobileSlides::-webkit-scrollbar { display: none } .sec-GridCard_MobileSlide { flex: 0 0 100%; inline-size: 100%; position: relative; scroll-snap-align: start } .sec-Grid_Column-hasHover:first-child .sec-GridCard_MobileSlide { animation: NudgeImage 1.2s ease 1s forwards } .sec-GridCard_Content { align-items: center; display: flex; flex-grow: 0; flex-shrink: 0; gap: 6px; margin-block-start: 12px; min-block-size: 20px } @media (max-width: 1023px) { .sec-Grid_Column-inset .sec-GridCard_Content { padding-inline-start: var(--Site_Margin) } } .sec-GridCard_Arrow { block-size: 15px; display: flex; flex-shrink: 0; inline-size: 15px } .sec-GridGiftCard { block-size: 100%; display: grid; grid-template-columns:minmax(0, 1fr) } .sec-GridGiftCard-light { color: var(--Color_White) } .sec-GridGiftCard_Media { display: flex; grid-column: 1; grid-row: 1; overflow: hidden; position: relative } .sec-GridGiftCard_Image, .sec-GridGiftCard_Video { display: flex; inline-size: 100% } .sec-GridGiftCard_Video { block-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-GridGiftCard_Content { align-self: end; display: flex; gap: 15px; grid-column: 1; grid-row: 1; justify-content: space-between; opacity: 0; padding: 12px 15px; z-index: 1 } .sec-GridGiftCard:hover .sec-GridGiftCard_Content { opacity: 1 } .sec-GridGiftCard_Title { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sec-GridGiftCard_Price { flex-shrink: 0 } .sec-Grid { --Section_Spacing: 24px } @media (min-width: 1023.02px) { .sec-Grid { margin-inline: var(--Site_Margin) } .sec-Grid-narrow { margin-inline: 0 } } .sec-Grid_Header { margin-block-end: calc(var(--Section_Spacing) * 1.5); margin-inline: auto; max-inline-size: 350px; text-align: center } @media (min-width: 1023.02px) { .sec-Grid_Header { margin-block-end: calc(var(--Section_Spacing) * 2) } } .sec-Grid_Columns { display: grid; gap: 24px; grid-auto-flow: dense; grid-template-columns:repeat(var(--Columns_Mobile), minmax(0, 1fr)) } @media (min-width: 1023.02px) { .sec-Grid_Columns { gap: 48px 64px; grid-template-columns:repeat(var(--Columns_Desktop), minmax(0, 1fr)) } } .sec-Grid-narrow .sec-Grid_Columns { gap: 5px } @media (min-width: 1023.02px) { .sec-Grid-narrow .sec-Grid_Columns { gap: 12px } } .sec-Grid_Column-media { grid-column: span var(--Mobile_Columns) } @media (min-width: 1023.02px) { .sec-Grid_Column-media { grid-column: span var(--Desktop_Columns); grid-row: span var(--Desktop_Rows) } } .sec-HeroSticky { display: block } .sec-HeroSticky_Body { display: grid; padding-inline: var(--Site_Margin) } @media (min-width: 1200.02px) { .sec-HeroSticky_Body { gap: var(--Grid_Gutter); grid-template-columns:repeat(12, 1fr) } } .sec-HeroSticky-fullbleed .sec-HeroSticky_Body { padding-inline: 0 } .sec-HeroSticky_Card { inline-size: 100%; margin-inline: auto } @media (min-width: 1200.02px) { .sec-HeroSticky_Card { grid-column: 1/span 12; inline-size: auto; margin-inline: 0 } } .sec-Hero { display: block } .sec-Hero-coverEffect, .sec-Hero-revealEffect { block-size: 100vh; clip-path: border-box; position: relative } .sec-Hero_StickyContainer { inline-size: 100% } .sec-Hero-revealEffect .sec-Hero_StickyContainer { block-size: 0; inset-block-start: 100%; position: sticky; z-index: 1 } .sec-Hero-coverEffect .sec-Hero_StickyContainer { block-size: 0; inset-block-start: 0; position: sticky; z-index: 1 } .sec-Hero-revealEffect .sec-Hero_StickyElement { block-size: 100svh; inset-block-end: 0; inset-inline: 0; position: absolute; z-index: 1 } @media (min-width: 1023.02px) { .sec-Hero-revealEffect .sec-Hero_StickyElement { block-size: 100vh } } .sec-Hero-coverEffect .sec-Hero_StickyElement { block-size: 100svh; inset-block-start: 0; inset-inline: 0; position: absolute; z-index: 1 } @media (min-width: 1023.02px) { .sec-Hero-coverEffect .sec-Hero_StickyElement { block-size: 100vh } } .sec-Hero_Body { display: grid; padding-inline: var(--Site_Margin) } @media (min-width: 1200.02px) { .sec-Hero_Body { gap: var(--Grid_Gutter); grid-template-columns:repeat(12, 1fr) } } .sec-Hero-fullbleed .sec-Hero_Body { padding-inline: 0 } .sec-Hero-coverEffect .sec-Hero_Body, .sec-Hero-revealEffect .sec-Hero_Body { block-size: 100% } .sec-Hero_Card { inline-size: 100%; margin-inline: auto } @media (min-width: 1200.02px) { .sec-Hero_Card { grid-column: 1/span 12; inline-size: auto; margin-inline: 0 } } .sec-Hero-tencolumns .sec-Hero_Card { inline-size: 91.66667% } @media (min-width: 1023.02px) { .sec-Hero-tencolumns .sec-Hero_Card { inline-size: 91.66667% } } @media (min-width: 1200.02px) { .sec-Hero-tencolumns .sec-Hero_Card { grid-column: 2/span 10; inline-size: auto } } .sec-Hero-eightcolumns .sec-Hero_Card { inline-size: 83.33333% } @media (min-width: 1023.02px) { .sec-Hero-eightcolumns .sec-Hero_Card { inline-size: 75% } } @media (min-width: 1200.02px) { .sec-Hero-eightcolumns .sec-Hero_Card { grid-column: 3/span 8; inline-size: auto } } .sec-Hero-sixcolumns .sec-Hero_Card { inline-size: 75% } @media (min-width: 1023.02px) { .sec-Hero-sixcolumns .sec-Hero_Card { inline-size: 58.33333% } } @media (min-width: 1200.02px) { .sec-Hero-sixcolumns .sec-Hero_Card { grid-column: 4/span 6; inline-size: auto } } .sec-Hero-fourcolumns .sec-Hero_Card { inline-size: 66.66667% } @media (min-width: 1023.02px) { .sec-Hero-fourcolumns .sec-Hero_Card { inline-size: 50% } } @media (min-width: 1200.02px) { .sec-Hero-fourcolumns .sec-Hero_Card { grid-column: 5/span 4; inline-size: auto } } .sec-Hero-twocolumns .sec-Hero_Card { inline-size: 58.33333% } @media (min-width: 1023.02px) { .sec-Hero-twocolumns .sec-Hero_Card { inline-size: 33.33333% } } @media (min-width: 1200.02px) { .sec-Hero-twocolumns .sec-Hero_Card { grid-column: 6/span 2; inline-size: auto } } .sec-Hero-coverEffect .sec-Hero_Card, .sec-Hero-revealEffect .sec-Hero_Card { overflow: hidden } .sec-HorizontalGalleryModal { position: relative } .sec-HorizontalGalleryModal_Close { cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAyOWM3LjczMiAwIDE0LTYuMjY4IDE0LTE0UzIyLjczMiAxIDE1IDEgMSA3LjI2OCAxIDE1czYuMjY4IDE0IDE0IDE0Wm0wIDFjOC4yODQgMCAxNS02LjcxNiAxNS0xNSAwLTguMjg0LTYuNzE2LTE1LTE1LTE1QzYuNzE2IDAgMCA2LjcxNiAwIDE1YzAgOC4yODQgNi43MTYgMTUgMTUgMTVaIiBmaWxsPSIjMTIxMjEyIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im05LjgxNiAxOS43MTUgOS45LTkuOS43MDYuNzA4LTkuOSA5LjktLjcwNi0uNzA4WiIgZmlsbD0iIzEyMTIxMiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMTAuMjg1IDkuODE2IDkuOSA5LjktLjcwOC43MDYtOS45LTkuOS43MDgtLjcwNloiIGZpbGw9IiMxMjEyMTIiLz48L3N2Zz4=), grab; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1 } .sec-HorizontalGallery { display: block } @media (min-width: 1023.02px) { .sec-HorizontalGallery { block-size: var(--Media_Total); inline-size: 100vw; min-block-size: 100vh } .sec-HorizontalGallery_Slider { inset-block-start: 0; overflow: hidden; position: sticky } } .sec-HorizontalGallery_Items { display: flex; flex-direction: column; gap: 64px; padding: calc(var(--Site_Margin) * 2) } @media (min-width: 1023.02px) { .sec-HorizontalGallery_Items { block-size: auto; display: flex; flex-direction: row; gap: 0; padding: 0; transform: translate3d(var(--Scroll_Amount), 0, 0) } } @media (max-width: 1023px) { .sec-HorizontalGallery_Items.sec-HorizontalGallery_Items-scroll { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; flex-direction: row; gap: 32px; overflow-x: auto; padding: 0; scroll-behavior: smooth; scroll-snap-type: x mandatory } .sec-HorizontalGallery_Items:not(.sec-HorizontalGallery_Items-scroll) { display: grid } } .sec-HorizontalGallery_Items::-webkit-scrollbar { display: none } .sec-HorizontalGallery_Item { flex: 0 0 calc(95% - 4rem); scroll-snap-align: center; scroll-snap-stop: always } @media (min-width: 1023.02px) { .sec-HorizontalGallery_Item { block-size: 100vh; flex: unset; flex-shrink: 0; padding-block: var(--Grid_Gutter); padding-inline-end: var(--Grid_Gutter) } .sec-HorizontalGallery_Item:first-of-type { margin-inline-start: 0; padding-inline-start: var(--Site_Margin) } .sec-HorizontalGallery_Item:last-of-type { padding-inline-end: var(--Site_Margin) } } @media (max-width: 1023px) { .sec-HorizontalGallery_Items-scroll .sec-HorizontalGallery_Item:first-of-type { margin-inline-start: calc(var(--Site_Margin) * 2) } .sec-HorizontalGallery_Items-scroll .sec-HorizontalGallery_Item-peek { animation: scrollHint 1s ease-in-out forwards } } @media (min-width: 1023.02px) { .sec-HorizontalGallery_Item-desktopFull { flex: 0 0 calc(100% - 60px) } } .sec-HorizontalGallery_Item-mobileFull { flex: 0 0 calc(100% - 60px) } @media (min-width: 1023.02px) { .sec-HorizontalGallery_Item-mobileFull { flex: unset; flex-shrink: 0 } } @media (max-width: 1023px) { .sec-HorizontalGallery_Items:not(.sec-HorizontalGallery_Items-scroll) .sec-HorizontalGallery_Item-revealEffect { block-size: 100vh; clip-path: border-box; margin: calc((var(--Site_Margin) * -1) * 2); position: relative } } .sec-HorizontalGallery_StickyContainer { block-size: 100%; display: flex; flex-direction: column; inline-size: 100% } @media (max-width: 1023px) { .sec-HorizontalGallery_Items:not(.sec-HorizontalGallery_Items-scroll) :is(.sec-HorizontalGallery_Item-revealEffect .sec-HorizontalGallery_StickyContainer) { block-size: 0; inset-block-start: 100%; position: sticky; z-index: 1 } } .sec-HorizontalGallery_Card { display: block; inline-size: 100%; text-align: start } @media (min-width: 1023.02px) { .sec-HorizontalGallery_Card { inline-size: 20vw } } .sec-HorizontalGallery_Card-desktopFull { block-size: 100%; inline-size: auto } @media (max-width: 1023px) { .sec-HorizontalGallery_Items:not(.sec-HorizontalGallery_Items-scroll) .sec-HorizontalGallery_Card-mobileFull { block-size: 100vh; inset-block-end: 0; inset-inline: 0; margin-block: 0; padding-inline: 0; position: absolute; z-index: 1 } } .sec-HorizontalGallery_Image { block-size: 100%; display: flex; inline-size: 100%; position: relative } .sec-HorizontalGallery_Card-hasText .sec-HorizontalGallery_Image { block-size: calc(100% - 30px) } @media (hover: hover),(min-width: 1600px) { .sec-HorizontalGallery_HoverImage { block-size: 100%; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: 0; position: absolute; transition: visibility .3s, opacity .15s ease-in-out; visibility: hidden; z-index: 1 } .sec-HorizontalGallery_Image:hover .sec-HorizontalGallery_HoverImage { opacity: 1; transition: opacity .15s ease-in-out; visibility: visible; z-index: 1 } } .sec-HorizontalGallery_ProductImage { display: flex; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; position: absolute; transition: opacity .1s ease, visibility .1s ease; visibility: hidden; z-index: 1 } .sec-HorizontalGallery_StickyContainer:has(.sec-HorizontalGallery_Link[data-product-index="1"]:hover) .sec-HorizontalGallery_ProductImage[data-product-index="1"], .sec-HorizontalGallery_StickyContainer:has(.sec-HorizontalGallery_Link[data-product-index="2"]:hover) .sec-HorizontalGallery_ProductImage[data-product-index="2"], .sec-HorizontalGallery_StickyContainer:has(.sec-HorizontalGallery_Link[data-product-index="3"]:hover) .sec-HorizontalGallery_ProductImage[data-product-index="3"] { opacity: 1; transition: opacity .1s ease, visibility .1s ease; visibility: visible } .sec-HorizontalGallery_Content { align-items: center; display: flex; gap: 6px; margin-block-start: 12px } .sec-HorizontalGallery_Arrow { block-size: 15px; display: none; flex-shrink: 0; inline-size: 15px } @media (hover: hover),(min-width: 1600px) { .sec-HorizontalGallery_Card:hover .sec-HorizontalGallery_Arrow { display: flex } } .sec-HorizontalGallery_LinkItems { display: none } @media (min-width: 1023.02px) { .sec-HorizontalGallery_LinkItems { display: grid; margin-block-start: auto } } .sec-HorizontalGallery_Link { font-weight: 300 } @media (hover: hover),(min-width: 1600px) { .sec-HorizontalGallery_Link { transition: opacity .3s ease } .sec-HorizontalGallery_LinkItems:hover .sec-HorizontalGallery_Link:not(:hover) { opacity: .3 } } .sec-HorizontalGallery_MobileProducts { align-content: flex-end; block-size: 80px; flex: 1 0 auto } @media (min-width: 1023.02px) { .sec-HorizontalGallery_MobileProducts { display: none } } .sec-HorizontalGallery_MobileProductsButton { align-items: center; display: flex; gap: 6px; margin-block-start: 20px; margin-inline-start: -4px } .sec-HorizontalGallery_Card-mobileFull .sec-HorizontalGallery_MobileProductsButton { padding-inline-start: var(--Site_MarginInset) } .sec-HorizontalGallery_MobileProductsButton svg { block-size: 16px; inline-size: 16px } .sec-MediaCarousel { --Section_Spacing: 24px } .sec-MediaCarousel_Header { margin-block-end: calc(var(--Section_Spacing) * 1.5); margin-inline: auto; max-inline-size: 350px; text-align: center } @media (min-width: 1023.02px) { .sec-MediaCarousel_Header { margin-block-end: calc(var(--Section_Spacing) * 2) } } .sec-MediaCarousel_Carousel { display: block; margin-block-end: calc(var(--Section_Spacing) * 1.5); margin-inline: calc(var(--Section_Spacing) * 2); position: relative } @media (min-width: 1023.02px) { .sec-MediaCarousel_Carousel { inline-size: 54.16667%; margin-block-end: calc(var(--Section_Spacing) * 2); margin-inline: auto } } .sec-MediaCarousel_Slides { display: grid } .sec-MediaCarousel_Slide { grid-column: 1; grid-row: 1; transition: opacity 1s var(--Carousel_Ease), visibility 1s var(--Carousel_Ease); z-index: 1 } .sec-MediaCarousel_Slide[aria-hidden=true] { opacity: 0; visibility: hidden; z-index: 0 } .sec-MediaCarousel_Controls { display: block; margin-block-start: 24px } @media (min-width: 1023.02px) { .sec-MediaCarousel_Controls { display: flex; inset-block-start: 50%; inset-inline: -20%; justify-content: space-between; margin-block-start: 0; pointer-events: none; position: absolute; transform: translateY(-50%); z-index: 1 } } .sec-MediaCarousel_Control { display: none } @media (min-width: 1023.02px) { .sec-MediaCarousel_Control { align-items: center; block-size: 48px; display: flex; inline-size: 48px; justify-content: center; pointer-events: auto } } .sec-MediaCarousel_Control svg { block-size: 36px; inline-size: 19px } .sec-MediaCarousel_Indicators { display: flex; justify-content: center } @media (min-width: 1023.02px) { .sec-MediaCarousel_Indicators { display: none } } .sec-MediaCarousel_Dot { background-color: var(--Color_Border-secondary); block-size: 1px; display: block; inline-size: 24px; position: relative } .sec-MediaCarousel_Dot:before { block-size: 20px; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transform: translateY(-50%); z-index: 1 } .sec-MediaCarousel_Dot[aria-current=true] { background-color: var(--Color_Border-Primary) } .sec-MediaCarousel_Media { --AspectRatio_Mobile: 140%; --AspectRatio_Desktop: 62.5%; display: flex; max-block-size: 100vh; position: relative } .sec-MediaCarousel_Media:after { content: ""; display: block; padding-block-start: var(--AspectRatio_Mobile) } @media (min-width: 1023.02px) { .sec-MediaCarousel_Media:after { padding-block-start: var(--AspectRatio_Desktop) } } .sec-MediaCarousel_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: var(--Image_ZIndex) } .sec-MediaCarousel_Image-desktop { display: none } @media (min-width: 1023.02px) { .sec-MediaCarousel_Image-desktop { display: flex } .sec-MediaCarousel_Image-mobile { display: none } } .sec-MediaCarousel_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-MediaCarousel_Video-desktop { display: none } @media (min-width: 1023.02px) { .sec-MediaCarousel_Video-desktop { display: flex } .sec-MediaCarousel_Video-mobile { display: none } } .sec-MediaCarousel_MediaFauxLink { display: block; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1 } .sec-MediaCarousel_Content { display: block; margin-inline: auto; max-inline-size: 350px; text-align: center } .sec-MediaCarousel_Content[aria-hidden=true] { display: none } .sec-MediaCarousel_Kickers { margin-block-end: 22px } .sec-MediaCarousel_Smallkicker { margin-block-end: 4px } .sec-MediaCarousel_Texts { margin-block-start: 22px } .sec-MediaCarousel_Subtext { margin-block-start: 4px } .sec-MediaCarousel_Buttons { margin-block-start: 24px } .sec-Section_Menswear { background-color: var(--Colour_Theme_Background); background-image: var(--background-image_mobile); background-position: var(--image-position-mobile, top) center; background-size: cover; color: var(--Colour_Theme_Foreground) } @media (min-width: 1023.02px) { .sec-Section_Menswear { background-image: var(--background-image_desktop); background-position: var(--image-position-desktop, top) center } } .sec-MenswearCapture { display: grid; place-content: center center } .sec-MenswearCapture_Inner { background-color: initial; background-image: none; display: flex; flex-flow: column nowrap; gap: 42px; inline-size: clamp(180px, 350px, 90vw); justify-content: space-between; min-block-size: var(--mobile-content-fit); text-align: center } @media (min-width: 1023.02px) { .sec-MenswearCapture_Inner { min-block-size: var(--desktop-content-fit) } } .sec-MenswearCapture_Header { display: flex; flex: var(--content-position-override, 1 0 auto); flex-direction: column; gap: 24px; justify-content: center; padding-block-start: 72px; text-align: center } .sec-MenswearCapture_Header-reverse { flex-direction: column-reverse } @media (min-width: 1023.02px) { .sec-MenswearCapture_Media-mobile { display: none } } .sec-MenswearCapture_Media-desktop { display: none } @media (min-width: 1023.02px) { .sec-MenswearCapture_Media-desktop { display: block } } .sec-MenswearCapture_Body { display: flex; flex-direction: column; justify-content: var(--content-position-mobile, flex-end) } @media (min-width: 1023.02px) { .sec-MenswearCapture_Body { justify-content: var(--content-position-desktop, flex-end) } } .sec-MenswearCapture_Title { align-content: center; font-size: var(--title-font-size, 20px); line-height: 1.2; text-transform: uppercase } .sec-MenswearCapture_Cta { align-self: center; inline-size: 100%; margin: 0 auto } .sec-MenswearCapture_Cta[aria-hidden=true], .sec-MenswearCapture_Form[aria-hidden=true] { display: none } .sec-MenswearCapture_FormInner { min-block-size: 0; overflow: hidden } .sec-MenswearCapture .frm-Form_Messages { text-align: center } .sec-MenswearCapture_Preferences { display: grid; grid-template-columns:1fr 1fr } .sec-MenswearCapture_Privacy { color: var(--Colour_Theme_Foreground); display: block; padding-block-start: 42px; text-align: center } .sec-MenswearCapture_Privacy [href] { color: var(--Colour_Theme_Foreground); -webkit-text-decoration: underline; text-decoration: underline } .mod-MenswearModal { display: block } .mod-MenswearModal_Inner { inline-size: 100vw; margin: auto; padding: 80px 32px 48px; position: relative } @media (min-width: 1023.02px) { .mod-MenswearModal_Inner { inline-size: 420px } } .mod-MenswearModal_Close { block-size: 42px; cursor: pointer; display: grid; inline-size: 42px; inset-block-start: 16px; inset-inline-end: 16px; place-content: center center; position: absolute } .mod-MenswearModal_Close svg { block-size: 16px; inline-size: 16px } @media (min-width: 1023.02px) { .mod-MenswearModal_ModalMedia-mobile { display: none } } .mod-MenswearModal_ModalMedia-desktop { display: none } @media (min-width: 1023.02px) { .mod-MenswearModal_ModalMedia-desktop { display: block } } .mod-MenswearModal_ModalTitle { font-size: var(--title-font-size, 20px); line-height: 1.2; text-align: center; text-transform: uppercase } .mod-MenswearModal_ModalHeader { display: flex; flex-direction: column; gap: 24px; margin-block-end: 48px } .mod-MenswearModal_ModalHeader-reverse { flex-direction: column-reverse } .mod-MenswearModal_Content { margin-block-end: 32px } .mod-MenswearModal_Cta[aria-hidden=true], .mod-MenswearModal_Form[aria-hidden=true] { display: none } .sec-MenswearCapture_EmailInput { animation: slide-up .3s forwards } [aria-hidden=true] .sec-MenswearCapture_EmailInput { display: none } .mod-MenswearModal_FormInner { min-block-size: 0; overflow: hidden } .mod-MenswearModal .btn-Button-primary { background: #0000; border-color: var(--Colour_Theme_Foreground); color: var(--Colour_Theme_Foreground) } .mod-MenswearModal_Footer { text-align: center } .mod-MenswearModal_Footer [href] { color: var(--Colour_Theme_Foreground); -webkit-text-decoration: underline; text-decoration: underline } .mod-MenswearModal_Modal { animation-duration: .3s; animation-fill-mode: forwards; animation-iteration-count: 1; animation-name: dialogExit; animation-timing-function: ease-out; background: var(--Colour_Theme_Background); background-image: var(--form-image_mobile); background-position: var(--image-position-mobile, top) center; background-repeat: no-repeat; background-size: var(--image-size-mobile, cover); block-size: fit-content; color: var(--Colour_Theme_Foreground); inline-size: 100vw; margin: auto auto 0; max-block-size: 100dvh; position: fixed; transition: display allow-discrete .3s, overlay allow-discrete .3s } @media (min-width: 1023.02px) { .mod-MenswearModal_Modal { background-image: var(--form-image_desktop); background-position: var(--image-position-desktop, top) center; block-size: fit-content; inline-size: fit-content; inset-block: 0; inset-inline: auto; inset-inline: 0; margin: auto } } .mod-MenswearModal_Modal[open] { animation-name: dialogEnter; opacity: 1 } @starting-style { .mod-MenswearModal_Modal[open] { opacity: 0; transform: translateY(5%) } } .mod-MenswearModal_Modal::backdrop { background-color: #09090926; background-position: 50%; background-repeat: no-repeat; background-size: cover } @media (min-width: 1023.02px) { .mod-MenswearModal_Modal::backdrop { background-image: var(--image_desktop) } } @keyframes dialogEnter { 0% { opacity: 0; transform: translateY(5%) } to { opacity: 1; transform: translateY(0) } } @keyframes dialogExit { 0% { opacity: 1; transform: translateY(0) } to { opacity: 0; transform: translateY(5%) } } .sec-PageContentCentral_Content { margin-inline: auto; max-inline-size: 600px; text-align: center } .sec-PageContentCentral_Kickers { margin-block-end: 32px } .sec-PageContentCentral_Smallkicker { margin-block-end: 4px } .sec-PageContentCentral_Texts { margin-block-start: 32px } .sec-PageContentCentral_Subtext { margin-block-start: 4px } .sec-PageContentCentral_Blocks { display: grid; gap: calc(var(--Site_Margin) * 2); grid-template-columns:minmax(0, 1fr) } .sec-PageContentCentral_Content + .sec-PageContentCentral_Blocks { margin-block-start: 32px } .sec-PageContent_Breadcrumbs { margin-block-end: 32px } .sec-PageContent_Columns { display: grid } @media (min-width: 1023.02px) { .sec-PageContent_Columns { grid-template-columns:repeat(12, 1fr) } } .sec-PageContent_Column-title { position: relative } @media (min-width: 1023.02px) { .sec-PageContent_Column-title { grid-column: 1/span 3 } .sec-PageContent_Column-careers { display: block; grid-column: 1/span 3 } } .sec-PageContent_Column-navigation { display: none } @media (min-width: 1023.02px) { .sec-PageContent_Column-navigation { display: block; grid-column: 1/span 3; margin-block-start: 64px } } .sec-PageContent_Column-content { padding-inline: var(--Site_Margin) } @media (min-width: 1023.02px) { .sec-PageContent_Column-content { grid-column: 5/span 4; padding-inline: 0 } } .sec-PageContent_Title { font-weight: 300; text-align: center } @media (min-width: 1023.02px) { .sec-PageContent_Title { text-align: start } } .sec-PageContent_CareerItems { display: grid; gap: 12px; text-align: center } @media (min-width: 1023.02px) { .sec-PageContent_CareerItems { gap: 16px; text-align: start } } .sec-PageContent_CareerItem-link { padding-block-start: 16px } .sec-PageContent_CareerLabel { display: block } .sec-PageContent_CareerLink { font-weight: 300; -webkit-text-decoration: underline; text-decoration: underline } .sec-PageContent_Items { display: grid; gap: 16px; text-align: center } @media (min-width: 1023.02px) { .sec-PageContent_Items { text-align: start } } .sec-PageContent_Item { display: flex; justify-content: center } @media (min-width: 1023.02px) { .sec-PageContent_Item { justify-content: flex-start } } .sec-PageContent_Link { display: block; position: relative; text-align: center; white-space: nowrap } @media (min-width: 1023.02px) { .sec-PageContent_Link { text-align: start } } .sec-PageContent_Blocks { display: grid; gap: 38px; grid-template-columns:minmax(0, 1fr) } .sec-PageContent_MobileNavTrigger { align-items: center; display: flex; top: 0; right: 0; bottom: 0; left: 0; justify-content: flex-end; position: absolute; z-index: 1 } @media (min-width: 1023.02px) { .sec-PageContent_MobileNavTrigger { display: none } } .sec-PageContent_MobileNavTrigger svg { block-size: 17px; inline-size: 16px } .sec-PageContent_MobileNav { padding-block: 48px } .sec-PandectesPolicy { --Margin_Top-desktop: 24px; --Margin_Bottom-desktop: 24px; --Margin_Top-mobile: 16px; --Margin_Bottom-mobile: 16px; margin-block: var(--Margin_Top-mobile) var(--Margin_Bottom-mobile) } @media (min-width: 1023.02px) { .sec-PandectesPolicy { margin-block: var(--Margin_Top-desktop) var(--Margin_Bottom-desktop) } } .sec-Passpartout { --Passpartout_MinBlockSize: 768px; --Passpartout_InlinePadding: var(--Site_Margin); --Passpartout_MobileCardInlineSize: calc(100vw - var(--Passpartout_InlinePadding) * 4); --Passpartout_MinCardInlineSize: 180px; block-size: 100vh; block-size: 100dvh; display: flex; flex-direction: column; inline-size: 100% } @media (min-width: 1023.02px) { .sec-Passpartout { --Passpartout_InlinePadding: calc(var(--u) * 48); min-block-size: var(--Passpartout_MinBlockSize) } } .sec-Passpartout_Inner { align-items: center; display: flex; flex: 1 1 0px; justify-content: center; min-block-size: 0; min-inline-size: 0; overflow: hidden; padding-block: calc(var(--s72) + var(--u) * 48) calc(var(--u) * 36); padding-inline: var(--Passpartout_InlinePadding); position: relative } .sec-Passpartout_Inner:has(.sec-Passpartout_Media-carousel) { padding-inline: 0 } @media (min-width: 1023.02px) { .sec-Passpartout_Inner:has(.sec-Passpartout_Media-carousel) { padding-inline: var(--Passpartout_InlinePadding) } } .sec-Passpartout_Media { align-items: stretch; block-size: min(100%, calc(var(--Passpartout_MobileCardInlineSize) * 1.5)); display: flex; flex: 0 1 auto; gap: 0; inline-size: 100%; justify-content: center; max-block-size: 100%; max-inline-size: 100%; min-block-size: calc(var(--Passpartout_MinCardInlineSize) * 1.5); min-inline-size: 0; overflow: hidden; position: relative } @media (min-width: 1023.02px) { .sec-Passpartout_Media { block-size: min(100%, calc((100vw - var(--Passpartout_InlinePadding) * 2) * var(--Passpartout_RowHeightFactor))); flex: 0 0 auto; min-block-size: 0 } } .sec-Passpartout_Footer { align-items: center; display: flex; flex: 0 0 auto; flex-direction: column; gap: 8px; padding-block: calc(var(--u) * 8) calc(var(--u) * 80) } .sec-Passpartout_Title { margin: 0 } .sec-Passpartout_Media-carousel { -webkit-overflow-scrolling: touch; justify-content: flex-start; overflow: auto hidden; padding-inline-start: var(--Passpartout_InlinePadding); scroll-padding-inline: var(--Passpartout_InlinePadding); scroll-snap-type: x mandatory; scrollbar-width: none } @media (min-width: 1023.02px) { .sec-Passpartout_Media-carousel { justify-content: center; overflow: hidden; padding-inline-start: 0; scroll-padding-inline: 0 } } .sec-Passpartout_Media-carousel::-webkit-scrollbar { display: none } .sec-Passpartout:has(.blk-Passpartout_Card:hover) .sec-Passpartout_Link:after { transform: none } .sec-ProductCarousel { --Section_Spacing: 24px; --ProductCarousel_Gap: 64px; overflow: hidden } .sec-ProductCarousel-noGap { --ProductCarousel_Gap: 0px } .sec-ProductCarousel_Header { margin-block-end: calc(var(--Section_Spacing) * 1.5); margin-inline: auto; max-inline-size: 350px; text-align: center } @media (min-width: 1023.02px) { .sec-ProductCarousel_Header { margin-block-end: calc(var(--Section_Spacing) * 2) } } .sec-ProductCarousel_Carousel { display: block; margin-block-end: calc(var(--Section_Spacing) * 1.5); margin-inline: 64px; position: relative } @media (min-width: 1023.02px) { .sec-ProductCarousel_Carousel { inline-size: 75%; margin-block-end: calc(var(--Section_Spacing) * 2); margin-inline: auto } } .sec-ProductCarousel_Slides:not([data-keen-slider-disabled]) { overflow: visible } @media (min-width: 1023.02px) { .sec-ProductCarousel_Slides:not([data-keen-slider-disabled]) { overflow: hidden } } .sec-ProductCarousel_Slides:not([data-initialised=true]), .sec-ProductCarousel_Slides[data-keen-slider-disabled] { display: flex; gap: var(--ProductCarousel_Gap) } .sec-ProductCarousel_Slides:not([data-keen-slider-disabled]) .sec-ProductCarousel_Slide { overflow: visible } .sec-ProductCarousel_Slides:not([data-initialised=true]) .sec-ProductCarousel_Slide, .sec-ProductCarousel_Slides[data-keen-slider-disabled] .sec-ProductCarousel_Slide { flex-shrink: 0; inline-size: 100% } @media (min-width: 1023.02px) { .sec-ProductCarousel_Slides:not([data-initialised=true]) .sec-ProductCarousel_Slide, .sec-ProductCarousel_Slides[data-keen-slider-disabled] .sec-ProductCarousel_Slide { inline-size: calc(33.33333% - (var(--ProductCarousel_Gap) * 2) / 3) } } .sec-ProductCarousel_Controls { display: block; margin-block-start: 24px } @media (min-width: 1023.02px) { .sec-ProductCarousel_Controls { display: flex; inset-block-start: 50%; inset-inline: -10%; justify-content: space-between; margin-block-start: 0; pointer-events: none; position: absolute; transform: translateY(-50%); z-index: 1 } } .sec-ProductCarousel_Control { display: none } @media (min-width: 1023.02px) { .sec-ProductCarousel_Control { align-items: center; block-size: 48px; display: flex; inline-size: 48px; justify-content: center; pointer-events: auto } } .sec-ProductCarousel_Control[aria-hidden=true] { visibility: hidden } .sec-ProductCarousel_Control svg { block-size: 36px; inline-size: 19px } .sec-ProductCarousel_Indicators { display: flex; justify-content: center } @media (min-width: 1023.02px) { .sec-ProductCarousel_Indicators { display: none } } .sec-ProductCarousel_Dot { background-color: var(--Color_Border-secondary); block-size: 1px; display: block; inline-size: 24px; position: relative } .sec-ProductCarousel_Dot:before { block-size: 20px; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transform: translateY(-50%); z-index: 1 } .sec-ProductCarousel_Dot[aria-current=true] { background-color: var(--Color_Border-primary) } .sec-ProductCarousel_MediaCard { display: block } .sec-ProductCarousel_Media { display: flex; max-block-size: 100vh; position: relative } .sec-ProductCarousel_Media:after { content: ""; display: block; padding-block-start: 140% } .sec-ProductCarousel_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: var(--Image_ZIndex) } .sec-ProductCarousel_Image-desktop { display: none } @media (min-width: 1023.02px) { .sec-ProductCarousel_Image-desktop { display: flex } .sec-ProductCarousel_Image-mobile { display: none } } .sec-ProductCarousel_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-ProductCarousel_Video-desktop { display: none } @media (min-width: 1023.02px) { .sec-ProductCarousel_Video-desktop { display: flex } .sec-ProductCarousel_Video-mobile { display: none } } .sec-ProductCarousel_Label { margin-block-start: 16px } @media (min-width: 1023.02px) { .sec-ProductCarousel_Label { block-size: 20px; display: block; margin-block-start: 12px } } .sec-ProductCarousel_Content { display: block; margin-inline: auto; max-inline-size: 350px; text-align: center } .sec-ProductCarousel_Kickers { margin-block-end: 14px } .sec-ProductCarousel_Smallkicker { margin-block-end: 4px } .sec-ProductCarousel_Texts { margin-block-start: 14px } .sec-ProductCarousel_Subtext { margin-block-start: 4px } .sec-ProductCarousel_Buttons { margin-block-start: 19px } .sec-ProductGrid { margin-inline: var(--Site_Margin) } .sec-ProductGrid_Header { padding-block: var(--s72) var(--s48); text-align: center } .sec-ProductGrid_Grid { display: grid; grid-template-columns:repeat(2, 1fr); row-gap: 24px } @media (min-width: 1023.02px) { .sec-ProductGrid_Grid { grid-template-columns:repeat(4, 1fr) } } @media (max-width: 1023px) { .sec-ProductGrid_Grid-extra .prd-Card:nth-child(-n+2) { grid-column: span 2 } } .sec-ProductRecs_Title { padding-block: var(--s32); text-align: center } @media (min-width: 1023.02px) { .sec-ProductRecs_Title { padding-block: var(--s48) } } .sec-ProductRecs_Items { display: grid; gap: var(--s24) 0; grid-template-columns:repeat(2, minmax(0, 1fr)) } @media (min-width: 1023.02px) { .sec-ProductRecs_Items { gap: 0; grid-template-columns:repeat(12, minmax(0, 1fr)); margin-inline: 0 } .sec-ProductRecs_Item { grid-column-end: span 4 } .sec-ProductRecs_Items-1 .sec-ProductRecs_Item:first-of-type { grid-column-start: 5 } .sec-ProductRecs_Items-2 .sec-ProductRecs_Item:first-of-type { grid-column-start: 3 } } .sec-Quote { inline-size: 100%; padding-inline: var(--Site_Margin) } @media (min-width: 1023.02px) { .sec-Quote { padding-inline: 0 } } .sec-Quote_Content { display: grid; gap: 24px; max-inline-size: 550px } @media (min-width: 1023.02px) { .sec-Quote_Content { margin-inline: auto } } .sec-RecentlyViewed_Title { padding-block: var(--s32); text-align: center } @media (min-width: 1023.02px) { .sec-RecentlyViewed_Title { padding-block: var(--s48) } } .sec-RecentlyViewed_Items { display: grid; gap: var(--s24) 0; grid-template-columns:repeat(2, minmax(0, 1fr)) } @media (min-width: 1023.02px) { .sec-RecentlyViewed_Items { gap: 0; grid-template-columns:repeat(12, minmax(0, 1fr)); margin-inline: 0 } .sec-RecentlyViewed_Item { grid-column-end: span 3 } .sec-RecentlyViewed_Items-1 .sec-RecentlyViewed_Item { grid-column-end: span 4 } .sec-RecentlyViewed_Items-1 .sec-RecentlyViewed_Item:first-of-type { grid-column-start: 5 } .sec-RecentlyViewed_Items-2 .sec-RecentlyViewed_Item { grid-column-end: span 4 } .sec-RecentlyViewed_Items-2 .sec-RecentlyViewed_Item:first-of-type { grid-column-start: 3 } .sec-RecentlyViewed_Items-3 .sec-RecentlyViewed_Item { grid-column-end: span 4 } .sec-RecentlyViewed_Items-3 .sec-RecentlyViewed_Item:first-of-type { grid-column-start: 1 } } .sec-StickyProducts { display: block } @media (min-width: 1023.02px) { .sec-StickyProducts { display: grid; grid-template-columns:1fr 1fr } .sec-StickyProducts_Sticky { align-self: flex-start; block-size: 100svh; inset-block-start: 0; min-block-size: 62.5vw; position: sticky } .sec-StickyProducts-right .sec-StickyProducts_Sticky { order: 2 } } .sec-StickyProducts_StickyMedia { block-size: 100%; overflow: hidden; position: relative } @media (hover: hover),(min-width: 1600px) { .sec-StickyProducts_StickyMedia:hover .sec-StickyProducts_Link:before { transform: none } } .sec-StickyProducts_StickyMedia-mobile { aspect-ratio: 9/16 } @media (min-width: 1023.02px) { .sec-StickyProducts_StickyMedia-mobile { display: none } } .sec-StickyProducts_StickyMedia-desktop { display: none } @media (min-width: 1023.02px) { .sec-StickyProducts_StickyMedia-desktop { display: block } } .sec-StickyProducts_StickyImage { display: block; inline-size: 100% } @media (min-width: 1023.02px) { .sec-StickyProducts_StickyImage, .sec-StickyProducts_StickyImage .rsp-Image { block-size: 100% } .sec-StickyProducts_StickyImage .rsp-Image_Image { aspect-ratio: auto; block-size: 100% } } .sec-StickyProducts_StickyVideo { block-size: 100%; display: block; inline-size: 100%; object-fit: cover } .sec-StickyProducts_Overlay { align-items: center; display: flex; flex-direction: column; inset-block: calc(100dvh - var(--u) * 132); inset-inline: 0; margin-block-start: calc(var(--u) * -132); padding-block-end: calc(var(--u) * 80); position: sticky; text-align: center } .sec-StickyProducts_Media-dark { color: var(--Color_Black) } .sec-StickyProducts_Media-light { color: var(--Color_White) } .sec-StickyProducts_Link { margin-block-start: 8px } .sec-StickyProducts_Link:before { transform: translate(-104%) } @media (min-width: 1023.02px) { .sec-StickyProducts_Scroll { display: flex; flex-direction: column } } .sec-StickyProducts_Carousel { display: block } @media (max-width: 1023px) { .sec-StickyProducts_Carousel { margin-block-start: var(--Site_Margin); padding-inline-start: var(--Site_Margin) } } @media (min-width: 1023.02px) { .sec-StickyProducts_Slides { display: flex; flex-direction: column } } .sec-StickyProducts_MobileLink { margin-block-start: 16px } @media (min-width: 1023.02px) { .sec-StickyProducts_MobileLink { display: none } } .sec-StickyProducts_ProgressBar { margin-block: var(--s48) var(--s24); max-inline-size: 18% } @media (min-width: 1023.02px) { .sec-StickyProducts_ProgressBar { display: none } } .sec-StickyProducts_ProgressBarList { background-color: var(--Color_Border-secondary); block-size: 2px; display: grid; grid-template-columns:repeat(auto-fit, minmax(1px, 1fr)); inline-size: 100%; list-style: none; margin: 0; padding: 0; pointer-events: none; position: relative; z-index: 2 } .sec-StickyProducts_ProgressBarItem { background-color: initial } .sec-StickyProducts_ProgressBarItem[aria-current=true] { background-color: var(--Color_Text-primary) } .blk-StickyProductsMedia { display: block; inline-size: 100% } @media (max-width: 1023px) { .blk-StickyProductsMedia { aspect-ratio: 5/7 } } @media (hover: hover),(min-width: 1600px) { .blk-StickyProductsMedia:hover .sec-StickyProducts_Link:before { transform: none } } @media (min-width: 1023.02px) { .blk-StickyProductsMedia-mobile { display: none } } .blk-StickyProductsMedia-desktop { display: none } @media (min-width: 1023.02px) { .blk-StickyProductsMedia-desktop { aspect-ratio: 4/5; display: block; position: relative } } .blk-StickyProducts_Media-dark { color: var(--Color_Black) } .blk-StickyProducts_Media-light { color: var(--Color_White) } .sec-Stores { padding-block-start: var(--Site_Margin) } .sec-Stores_Columns { display: grid; gap: 32px } @media (min-width: 1023.02px) { .sec-Stores_Columns { gap: var(--Grid_Gutter); grid-template-columns:repeat(12, 1fr) } } .sec-Stores_Column-primary { position: relative } @media (min-width: 1023.02px) { .sec-Stores_Column-primary { grid-column: 1/span 3 } } .sec-Stores_Column-secondary { position: relative } @media (min-width: 1023.02px) { .sec-Stores_Column-secondary { grid-column: 4/span 3 } } .sec-Stores_Column-media { display: none } @media (min-width: 1023.02px) { .sec-Stores_Column-media { display: block; grid-column: 7/span 6 } } @media (min-width: 1200.02px) { .sec-Stores_Column-media { grid-column: 7/span 5 } } .sec-Stores_Title { display: none } @media (min-width: 1023.02px) { .sec-Stores_Title { display: block; font-weight: 300; text-align: start } } .sec-Stores_Navigation { display: none } @media (min-width: 1023.02px) { .sec-Stores_Navigation { display: block; margin-block-start: 64px } } .sec-Stores_Items { display: grid; gap: 16px; text-align: center } @media (min-width: 1023.02px) { .sec-Stores_Items { gap: 12px; text-align: start } } .sec-Stores_Item { display: flex; justify-content: center } @media (min-width: 1023.02px) { .sec-Stores_Item { justify-content: flex-start } } .sec-Stores_Link { display: block; position: relative; text-align: center; white-space: nowrap } @media (min-width: 1023.02px) { .sec-Stores_Link { text-align: start } .sec-Stores_Link:hover:before { transform: none; transform-origin: 0 0 } } .sec-Stores_Link:before { background-color: currentColor; block-size: var(--Border_Width); content: ""; display: block; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute; transform: scaleX(0); transform-origin: 100% 0; transition: transform .2s ease-out } .sec-Stores_Link-active.sec-Stores_Link:before { transform: none; transform-origin: 0 0 } .sec-Stores_Blocks { display: grid; gap: 48px } @media (min-width: 1023.02px) { .sec-Stores_Blocks { gap: 64px } } .sec-Stores_Block { margin-inline: var(--Site_Margin) } @media (min-width: 1023.02px) { .sec-Stores_Block { margin-inline: 0 } } .sec-Stores_Block-media { margin-inline: 0 } @media (min-width: 1023.02px) { .sec-Stores_Block-media { display: none } } .sec-Stores_Details { display: grid; gap: 32px } .sec-Stores_Detail { display: grid; grid-template-columns:repeat(2, minmax(0, 1fr)) } .sec-Stores_Buttons { border-block-start: .5px solid var(--Color_Border-primary); display: grid; gap: 12px; padding-block-start: 24px } .sec-Stores_Media { display: flex; margin-inline: auto; max-inline-size: 450px; overflow: hidden; position: relative } @media (min-width: 1023.02px) { .sec-Stores_Media { margin-inline: 0; max-inline-size: none } } .sec-Stores_Media:after { content: ""; display: block; padding-block-start: 140% } @media (min-width: 1023.02px) { .sec-Stores_Media:after { padding-block-start: 125% } } .sec-Stores_Media-desktop { display: none } @media (min-width: 1023.02px) { .sec-Stores_Media-desktop { display: flex } .sec-Stores_Media-mobile { display: none } } .sec-Stores_Image { z-index: var(--Image_ZIndex) } .sec-Stores_Image, .sec-Stores_Video { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute } .sec-Stores_Video { inset-block-start: 0; object-fit: cover; z-index: -1 } .sec-Stores_Caption { margin-inline: auto; max-inline-size: 450px; padding-block-start: 12px; padding-inline: var(--Site_Margin) } @media (min-width: 1023.02px) { .sec-Stores_Caption { margin-inline: 0; max-inline-size: none } } .sec-Stores_MobileNavTrigger { align-items: center; display: flex; font-weight: 300; inline-size: 100%; justify-content: center; position: relative } @media (min-width: 1023.02px) { .sec-Stores_MobileNavTrigger { display: none } } .sec-Stores_MobileNavIcon { align-items: center; block-size: 17px; display: flex; inline-size: 16px; inset-block-start: 0; inset-inline-end: 0; position: absolute; z-index: 1 } .sec-Stores_MobileNav { padding-block: 48px } .sec-LazyVideo_Video { block-size: 100%; inline-size: 100%; object-fit: cover; position: absolute } .sec-Section { --Margin_Top-desktop: 0; --Margin_Bottom-desktop: 0; --Margin_Top-mobile: 0; --Margin_Bottom-mobile: 0; background: var(--Color_Background-primary); color: var(--Color_Text-primary); display: block; margin-block: var(--Margin_Top-mobile) var(--Margin_Bottom-mobile); position: relative } @media (min-width: 1023.02px) { .sec-Section { margin-block: var(--Margin_Top-desktop) var(--Margin_Bottom-desktop) } .sec-Section-hideDesktop { display: none } } @media (max-width: 767.98px) { .sec-Section-hideMobile { display: none } } @media (min-width: 768px) and (max-width: 1023px) { .sec-Section-hideMobile { display: none } } .sec-Section.css-MarginAsPadding { margin-block: 0; padding-block: var(--Margin_Top-mobile) var(--Margin_Bottom-mobile) } @media (min-width: 1023.02px) { .sec-Section.css-MarginAsPadding { margin-block: 0; padding-block: var(--Margin_Top-desktop) var(--Margin_Bottom-desktop) } } .shopify-section:has(.sec-Section-stickyTop) { inset-block-start: 0; position: sticky } .shopify-section:has(.sec-Section-stickyTop) ~ .shopify-section { position: relative; z-index: 1 } .sec-Section_Header { align-items: center; border-block-end: .5px solid var(--Color_Border-secondary); display: flex; justify-content: space-between; margin-block-end: 24px; padding-block-end: 24px; padding-inline: var(--Site_Margin); position: relative } @media (min-width: 1023.02px) { .sec-Section_Header { margin-block-end: 32px; padding-block-end: 32px } } .sec-Section_Button[aria-hidden=true] { opacity: 0; pointer-events: none; visibility: hidden } .sec-Section_ButtonText svg { block-size: 16px; inline-size: 16px } @media (min-width: 1023.02px) { .sec-Section_ButtonText-mobileOnly { display: none } } .sec-Section_ButtonText-desktopOnly { display: none } @media (min-width: 1023.02px) { .sec-Section_ButtonText-desktopOnly { display: block } } .shr-Button { display: block; position: relative } .shr-Button_Trigger { align-items: center; cursor: pointer; display: flex } .shr-Button_Icon { margin-inline-end: 10px } .shr-Button_Summary { align-items: center; cursor: pointer; display: flex; inline-size: fit-content } .shr-Button_Fallback { align-items: center; background-color: var(--Color_Background-primary); box-shadow: 0 0 0 1px #1212128c; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; min-inline-size: max-content; position: absolute; z-index: 3 } .shr-Button_Field { display: flex; inline-size: 100%; position: relative } .shr-Button_Message { align-items: center; background-color: var(--Color_Background-primary); block-size: 100%; display: flex; inline-size: 100%; padding: 8px 0 8px 15px } .shr-Button_Message:not(:empty):not([hidden]) ~ * { display: none } .shr-Button_Input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: initial; border: 1px solid #0000; border-radius: 0; box-shadow: none; flex-grow: 1; inline-size: 100%; overflow: hidden; padding: 22px 15px 8px; text-align: start; text-overflow: ellipsis; transition: box-shadow .2s ease; white-space: nowrap } .shr-Button_Input:hover { box-shadow: 0 0 0 2px #1212128c } .shr-Button_Label { font-size: 16px; inset-block-start: 10px; inset-inline-start: 15px; line-height: 1.5; pointer-events: none; position: absolute; transition: top var(--duration-short) .2s, font-size .2s ease } .shr-Button_Input:not(:placeholder-shown) ~ .shr-Button_Label { font-size: 10px; inset-block-start: 3px; letter-spacing: .04px } .shr-Button_InputButton { align-items: center; block-size: 48px; display: flex; flex-shrink: 0; inline-size: 48px; justify-content: center; padding: 0 } .shr-Button_InputButton svg { block-size: 15px; inline-size: 15px; transition: transform .2s ease } .shr-Button_InputButton:hover svg { transform: scale(1.1) } .sel-VariantSelector { align-items: center; display: flex; position: relative } .sel-VariantSelector_Select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: initial; border: none; color: var(--Color_Text-primary); cursor: pointer; font-weight: 300; padding-inline-end: 24px; position: relative } .sel-VariantSelector svg { inline-size: 16px; inset-inline-end: 0; pointer-events: none; position: absolute } .wsh-Card_Inner { display: grid; gap: 24px; grid-template-columns:90px 1fr } @media (min-width: 1023.02px) { .wsh-Card_Inner { gap: 32px } } .wsh-Card_Title { font-weight: 300; margin-block-end: 5px } .wsh-Card_ProductForm { display: block; margin-block-start: 20px } .wsh-Card_Form { --Input_Height: 30px; align-items: flex-end; display: flex; gap: 20px } .wsh-Card_Select { border: none; font-size: 12px; font-weight: 300 } .wsh-Card_Select, .wsh-Card_SelectIcon { padding-block-end: 0 } .wsh-Card_SubmitButton { block-size: var(--Input_Height); font-size: 12px; font-weight: 300 } .wsh-Card_Remove { color: var(--Color_Text-secondary); margin-block-start: 5px; transition: opacity .3s ease } @media (hover: hover),(min-width: 1600px) { .wsh-Card_Remove:hover { color: var(--Color_Text-primary); opacity: .6 } } .wsh-Wishlist { display: block; padding-block: 32px; padding-inline: var(--Drawer_Spacing) } @media (min-width: 1200.02px) { .wsh-Wishlist { padding-inline: calc(var(--Drawer_Spacing) * 2) } } .wsh-Wishlist_DefaultMessage { text-align: center } .wsh-Wishlist_DefaultMessage[aria-hidden=true], .wsh-Wishlist_LoginMessage[aria-hidden=true] { display: none } .wsh-Wishlist_Links { display: flex; flex-direction: column; gap: 10px; margin-block-start: 32px } .wsh-Wishlist_Link { align-items: center; display: flex; font-weight: 300; gap: 10px } .wsh-Wishlist_Items { display: flex; flex-direction: column; gap: 32px } .wsh-Wishlist_Items[aria-hidden=true] { display: none }