.ctr-how-to-use{background:var(--ctr-how-to-use-section-bg, #fefbf9);padding-top:var(--ctr-how-to-use-padding-top, 60px);padding-bottom:var(--ctr-how-to-use-padding-bottom, 60px)}@media(max-width:989px){.ctr-how-to-use{padding-top:var(--ctr-how-to-use-padding-top-mobile, 20px);padding-bottom:var(--ctr-how-to-use-padding-bottom-mobile, 20px);border-bottom:1px solid #E6C4C7}}.ctr-how-to-use *{box-sizing:border-box}.ctr-how-to-use__inner{width:100%;max-width:var(--ctr-how-to-use-max-width, 1440px);margin:0 auto;padding-left:var(--ctr-how-to-use-padding-x, 64px);padding-right:var(--ctr-how-to-use-padding-x, 64px);display:flex;flex-direction:column;gap:40px}@media(max-width:989px){.ctr-how-to-use__inner{padding-left:var(--ctr-how-to-use-padding-x-mobile, 20px);padding-right:var(--ctr-how-to-use-padding-x-mobile, 20px);gap:32px}}.ctr-how-to-use__title,.ctr-how-to-use__title p{margin:0;color:var(--ctr-how-to-use-heading-color, #1d5274);font-family:Playfair Display,serif;font-size:48px;font-weight:400;line-height:1.2;text-align:center;text-wrap:balance}@media(max-width:989px){.ctr-how-to-use__title,.ctr-how-to-use__title p{font-size:36px}}.ctr-how-to-use__title em{font-style:italic}.ctr-how-to-use__layout{display:flex;align-items:flex-start;gap:24px;width:100%}@media(max-width:989px){.ctr-how-to-use__layout{flex-direction:column;gap:20px}}.ctr-how-to-use__nav{flex:0 1 auto;width:100%;max-width:309px;position:relative}@media(max-width:989px){.ctr-how-to-use__nav{max-width:100%}}.ctr-how-to-use__dropdown{display:none;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:12px 10px;border:1px solid var(--ctr-how-to-use-tab-active-border, #1d5274);border-radius:20px;background:var(--ctr-how-to-use-tab-active-bg, #f4f7f8);color:var(--ctr-how-to-use-tab-color, #1d5274);cursor:pointer;text-align:left;-webkit-appearance:none;appearance:none}@media(max-width:989px){.ctr-how-to-use__dropdown{display:flex}}.ctr-how-to-use__dropdown-current{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 auto}.ctr-how-to-use__dropdown-caret{flex-shrink:0;width:24px;height:24px;color:var(--ctr-how-to-use-tab-color, #1d5274);transition:transform .25s ease}@media(prefers-reduced-motion:reduce){.ctr-how-to-use__dropdown-caret{transition:none}}.ctr-how-to-use__nav.is-open .ctr-how-to-use__dropdown-caret{transform:rotate(180deg)}.ctr-how-to-use__tablist{display:flex;flex-direction:column;gap:20px;width:100%}@media(max-width:989px){.ctr-how-to-use__tablist{display:none;position:absolute;z-index:4;top:calc(100% + 8px);left:0;right:0;padding:8px;border:1px solid var(--ctr-how-to-use-tab-inactive-border, #c5d3dc);border-radius:20px;background:var(--ctr-how-to-use-tab-inactive-bg, #fcfaf8);box-shadow:0 12px 32px #1d52741f}}@media(max-width:989px){.ctr-how-to-use__nav.is-open .ctr-how-to-use__tablist,.ctr-how-to-use__nav.m-single .ctr-how-to-use__tablist{display:flex}}@media(max-width:989px){.ctr-how-to-use__nav.m-single .ctr-how-to-use__tablist{position:static;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}}.ctr-how-to-use__tab{display:flex;align-items:center;gap:14px;width:100%;padding:12px 10px;border:1px solid var(--ctr-how-to-use-tab-inactive-border, #c5d3dc);border-radius:20px;background:var(--ctr-how-to-use-tab-inactive-bg, #fcfaf8);color:var(--ctr-how-to-use-tab-color, #1d5274);cursor:pointer;text-align:left;-webkit-appearance:none;appearance:none}.ctr-how-to-use__tab.is-active{border-color:var(--ctr-how-to-use-tab-active-border, #1d5274);background:var(--ctr-how-to-use-tab-active-bg, #f4f7f8)}.ctr-how-to-use__tab:focus-visible,.ctr-how-to-use__dropdown:focus-visible,.ctr-how-to-use__step-toggle:focus-visible,.ctr-how-to-use__play:focus-visible,.ctr-how-to-use__mute:focus-visible{outline:2px solid var(--ctr-how-to-use-tab-active-border, #1d5274);outline-offset:2px}.ctr-how-to-use__dot{position:relative;flex-shrink:0;width:8px;height:8px;border-radius:9999px;background:var(--ctr-how-to-use-dot-color, #1d5274);opacity:0}.ctr-how-to-use__dot:before,.ctr-how-to-use__dot:after{content:"";position:absolute;top:50%;left:50%;border-radius:9999px;background:var(--ctr-how-to-use-dot-color, #1d5274);transform:translate(-50%,-50%)}.ctr-how-to-use__dot:before{width:20px;height:20px;opacity:.02}.ctr-how-to-use__dot:after{width:14px;height:14px;opacity:.32}.ctr-how-to-use__tab.is-active .ctr-how-to-use__dot,.ctr-how-to-use__dropdown-current .ctr-how-to-use__dot{opacity:1}.ctr-how-to-use__tab-media{position:relative;flex-shrink:0;width:70px;height:70px;overflow:hidden;border:1px solid rgba(29,82,116,.18);border-radius:8px;background:#1d52741c}.ctr-how-to-use__tab.is-active .ctr-how-to-use__tab-media,.ctr-how-to-use__dropdown-current .ctr-how-to-use__tab-media{border-color:#1d5274bf}.ctr-how-to-use__tab-image{display:block;width:100%;height:100%;object-fit:cover}.ctr-how-to-use__tab-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1 1 auto}.ctr-how-to-use__tab-title,.ctr-how-to-use__tab-title p,.ctr-how-to-use__tab-subtitle,.ctr-how-to-use__tab-subtitle p{margin:0;color:var(--ctr-how-to-use-tab-color, #1d5274);font-family:Playfair Display,serif;font-size:18px;font-weight:400;line-height:23px}.ctr-how-to-use__tab-subtitle,.ctr-how-to-use__tab-subtitle p{font-size:16px}.ctr-how-to-use__panels{flex:1 1 0;min-width:0;width:100%}.ctr-how-to-use__panel{width:100%;padding:40px;border:1px solid var(--ctr-how-to-use-panel-border, #1d5274);border-radius:22px;background:var(--ctr-how-to-use-panel-bg, #f4f7f8)}@media(max-width:989px){.ctr-how-to-use__panel{padding:20px}}.ctr-how-to-use__panel:not(.is-active){display:none}.ctr-how-to-use__panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"video heading" "video steps" "tip tip";column-gap:60px;row-gap:32px;align-items:stretch}@media(max-width:1023px){.ctr-how-to-use__panel-grid{column-gap:32px}}@media(max-width:989px){.ctr-how-to-use__panel-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "steps" "tip" "video";row-gap:20px}}.ctr-how-to-use__panel.m-no-video .ctr-how-to-use__panel-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "steps" "tip"}.ctr-how-to-use__video-col{grid-area:video;min-width:0;height:100%}.ctr-how-to-use__panel-heading{grid-area:heading;min-width:0}.ctr-how-to-use__steps{grid-area:steps;display:flex;flex-direction:column;gap:20px;min-width:0;width:100%}.ctr-how-to-use__tip{grid-area:tip}.ctr-how-to-use__video-wrap{position:relative;width:100%;height:auto;overflow:hidden;border-radius:20px;background:#d7e2e8}@media(max-width:989px){.ctr-how-to-use__video-wrap{min-height:0;aspect-ratio:350 / 325;height:auto}}.ctr-how-to-use__video,.ctr-how-to-use__video-poster{display:block;width:100%;height:100%;object-fit:cover}.ctr-how-to-use__video{cursor:pointer}.ctr-how-to-use__mute,.ctr-how-to-use__play{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:9999px;background:var(--ctr-how-to-use-video-overlay, #1d5274);background:color-mix(in srgb,var(--ctr-how-to-use-video-overlay, #1d5274) 50%,transparent);color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;z-index:2}.ctr-how-to-use__mute{top:20px;left:20px;width:40px;height:40px}.ctr-how-to-use__play{top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%)}.ctr-how-to-use__mute-icon,.ctr-how-to-use__play-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.ctr-how-to-use__play-icon{width:28px;height:28px}.ctr-how-to-use__mute-icon svg,.ctr-how-to-use__play-icon svg{display:block;width:100%;height:100%}.ctr-how-to-use__mute-icon--on,.ctr-how-to-use__play-icon--pause,.ctr-how-to-use__video-wrap.is-unmuted .ctr-how-to-use__mute-icon--off{display:none}.ctr-how-to-use__video-wrap.is-unmuted .ctr-how-to-use__mute-icon--on{display:flex}.ctr-how-to-use__video-wrap.is-playing .ctr-how-to-use__play{display:none}.ctr-how-to-use__panel-heading,.ctr-how-to-use__panel-heading p{margin:0;color:var(--ctr-how-to-use-panel-heading-color, #1d5274);font-family:Playfair Display,serif;font-size:42px;font-weight:400;line-height:1.2;text-wrap:balance}@media(max-width:989px){.ctr-how-to-use__panel-heading,.ctr-how-to-use__panel-heading p{font-size:32px}}.ctr-how-to-use__panel-heading strong{font-weight:600}.ctr-how-to-use__step{width:100%;overflow:hidden;border-radius:20px;background:var(--ctr-how-to-use-step-bg, #ffffff)}.ctr-how-to-use__step-toggle{display:flex;flex-direction:column;width:100%;padding:20px 30px;border:0;background:none;cursor:pointer;text-align:left;-webkit-appearance:none;appearance:none}@media(max-width:989px){.ctr-how-to-use__step-toggle{padding:12px}}.ctr-how-to-use__step-label{display:block;margin:0 0 16px;color:var(--ctr-how-to-use-step-label-color, #1d5274);font-family:Instrument Sans,sans-serif;font-size:18px;font-weight:400;line-height:23px;text-transform:uppercase}@media(max-width:989px){.ctr-how-to-use__step-label{font-size:16px}}.ctr-how-to-use__step-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;width:100%}.ctr-how-to-use__step-title,.ctr-how-to-use__step-title p{margin:0;color:var(--ctr-how-to-use-step-title-color, #1d5274);font-family:Playfair Display,serif;font-size:24px;font-weight:700;line-height:30px}@media(max-width:989px){.ctr-how-to-use__step-title,.ctr-how-to-use__step-title p{font-size:20px;line-height:1.2}}.ctr-how-to-use__step-icon{position:relative;flex-shrink:0;width:24px;height:24px;color:var(--ctr-how-to-use-icon-color, #1d5274)}@media(max-width:989px){.ctr-how-to-use__step-icon{width:20px;height:20px}}.ctr-how-to-use__step-icon-plus,.ctr-how-to-use__step-icon-minus{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;transition:opacity .25s ease,transform .25s ease}@media(prefers-reduced-motion:reduce){.ctr-how-to-use__step-icon-plus,.ctr-how-to-use__step-icon-minus{transition:none}}.ctr-how-to-use__step-icon-minus{opacity:0;transform:rotate(-90deg)}.ctr-how-to-use__step.is-open .ctr-how-to-use__step-icon-plus{opacity:0;transform:rotate(90deg)}.ctr-how-to-use__step.is-open .ctr-how-to-use__step-icon-minus{opacity:1;transform:rotate(0)}.ctr-how-to-use__step-body{max-height:0;overflow:hidden;transition:max-height .35s ease}@media(prefers-reduced-motion:reduce){.ctr-how-to-use__step-body{transition:none}}.ctr-how-to-use__step-text{padding:20px 30px}@media(max-width:989px){.ctr-how-to-use__step-text{padding:12px}}.ctr-how-to-use__step-text,.ctr-how-to-use__step-text p{margin:0;color:var(--ctr-how-to-use-step-text-color, #666b6e);font-family:Instrument Sans,sans-serif;font-size:18px;font-weight:400;line-height:23px}@media(max-width:989px){.ctr-how-to-use__step-text,.ctr-how-to-use__step-text p{font-size:16px}}.ctr-how-to-use__step-text>*+*{margin-top:.75em}.ctr-how-to-use__tip{width:100%;padding:20px 30px;border-radius:20px;background:var(--ctr-how-to-use-tip-bg, #1d5274)}@media(max-width:989px){.ctr-how-to-use__tip{padding:12px}}.ctr-how-to-use__tip-title,.ctr-how-to-use__tip-title p{margin:0;color:var(--ctr-how-to-use-tip-title-color, #ffffff);font-family:Playfair Display,serif;font-size:24px;font-weight:700;line-height:30px}@media(max-width:989px){.ctr-how-to-use__tip-title,.ctr-how-to-use__tip-title p{font-size:20px}}.ctr-how-to-use__tip-text,.ctr-how-to-use__tip-text p{margin:0;color:var(--ctr-how-to-use-tip-text-color, #fcfaf8);font-family:Instrument Sans,sans-serif;font-size:18px;font-weight:400;line-height:23px}@media(max-width:989px){.ctr-how-to-use__tip-text,.ctr-how-to-use__tip-text p{font-size:14px}}.ctr-how-to-use__tip-title+.ctr-how-to-use__tip-text{margin-top:12px}
/*# sourceMappingURL=/cdn/shop/t/143/assets/ctr-how-to-use.css.map */