.pod-how-it-works{--pod-how-it-works-bg: #ffffff;--pod-how-it-works-stage: #f2f3f5;--pod-how-it-works-text: #1B1B1B;--pod-how-it-works-muted: #4a4d52;--pod-how-it-works-subtle: #6b6f75;--pod-how-it-works-line: #e3e5e8;--pod-how-it-works-dot-active: #1d5a6b;--pod-how-it-works-max-width: 1440px;padding:28px 20px 20px;background:var(--pod-how-it-works-bg);color:var(--pod-how-it-works-text)}.pod-how-it-works__inner{max-width:1280px;margin:0 auto}.pod-how-it-works__header{display:flex;flex-direction:column;gap:16px}.pod-how-it-works__heading{margin:0;color:var(--pod-how-it-works-text);font-size:32px;line-height:38px;font-weight:500;letter-spacing:0;color:#1b1b1b;font-family:Neue Haas Grotesk Display Pro}.pod-how-it-works__description{margin:0;color:#343b43;font-family:Neue Haas Grotesk Text Pro;font-size:18px;line-height:28px}.pod-how-it-works__body{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;margin-top:32px}.pod-how-it-works__stage{position:relative}.pod-how-it-works__image-wrap{position:relative;border-radius:24px;overflow:hidden;background:#f6f7f8}.pod-how-it-works__image{display:block;width:100%;height:auto}.pod-how-it-works__image--desktop{display:none}.pod-how-it-works__placeholder{aspect-ratio:4 / 3;fill:#c9ccd1}.pod-how-it-works__dot{position:absolute;left:var(--pod-how-it-works-x-mobile);top:var(--pod-how-it-works-y-mobile);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#fff;color:#1b1b1b;box-shadow:0 4px 16px #0000001a;transform:translate(-50%,-50%);cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.pod-how-it-works__dot:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.7);animation:pod-how-it-works-pulse 2.4s ease-out infinite;pointer-events:none}.pod-how-it-works__dot svg{width:20px;height:20px;transition:transform .25s ease}.pod-how-it-works__dot:hover{box-shadow:0 3px 14px #00000042}.pod-how-it-works__dot:focus-visible{outline:2px solid var(--pod-how-it-works-dot-active);outline-offset:3px}.pod-how-it-works__hotspot.is-open .pod-how-it-works__dot{z-index:4;background:var(--pod-how-it-works-dot-active);color:#fff}.pod-how-it-works__hotspot.is-open .pod-how-it-works__dot svg{transform:rotate(45deg)}.pod-how-it-works__hotspot.is-open .pod-how-it-works__dot:before{animation:none;opacity:0}@keyframes pod-how-it-works-pulse{0%{transform:scale(.85);opacity:.9}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}.pod-how-it-works__popover{position:relative;z-index:3;margin:-24px 18px 0;padding:16px 18px;border-radius:10px;background:#fff;box-shadow:0 8px 28px #0000001f;animation:pod-how-it-works-pop .22s ease}.pod-how-it-works__popover[hidden]{display:none}@keyframes pod-how-it-works-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pod-how-it-works__popover-title{margin:0;font-weight:500;font-size:18px;line-height:24px;color:#1b1b1b;font-family:Neue Haas Grotesk Text Pro}.pod-how-it-works__popover-text{margin:8px 0 0;font-size:16px;line-height:24px;color:#343b43;font-family:Neue Haas Grotesk Text Pro}.pod-how-it-works__steps{margin:0;padding:0;list-style:none}.pod-how-it-works__step{padding:20px 0;border-top:1px solid #e3e5e8}.pod-how-it-works__step:last-child{padding-bottom:0}.pod-how-it-works__step:first-child{padding-top:0;border-top:0}.pod-how-it-works__step-number{display:block;color:#59636e;font-weight:500;font-size:14px;line-height:20px;font-family:Neue Haas Grotesk Text Pro}.pod-how-it-works__step-title{margin:6px 0 0;color:var(--pod-how-it-works-text);font-weight:500;font-family:Neue Haas Grotesk Text Pro;font-size:24px;line-height:32px}.pod-how-it-works__step-text{margin-top:12px;color:#343b43;font-family:Neue Haas Grotesk Text Pro;font-size:16px;line-height:24px}.pod-how-it-works__step-text p{margin:0;font-family:Neue Haas Grotesk Text Pro}.pod-how-it-works__step-text p+p{margin-top:8px}@media screen and (min-width:990px){.pod-how-it-works__popover-title{font-size:20px;line-height:26px}.pod-how-it-works__popover-text{margin:12px 0 0}.pod-how-it-works{padding:96px 16px}.pod-how-it-works__header{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:48px}.pod-how-it-works__heading{font-size:48px;line-height:54px}.pod-how-it-works__description{max-width:500px;text-align:right;font-size:20px;line-height:30px}.pod-how-it-works__body{grid-template-columns:minmax(0,1.52fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:46px}.pod-how-it-works__image--desktop{display:block}.pod-how-it-works__image--mobile{display:none}.pod-how-it-works__dot{left:var(--pod-how-it-works-x);top:var(--pod-how-it-works-y);width:48px;height:48px}.pod-how-it-works__popover{position:absolute;left:var(--pod-how-it-works-x);top:var(--pod-how-it-works-y);width:320px;margin:0;padding:24px}.pod-how-it-works__popover--right.pod-how-it-works__popover--below{transform:translate(-14px,-14px)}.pod-how-it-works__popover--right.pod-how-it-works__popover--above{transform:translate(46px,calc(-100% + 76px))}.pod-how-it-works__popover--left.pod-how-it-works__popover--below{transform:translate(calc(-120% + 14px),-74px)}.pod-how-it-works__hotspot:nth-child(3) .pod-how-it-works__popover--left.pod-how-it-works__popover--below{transform:translate(calc(-119% + 14px),-94px)}.pod-how-it-works__popover--left.pod-how-it-works__popover--above{transform:translate(calc(-100% + 14px),calc(-100% + 14px))}.pod-how-it-works__popover{animation-name:pod-how-it-works-fade}@keyframes pod-how-it-works-fade{0%{opacity:0}to{opacity:1}}.pod-how-it-works__step{padding:36px 0}.pod-how-it-works__step-title{font-size:27px;line-height:34px}}@media(prefers-reduced-motion:reduce){.pod-how-it-works__dot:before,.pod-how-it-works__popover{animation:none}}@media(min-width:990px)and (max-width:1279px){.pod-how-it-works__heading{font-size:40px;line-height:48px}.pod-how-it-works__header{gap:26px}.pod-how-it-works__description{max-width:400px;font-size:16px;line-height:24px}.pod-how-it-works__body{grid-template-columns:minmax(0,1.42fr) minmax(0,1fr)}.pod-how-it-works__hotspot:nth-child(3) .pod-how-it-works__popover--left.pod-how-it-works__popover--below{transform:translate(calc(-113% + 16px),-94px)}.pod-how-it-works__popover{width:300px;padding:24px 16px}.pod-how-it-works__popover-text{font-size:14px;line-height:22px}.pod-how-it-works__step{padding:20px 0}}@media(max-width:989px){.pod-how-it-works__popover{padding:20px;transform:translateY(calc(-55% + 76px));position:absolute}.pod-how-it-works__steps{margin:110px 0 0}.pod-how-it-works__inner{padding:0 12px}}
/*# sourceMappingURL=/cdn/shop/t/237/assets/pod-how-it-works.css.map */