.dph{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:var(--s-7,48px);align-items:center}#how.dp-section{padding-block:clamp(28px,3.5vw,48px)}.dph__copy{min-width:0}.dph__copy .dp-lead{margin-top:var(--s-3,12px)}.dph__steps{list-style:none;margin:var(--s-5,24px) 0 0;padding:0;display:grid;gap:6px}.dph .dph__step.dp-tile{--tint:#FF7A4D;position:relative;flex-direction:row;justify-content:flex-start;gap:14px;min-height:60px;padding:8px 16px 8px 10px;text-align:left;cursor:default;border-radius:var(--r-md,16px);background:transparent;box-shadow:none;color:var(--c-fg-3,#B3A99E);font:600 18px/1.3 var(--font);isolation:isolate;overflow:hidden;transition:color .3s,box-shadow .3s}.dph__step:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .35s;background:radial-gradient(120% 140% at 0% 100%,#ff7a4d33,#ff6a8b1a 45%,#ff6a8b00 75%),#ffffff08}.dph .dph__step.dp-tile:is(:hover,.is-active){color:var(--c-fg,#F6F1EA);box-shadow:inset 0 0 0 1px #ffffff1a}.dph__step:is(:hover,.is-active):before{opacity:1}.dph__ic{flex:none;display:grid;place-items:center;width:44px;height:44px;color:var(--c-fg-3,#B3A99E);transition:color .3s}.dph__ic .dp-icon{--size:40px;background:currentColor}.dph__ic .dpl-wrap{display:block;width:44px;height:44px;color:var(--c-fg-2,#D3CAC0);transition:color .3s}.dph__step:is(:hover,.is-active) .dph__ic .dpl-wrap{color:#ff7a4d}.dph__step:is(:hover,.is-active) .dph__ic{color:#ff7a4d}.dph__step:is(:hover,.is-active) .dph__ic .dp-icon{background:#ff7a4d}.dph__steps--still{position:absolute!important;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dph__stage{position:relative;width:100%;aspect-ratio:1;border-radius:var(--r-xl,28px);overflow:hidden;contain:layout paint;background:#0e0c0a;box-shadow:inset 0 0 0 1px #ffffff1a;user-select:none;-webkit-user-select:none}@media(max-width:860px){.dph{grid-template-columns:minmax(0,1fr);gap:var(--s-5,24px)}.dph__steps{margin-top:var(--s-4,16px)}.dph .dph__step.dp-tile{min-height:52px;font-size:16px}.dph__stage{max-width:400px;justify-self:center}}@media(prefers-reduced-motion:reduce){.dph__steps--live{display:none}.dph__steps--still{position:static!important;width:auto;height:auto;margin:var(--s-6,32px) 0 0;overflow:visible;clip:auto;white-space:normal}.dph__steps--still .dph__step{color:var(--c-fg-2,#D3CAC0)}}.dph-world{position:absolute;left:0;top:0;width:1000px;height:1000px;transform-origin:0 0;font-family:var(--font,"Figtree",system-ui,sans-serif);color:#f6f1ea;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;pointer-events:none}.dph-world p{margin:0}.dph-shape{position:absolute;overflow:hidden;background:#f6f1ea}.dph-l{position:absolute;left:50%;top:50%}.dph-g{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;display:block}.dph-ico{display:block;background:#ff7a4d;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;color:#ff7a4d}.dph-ico.is-svg{background:none;-webkit-mask:none;mask:none}.dph-ico .dpl{width:100%;height:100%;display:block;overflow:visible}.dph-ico .dpl .fill{fill:currentColor}.dph-ico .dpl .outline,.dph-ico .dpl .ink{fill:#141210}.dph-btn{display:flex;align-items:center;justify-content:center;gap:14px;height:100%;font:700 32px/1 var(--font,sans-serif);letter-spacing:-.01em;color:#16120f}.dph-btn .dph-g{width:30px;height:26px;stroke-width:2.6}.dph-ind{position:absolute;top:8px;height:76px;border-radius:38px;background:#f6f1ea}.dph-tab{position:absolute;top:0;width:194.67px;height:92px;display:grid;place-items:center;font:600 30px/1 var(--font,sans-serif);color:#cfc6bc}.dph-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.dph-glow i{position:absolute;border-radius:50%;filter:blur(46px)}.dph-glow i:nth-child(1){left:-18%;bottom:-48%;width:80%;height:90%;background:radial-gradient(closest-side,#ff7a4d8c,#ff7a4d00)}.dph-glow i:nth-child(2){left:38%;bottom:-55%;width:76%;height:86%;background:radial-gradient(closest-side,#ff6a8b80,#ff6a8b00)}.dph-glow i:nth-child(3){left:12%;bottom:-62%;width:64%;height:74%;background:radial-gradient(closest-side,#ff7a4d59,#ff7a4d00)}.dph-ico--card{position:absolute;left:40px;top:40px;width:104px;height:104px}.dph-eye{position:absolute;left:40px;top:172px;font:700 22px/1 var(--font,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#b3a99e}.dph-h{position:absolute;left:40px;top:204px;font:800 56px/1.05 var(--font,sans-serif);letter-spacing:-.025em;white-space:nowrap}.dph-meta{position:absolute;left:40px;top:282px;font:500 28px/1.2 var(--font,sans-serif);color:#d3cac0;white-space:nowrap}.dph-pill{position:absolute;left:40px;top:352px;display:grid;place-items:center;width:236px;height:72px;border-radius:36px;font:700 28px/1 var(--font,sans-serif);color:#16120f;background:#f6f1ea}.dph-th{position:absolute;left:36px;right:36px;top:36px;display:flex;justify-content:space-between;align-items:center;font:700 32px/1 var(--font,sans-serif);letter-spacing:-.01em}.dph-th span{font:600 22px/1 var(--font,sans-serif);padding:10px 16px;border-radius:999px;color:#d3cac0;box-shadow:inset 0 0 0 1.5px #ffffff2e}.dph-cols{position:absolute;left:36px;right:36px;top:100px;display:flex;font:700 20px/1 var(--font,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#b3a99e}.dph-cols span:first-child{width:226px;padding-left:22px}.dph-row{position:absolute;left:36px;right:36px;height:76px;display:flex;align-items:center;border-radius:18px;background:#ffffff0b;white-space:nowrap}.dph-row b{width:226px;padding-left:22px;font:600 28px/1 var(--font,sans-serif)}.dph-row span{font:500 28px/1 var(--font,sans-serif);color:#d3cac0}.dph-row em{position:absolute;right:14px;display:flex;align-items:center;gap:6px;height:48px;padding:0 16px 0 12px;border-radius:24px;font:700 22px/1 var(--font,sans-serif);font-style:normal;color:#150f0b;background:#ff7a4d;transform-origin:right center}.dph-row em .dph-g{width:24px;height:24px;stroke-width:3}.dph-seg{position:absolute;left:24px;top:24px;width:572px;height:84px;border-radius:42px;background:#0c0a09;box-shadow:inset 0 0 0 1.5px #ffffff14}.dph-knob{position:absolute;top:8px;height:68px;border-radius:34px;background:#f6f1ea;transform-origin:center}.dph-seg span{position:absolute;top:0;width:185.33px;height:84px;display:grid;place-items:center;font:600 28px/1 var(--font,sans-serif)}.dph-price{position:absolute;left:40px;right:40px;top:150px;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px}.dph-price b{font:800 88px/1 var(--font,sans-serif);letter-spacing:-.04em}.dph-price b:empty{display:none}.dph-price span{font:600 32px/1 var(--font,sans-serif);color:#d3cac0}.dph-price small{flex-basis:100%;margin-top:16px;font:500 24px/1.2 var(--font,sans-serif);color:#b3a99e}.dph-best{position:absolute;right:40px;top:166px;display:grid;place-items:center;height:52px;padding:0 20px;border-radius:26px;font:700 24px/1 var(--font,sans-serif);color:#150f0b;background:#ff7a4d;transform-origin:right center}.dph-spin{width:100%;height:100%;fill:none;stroke:#16120f;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:.68 1}.dph-done{display:grid;place-items:center;height:100%;color:#150f0b}.dph-done .dph-g{width:44px;height:44px;stroke-width:3.2}.dph-done path,.dph-ok path,.dph-row em path,[data-e=dlok] path{stroke-dasharray:1}.dph-chip{position:absolute;left:640px;top:456px;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;color:#f6f1ea;background:#191613;box-shadow:inset 0 0 0 2px #ffffff21}.dph-cart{width:40px;height:40px;stroke-width:1.9}.dph-badge{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;min-width:36px;height:36px;border-radius:18px;font:800 20px/1 var(--font,sans-serif);color:#150f0b;background:#ff7a4d;box-shadow:0 0 0 4px #0e0c0a;transform:scale(0)}.dph-l--light{color:#16120f}.dph-sh{position:absolute;left:36px;top:38px;display:flex;align-items:baseline;gap:14px;font:800 40px/1 var(--font,sans-serif);letter-spacing:-.02em}.dph-sh span{font:500 24px/1 var(--font,sans-serif);color:#5a5048;letter-spacing:0}.dph-x{position:absolute;right:28px;top:26px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#16120f0f}.dph-x .dph-g{width:24px;height:24px}.dph-line{position:absolute;left:24px;right:24px;top:108px;height:124px;border-radius:22px;background:#fff;box-shadow:0 0 0 1.5px #16120f14}.dph-tile{position:absolute;left:20px;top:20px;width:84px;height:84px;border-radius:18px;background:#16120f;display:grid;place-items:center}.dph-ico--tile{width:62px;height:62px}.dph-line b{position:absolute;left:124px;top:30px;font:700 30px/1 var(--font,sans-serif);letter-spacing:-.01em;white-space:nowrap}.dph-line small{position:absolute;left:124px;top:72px;font:500 24px/1 var(--font,sans-serif);color:#5a5048;white-space:nowrap}.dph-line em{position:absolute;right:24px;top:30px;font:800 30px/1 var(--font,sans-serif);font-style:normal}.dph-total{position:absolute;left:36px;right:36px;top:268px;display:flex;justify-content:space-between;align-items:baseline}.dph-total span{font:600 30px/1 var(--font,sans-serif)}.dph-total b{font:800 48px/1 var(--font,sans-serif);letter-spacing:-.03em}.dph-note{position:absolute;left:36px;top:328px;font:500 24px/1.2 var(--font,sans-serif);color:#5a5048}.dph-cta{position:absolute;left:24px;right:24px;top:452px;height:84px;border-radius:42px;display:flex;align-items:center;justify-content:center;gap:14px;font:800 30px/1 var(--font,sans-serif);color:#150f0b;background:linear-gradient(100deg,#ff7a4d,#ff6a8b)}.dph-cta .dph-g{width:30px;height:26px;stroke-width:2.6}.dph-ok{position:absolute;left:22px;top:22px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#150f0b;background:#ff7a4d}.dph-ok .dph-g{width:32px;height:32px;stroke-width:3.2}.dph-tt{position:absolute;left:104px;top:0;height:104px;display:flex;align-items:center;font:700 32px/1 var(--font,sans-serif);letter-spacing:-.01em;white-space:nowrap}.dph-dl{position:absolute;right:20px;top:20px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#16120f;background:#f6f1ea}.dph-dl>*{grid-area:1/1;width:30px;height:30px}.dph-dl .dph-g{stroke-width:2.8}.dph-cur{position:absolute;left:0;top:0;width:24px;height:24px;transform-origin:0 0;fill:#0e0c0a;stroke:#fff;stroke-width:1.3;stroke-linejoin:round;overflow:visible}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dp-howitworks.css.map */