:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how-trigger{--maisonco-how-trigger-bg: var(--maisonco-text);--maisonco-how-trigger-text: var(--maisonco-card-bg);--maisonco-how-trigger-hover-bg: color-mix(in srgb, var(--maisonco-how-trigger-bg) 88%, var(--maisonco-how-trigger-text));display:flex;align-items:center;justify-content:center;gap:10px;inline-size:100%;min-block-size:48px;margin-block-start:12px;padding:12px 16px;border:1px solid transparent;border-radius:var(--maisonco-card-radius);background:var(--maisonco-how-trigger-bg);color:var(--maisonco-how-trigger-text);font:600 15px/1.4 var(--font-accent--family, sans-serif);text-align:center;cursor:pointer;transition:background-color .15s ease-out,scale .15s ease-out}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how-trigger[hidden]{display:none}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how-trigger svg{flex:none}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how-trigger__arrow{margin-inline-start:auto}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how-trigger>span{flex:1;overflow-wrap:anywhere}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how-trigger:dir(rtl) .maisonco-how-trigger__arrow{rotate:180deg}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how{--maisonco-how-inset: 28px;--maisonco-how-image-outline: #0000001a;--maisonco-how-backdrop: #0009;--maisonco-how-shadow: 0 8px 24px #0002, 0 24px 80px #0003;position:fixed;top:0;right:0;bottom:0;left:0;inline-size:min(660px,calc(100% - 48px));max-inline-size:none;max-block-size:min(880px,calc(100vh - 48px));max-block-size:min(880px,calc(100dvh - 48px));margin:auto;padding:0;border:0;border-radius:28px;overflow:hidden;background:var(--maisonco-card-bg);color:var(--maisonco-text);box-shadow:var(--maisonco-how-shadow);font:400 15px/1.5 var(--font-accent--family, sans-serif);text-align:start;opacity:0;transform:translateY(12px);transition:opacity .15s ease-out,transform .15s ease-out}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how[open]{display:flex;flex-direction:column}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how[data-visible]{opacity:1;transform:translateY(0);transition-duration:.26s}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how[data-opening]{transition:none}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how::backdrop{background:var(--maisonco-how-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .15s ease-out}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how[data-visible]::backdrop{opacity:1;transition-duration:.26s}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__header,:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__footer{flex:none;background:var(--maisonco-card-bg)}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--maisonco-how-inset)}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__eyebrow{margin:0;font-size:12px;font-weight:600}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__close{display:grid;place-items:center;flex:none;inline-size:44px;block-size:44px;padding:0;border:0;border-radius:50%;background:var(--maisonco-bg);color:var(--maisonco-text);cursor:pointer;transition:scale .15s ease-out,background-color .15s ease-out}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__content{display:flex;flex-direction:column;gap:28px;min-block-size:0;padding:4px var(--maisonco-how-inset) 28px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__title{margin:0;color:var(--maisonco-heading);font:400 32px/1.12 var(--font-heading--family, sans-serif);text-wrap:balance;overflow-wrap:anywhere}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__title:focus{outline:none}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__highlight{padding-inline:.06em;background:linear-gradient(transparent 12%,var(--maisonco-how-highlight) 12%,var(--maisonco-how-highlight) 90%,transparent 90%);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__comparison{margin:0}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__photo{position:relative;min-inline-size:0}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__photo-label{position:absolute;z-index:1;inset-block-start:8px;inset-inline-start:8px;max-inline-size:calc(100% - 16px);margin:0;padding:5px 9px;border-radius:999px;background:var(--maisonco-card-bg);color:var(--maisonco-text);font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__photo img{display:block;inline-size:100%;block-size:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--maisonco-card-radius);outline:1px solid var(--maisonco-how-image-outline);outline-offset:-1px}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__comparison figcaption{margin-block-start:10px;color:var(--maisonco-muted);font-size:12px;line-height:1.5;text-align:center;text-wrap:balance}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__section{display:grid;gap:12px}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__section h3{margin:0;color:var(--maisonco-heading);font:400 23px/1.2 var(--font-heading--family, sans-serif)}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__steps{--maisonco-how-step-size: 32px;--maisonco-how-step-gap: 16px;--maisonco-how-step-connector: #d6d6d6;display:grid;gap:var(--maisonco-how-step-gap);margin:0;padding:0;list-style:none}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__steps li{position:relative;display:flex;align-items:flex-start;gap:12px}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__steps li:not(:last-child):before{content:"";position:absolute;inset-block-start:calc(var(--maisonco-how-step-size) / 2);inset-inline-start:calc((var(--maisonco-how-step-size) - 2px) / 2);block-size:calc(100% + var(--maisonco-how-step-gap));border-inline-start:2px dotted var(--maisonco-how-step-connector);pointer-events:none}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__steps li>div{min-inline-size:0}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__step-number{position:relative;z-index:1;display:grid;place-items:center;flex:none;inline-size:var(--maisonco-how-step-size);block-size:var(--maisonco-how-step-size);border-radius:50%;background:var(--maisonco-bg);color:var(--maisonco-text);font-weight:700}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__steps h3{margin:0 0 4px;color:var(--maisonco-heading);font:600 15px/1.4 var(--font-accent--family, sans-serif)}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__steps p,:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__copy p{margin:0}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__copy p+p{margin-block-start:8px}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__copy{overflow-wrap:anywhere}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__coverage{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:20px;padding:20px;border-radius:var(--maisonco-card-radius);background:var(--maisonco-bg)}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__coverage-image{display:block;inline-size:100%;block-size:auto}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__coverage-copy{display:grid;gap:8px;min-inline-size:0}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__coverage .maisonco-how__coverage-value{font:700 21px/1.3 var(--font-accent--family, sans-serif);overflow-wrap:anywhere}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__footer{padding:16px var(--maisonco-how-inset) max(20px,env(safe-area-inset-bottom));border-block-start:1px solid var(--maisonco-border)}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__return{display:block;inline-size:100%;min-block-size:50px;padding:12px 20px;border:0;border-radius:var(--maisonco-button-radius);background:var(--maisonco-accent);color:var(--maisonco-how-action-text);font:700 16px/1.4 var(--font-accent--family, sans-serif);overflow-wrap:anywhere;cursor:pointer;transition:background-color .15s ease-out,scale .15s ease-out}@media(hover:hover){:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how-trigger:hover{background:var(--maisonco-how-trigger-hover-bg)}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__close:hover{background:var(--maisonco-card-bg)}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__return:hover{background:var(--maisonco-accent-hover)}}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) :is(.maisonco-how-trigger,.maisonco-how__close,.maisonco-how__return):active{scale:.96}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) :is(.maisonco-how-trigger,.maisonco-how__close,.maisonco-how__return)[data-static]:active{scale:1}@media(max-width:708px){:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how{--maisonco-how-inset: 20px;inset-block-start:auto;inline-size:100%;max-block-size:calc(100vh - max(20px,env(safe-area-inset-top)));max-block-size:calc(100dvh - max(20px,env(safe-area-inset-top)));margin:0;border-radius:24px 24px 0 0}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how[data-opening]{transform:translateY(100%)}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__header{padding-block:10px}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__title{font-size:28px}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__content{gap:24px;padding-block-end:24px}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__coverage{grid-template-columns:clamp(80px,24vw,96px) minmax(0,1fr);gap:12px;padding:16px}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__header,:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__content,:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__footer{padding-left:max(var(--maisonco-how-inset),env(safe-area-inset-left));padding-right:max(var(--maisonco-how-inset),env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how,:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how::backdrop,:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how-trigger,:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__close,:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how__return{transition:none}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how,:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) .maisonco-how[data-opening]{transform:none}:where([maison-test-id=MC_PDP_SEEHOWITWORKS_KLEONE]) :is(.maisonco-how-trigger,.maisonco-how__close,.maisonco-how__return):active{scale:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/maison-pdp-how-it-works.css.map */