.digi-club-how-it-works{position:relative;overflow:hidden;padding-top:var( --digi-club-how-it-works-padding-top-mobile, 64px );padding-bottom:var( --digi-club-how-it-works-padding-bottom-mobile, 64px );background:var( --digi-club-how-it-works-background, #ffffff );color:var( --digi-club-how-it-works-text, #273f43 )}.digi-club-how-it-works *,.digi-club-how-it-works *:before,.digi-club-how-it-works *:after{box-sizing:border-box}.digi-club-how-it-works__container{width:min(calc(100% - 32px),var( --digi-club-how-it-works-content-width, 1240px ));margin-inline:auto}.digi-club-how-it-works__header{width:min(100%,760px);margin:0 auto 48px;text-align:center}.digi-club-how-it-works__eyebrow{margin:0 0 12px;color:var( --digi-club-how-it-works-accent, #00a0b1 );font-family:Urbane;font-size:12px;font-weight:500;line-height:1.2;text-transform:uppercase}.digi-club-how-it-works__heading{margin:0 auto;justify-content:center;color:var( --digi-club-how-it-works-heading, #143740 );font-size:clamp(38px,10vw,62px);font-weight:900;line-height:.95;letter-spacing:-1px}.digi-club-how-it-works__description{max-width:640px;margin:18px auto 0;color:var( --digi-club-how-it-works-muted, #6c7c7f );font-size:16px;line-height:1.3}.digi-club-how-it-works__description>*{margin:0}.digi-club-how-it-works__description>*+*{margin-top:12px}.digi-club-how-it-works__steps{position:relative;display:grid;gap:var( --digi-club-how-it-works-gap-mobile, 20px )}.digi-club-how-it-works__steps:before{content:"";position:absolute;top:34px;left:34px;bottom:34px;width:2px;background:var( --digi-club-how-it-works-line, #bfdde0 );z-index:0}.digi-club-how-it-works__step{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);column-gap:18px;align-items:start;min-width:0;padding:24px;border-radius:var( --digi-club-how-it-works-card-radius, 24px );background:var( --digi-club-how-it-works-step-background, var(--digi-club-how-it-works-surface) );border:1px solid var( --digi-club-how-it-works-border, #dce3e2 );transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;z-index:1}.digi-club-how-it-works__step:hover{transform:translateY(-4px);border-color:var( --digi-club-how-it-works-accent, #00a0b1 );box-shadow:0 20px 44px #14374014}.digi-club-how-it-works__step-marker{position:relative;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:var( --digi-club-how-it-works-step-accent, var(--digi-club-how-it-works-accent) );color:var( --digi-club-how-it-works-step-accent-contrast, #ffffff );z-index:2;overflow:hidden;flex-shrink:0}.digi-club-how-it-works__step-number{font-size:24px;font-weight:900;line-height:1}.digi-club-how-it-works__marker-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px}.digi-club-how-it-works__marker-icon svg{width:100%;height:100%}.digi-club-how-it-works__marker-image{display:block;width:100%;height:100%;object-fit:cover}.digi-club-how-it-works__connector{position:absolute;top:68px;left:57px;width:2px;height:calc(100% + var( --digi-club-how-it-works-gap-mobile, 20px ));background:var( --digi-club-how-it-works-line, #bfdde0 );z-index:0}.digi-club-how-it-works__step:last-child .digi-club-how-it-works__connector{display:none}.digi-club-how-it-works__step-content{display:flex;flex-direction:column;min-width:0}.digi-club-how-it-works__step-eyebrow{margin:0 0 10px;color:var( --digi-club-how-it-works-step-accent, var(--digi-club-how-it-works-accent) );font-family:Urbane;font-size:12px;font-weight:500;line-height:1.2;text-transform:uppercase}.digi-club-how-it-works__step-title{margin:0;color:var( --digi-club-how-it-works-step-heading, var(--digi-club-how-it-works-heading) );font-size:28px;font-weight:900;line-height:1;letter-spacing:-1px}.digi-club-how-it-works__step-description{margin-top:14px;color:var( --digi-club-how-it-works-step-text, var(--digi-club-how-it-works-text) );font-size:15px;line-height:1.3}.digi-club-how-it-works__step-description>*{margin:0}.digi-club-how-it-works__step-description>*+*{margin-top:12px}.digi-club-how-it-works__step-media{margin-top:22px;overflow:hidden;border-radius:calc(var( --digi-club-how-it-works-card-radius, 24px ) * .75)}.digi-club-how-it-works__step-image{display:block;width:100%;height:auto;transition:transform .45s ease}.digi-club-how-it-works__step:hover .digi-club-how-it-works__step-image{transform:scale(1.03)}.digi-club-how-it-works__step-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;width:fit-content;color:var( --digi-club-how-it-works-step-accent, var(--digi-club-how-it-works-accent) );font-size:14px;font-weight:700;text-decoration:none;transition:color .25s ease}.digi-club-how-it-works__step-link svg{width:18px;height:18px;transition:transform .25s ease}.digi-club-how-it-works__step-link:hover svg{transform:translate(4px)}.digi-club-how-it-works__step--highlight{border-color:var( --digi-club-how-it-works-accent, #00a0b1 );box-shadow:0 18px 42px #00a0b11f}.digi-club-how-it-works__step--highlight .digi-club-how-it-works__step-marker{transform:scale(1.08)}.digi-club-how-it-works__footer{display:flex;flex-direction:column;align-items:center;margin-top:52px;text-align:center}.digi-club-how-it-works__footer-text{max-width:300px;margin-bottom:24px;color:var( --digi-club-how-it-works-muted, #6c7c7f );font-size:14px;line-height:1.3}.digi-club-how-it-works__footer-text>*{margin:0}.digi-club-how-it-works__footer-text>*+*{margin-top:12px}.digi-club-how-it-works__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 32px;border:none;border-radius:999px;background:var( --digi-club-how-it-works-button, #f4633a );color:var( --digi-club-how-it-works-button-text, #ffffff );font:inherit;font-size:15px;font-family:Urbane;font-weight:800;text-transform:uppercase;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.digi-club-how-it-works__button:hover{background:var( --digi-club-how-it-works-button-hover, #c2482b );transform:translateY(-3px)}.digi-club-how-it-works__button-icon{width:18px;height:18px;transition:transform .25s ease}.digi-club-how-it-works__button:hover .digi-club-how-it-works__button-icon{transform:translate(4px)}.digi-club-how-it-works__empty{display:grid;place-items:center;min-height:220px;padding:40px;border:2px dashed var( --digi-club-how-it-works-border, #dce3e2 );border-radius:var( --digi-club-how-it-works-card-radius, 24px );text-align:center;color:var( --digi-club-how-it-works-muted, #6c7c7f )}.digi-club-how-it-works__empty p{margin:0;max-width:480px;font-size:15px;line-height:1.6}.digi-club-how-it-works__button:focus-visible,.digi-club-how-it-works__step-link:focus-visible{outline:3px solid rgba(0,160,177,.28);outline-offset:4px}.digi-club-how-it-works--horizontal .digi-club-how-it-works__steps,.digi-club-how-it-works--grid .digi-club-how-it-works__steps,.digi-club-how-it-works--alternating .digi-club-how-it-works__steps{display:grid;grid-template-columns:1fr}.digi-club-how-it-works--horizontal .digi-club-how-it-works__step,.digi-club-how-it-works--grid .digi-club-how-it-works__step,.digi-club-how-it-works--alternating .digi-club-how-it-works__step{width:100%}.digi-club-how-it-works__step{will-change:transform,opacity}.digi-club-how-it-works__step.is-active{border-color:var( --digi-club-how-it-works-accent, #00a0b1 )}.digi-club-how-it-works__step.is-selected{box-shadow:0 22px 48px #1437401a}.digi-club-how-it-works__step[data-step-index]{counter-increment:step}.digi-club-how-it-works__step--has-image .digi-club-how-it-works__step-content{align-self:start}.digi-club-how-it-works__step--highlight{position:relative;overflow:hidden}.digi-club-how-it-works__step--highlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,160,177,.06),transparent 58%);pointer-events:none}.digi-club-how-it-works__step--highlight:after{content:"";position:absolute;top:-70px;right:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,160,177,.1),transparent 72%);pointer-events:none}.digi-club-how-it-works__step-marker{transition:transform .35s ease,background-color .25s ease,box-shadow .25s ease}.digi-club-how-it-works__step:hover .digi-club-how-it-works__step-marker{transform:scale(1.08)}.digi-club-how-it-works__step--highlight .digi-club-how-it-works__step-marker{box-shadow:0 14px 30px #00a0b12e}.digi-club-how-it-works__connector{transition:background-color .25s ease,opacity .25s ease}.digi-club-how-it-works__step:hover .digi-club-how-it-works__connector{opacity:.9}.digi-club-how-it-works__step-media{position:relative}.digi-club-how-it-works__step-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(20,55,64,.05),transparent 45%);opacity:0;transition:opacity .35s ease}.digi-club-how-it-works__step:hover .digi-club-how-it-works__step-media:after{opacity:1}.digi-club-how-it-works__button{position:relative;overflow:hidden}.digi-club-how-it-works__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-130%);transition:transform .6s ease}.digi-club-how-it-works__button:hover:before{transform:translate(130%)}.digi-club-how-it-works__step,.digi-club-how-it-works__step-marker,.digi-club-how-it-works__step-image,.digi-club-how-it-works__button,.digi-club-how-it-works__button-icon,.digi-club-how-it-works__step-link svg{transition-timing-function:cubic-bezier(.22,.61,.36,1)}.digi-club-how-it-works--reveal [data-digi-club-how-it-works-reveal]{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.digi-club-how-it-works--reveal [data-digi-club-how-it-works-reveal].is-visible{opacity:1;transform:none}.digi-club-how-it-works--reveal [data-digi-club-how-it-works-step]{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease,border-color .25s ease,box-shadow .25s ease}.digi-club-how-it-works--reveal [data-digi-club-how-it-works-step].is-visible{opacity:1;transform:none}.digi-club-how-it-works .is-hidden{display:none!important}.digi-club-how-it-works .is-visible{visibility:visible}@media screen and (max-width:395px){.digi-club-how-it-works__container{width:min(calc(100% - 24px),var( --digi-club-how-it-works-content-width, 1240px ))}.digi-club-how-it-works__header{margin-bottom:36px}.digi-club-how-it-works__heading{font-size:clamp(34px,11vw,48px)}.digi-club-how-it-works__description{max-width:290px;font-size:15px}.digi-club-how-it-works__step{grid-template-columns:54px minmax(0,1fr);column-gap:14px;padding:18px}.digi-club-how-it-works__step-marker{width:54px;height:54px}.digi-club-how-it-works__step-number{font-size:20px}.digi-club-how-it-works__marker-icon{width:26px;height:26px}.digi-club-how-it-works__step-title{font-size:18px}.digi-club-how-it-works__step-description{margin-top:10px;font-size:12px}.digi-club-how-it-works__steps:before{top:27px;bottom:27px;left:27px}.digi-club-how-it-works__connector{top:54px;left:44px}.digi-club-how-it-works__footer{margin-top:40px}.digi-club-how-it-works__button{width:100%;padding-inline:20px}}@media screen and (min-width:750px){.digi-club-how-it-works__header{margin-bottom:58px}.digi-club-how-it-works__eyebrow{font-size:13px}.digi-club-how-it-works__heading{max-width:700px;justify-content:center;font-size:clamp(52px,7vw,76px)}.digi-club-how-it-works__description{font-size:17px}.digi-club-how-it-works__steps{gap:var( --digi-club-how-it-works-gap-desktop, 24px )}.digi-club-how-it-works__step{grid-template-columns:76px minmax(0,1fr);column-gap:22px;padding:28px}.digi-club-how-it-works__step-marker{width:76px;height:76px}.digi-club-how-it-works__step-number{font-size:27px}.digi-club-how-it-works__marker-icon{width:34px;height:34px}.digi-club-how-it-works__step-title{font-size:32px}.digi-club-how-it-works__step-description{font-size:16px}.digi-club-how-it-works__steps:before{top:38px;bottom:38px;left:38px}.digi-club-how-it-works__connector{top:76px;left:65px;height:calc(100% + var( --digi-club-how-it-works-gap-desktop, 24px ))}.digi-club-how-it-works__footer{margin-top:64px}.digi-club-how-it-works__footer-text{font-size:16px;max-width:600px}.digi-club-how-it-works__button{min-height:60px;padding-inline:38px;font-size:16px}}@media screen and (min-width:990px){.digi-club-how-it-works{padding-top:var( --digi-club-how-it-works-padding-top-desktop, 112px );padding-bottom:var( --digi-club-how-it-works-padding-bottom-desktop, 112px )}.digi-club-how-it-works__container{width:min(calc(100% - 64px),var( --digi-club-how-it-works-content-width, 1240px ))}.digi-club-how-it-works__header{margin-bottom:68px}.digi-club-how-it-works__steps:before{display:none}.digi-club-how-it-works__step{display:flex;flex-direction:column;min-height:100%;padding:28px}.digi-club-how-it-works__step-marker{width:72px;height:72px;margin-bottom:26px}.digi-club-how-it-works__step-number{font-size:26px}.digi-club-how-it-works__marker-icon{width:32px;height:32px}.digi-club-how-it-works__step-content{flex:1}.digi-club-how-it-works__step-title{font-size:clamp(25px,2.2vw,28px)}.digi-club-how-it-works__step-description{font-size:15px}.digi-club-how-it-works__step-media{order:2;width:100%;margin-top:24px}.digi-club-how-it-works__step-image{width:100%;height:220px;object-fit:cover}.digi-club-how-it-works__step-link{margin-top:auto;padding-top:22px}.digi-club-how-it-works__connector{display:none}.digi-club-how-it-works--horizontal .digi-club-how-it-works__steps{grid-template-columns:repeat(var( --digi-club-how-it-works-step-count ),minmax(0,1fr));align-items:stretch;gap:var( --digi-club-how-it-works-gap-desktop, 24px )}.digi-club-how-it-works--horizontal .digi-club-how-it-works__step{position:relative}.digi-club-how-it-works--horizontal .digi-club-how-it-works__step:not(:last-child):after{content:"";position:absolute;top:64px;left:calc(100% + 1px);width:calc(var( --digi-club-how-it-works-gap-desktop, 24px ) - 2px);height:2px;background:var( --digi-club-how-it-works-line, #bfdde0 );transform:translateY(-50%);pointer-events:none}.digi-club-how-it-works--horizontal .digi-club-how-it-works__step-marker{margin-inline:auto}.digi-club-how-it-works--horizontal .digi-club-how-it-works__step-content{align-items:center;text-align:center}.digi-club-how-it-works--horizontal .digi-club-how-it-works__step-link{margin-inline:auto}.digi-club-how-it-works--grid .digi-club-how-it-works__steps{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:var( --digi-club-how-it-works-gap-desktop, 24px )}.digi-club-how-it-works--grid .digi-club-how-it-works__step{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;column-gap:24px}.digi-club-how-it-works--grid .digi-club-how-it-works__step-marker{grid-column:1;grid-row:1 / span 2;margin:0}.digi-club-how-it-works--grid .digi-club-how-it-works__step-media{grid-column:1 / -1}.digi-club-how-it-works--grid .digi-club-how-it-works__step-link{margin-top:22px;padding-top:0}.digi-club-how-it-works--alternating .digi-club-how-it-works__steps{grid-template-columns:1fr;gap:calc(var( --digi-club-how-it-works-gap-desktop, 24px ) * 1.5)}.digi-club-how-it-works--alternating .digi-club-how-it-works__step{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,42%);align-items:center;column-gap:clamp(40px,6vw,88px);min-height:340px;padding:clamp(30px,4vw,52px)}.digi-club-how-it-works--alternating .digi-club-how-it-works__step-marker{position:absolute;top:28px;left:28px;width:64px;height:64px;margin:0}.digi-club-how-it-works--alternating .digi-club-how-it-works__step-content{grid-column:1;padding-top:54px}.digi-club-how-it-works--alternating .digi-club-how-it-works__step-media{grid-column:2;grid-row:1;order:initial;margin:0}.digi-club-how-it-works--alternating .digi-club-how-it-works__step-image{height:280px;border-radius:calc(var( --digi-club-how-it-works-card-radius, 24px ) * .7)}.digi-club-how-it-works--alternating .digi-club-how-it-works__step:nth-child(2n){grid-template-columns:minmax(260px,42%) minmax(0,1fr)}.digi-club-how-it-works--alternating .digi-club-how-it-works__step:nth-child(2n) .digi-club-how-it-works__step-content{grid-column:2}.digi-club-how-it-works--alternating .digi-club-how-it-works__step:nth-child(2n) .digi-club-how-it-works__step-media{grid-column:1}.digi-club-how-it-works--alternating .digi-club-how-it-works__step:nth-child(2n) .digi-club-how-it-works__step-marker{right:28px;left:auto}}@media screen and (min-width:990px)and (max-width:1279px){.digi-club-how-it-works--horizontal .digi-club-how-it-works__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.digi-club-how-it-works--horizontal .digi-club-how-it-works__step:not(:last-child):after{display:none}}@media screen and (min-width:1280px){.digi-club-how-it-works__header{margin-bottom:45px}.digi-club-how-it-works--horizontal .digi-club-how-it-works__step{padding:30px 24px}.digi-club-how-it-works--horizontal .digi-club-how-it-works__step-marker{width:76px;height:76px}.digi-club-how-it-works--horizontal .digi-club-how-it-works__step:not(:last-child):after{top:68px}.digi-club-how-it-works--grid .digi-club-how-it-works__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.digi-club-how-it-works--grid .digi-club-how-it-works__step{padding:34px}.digi-club-how-it-works--alternating .digi-club-how-it-works__step{min-height:390px}.digi-club-how-it-works--alternating .digi-club-how-it-works__step-image{height:320px}}@media screen and (min-width:1500px){.digi-club-how-it-works--horizontal .digi-club-how-it-works__step{padding:34px 28px}.digi-club-how-it-works--alternating .digi-club-how-it-works__step{column-gap:96px}}@supports not (background: color-mix(in srgb,#ffffff 50%,#000000)){.digi-club-how-it-works__step:hover{box-shadow:0 20px 44px #14374014}.digi-club-how-it-works__step--highlight{box-shadow:0 18px 42px #00a0b11f}}@media(prefers-reduced-motion:reduce){.digi-club-how-it-works *,.digi-club-how-it-works *:before,.digi-club-how-it-works *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.digi-club-how-it-works--reveal [data-digi-club-how-it-works-reveal],.digi-club-how-it-works--reveal [data-digi-club-how-it-works-step]{opacity:1;transform:none}.digi-club-how-it-works__step:hover,.digi-club-how-it-works__step:hover .digi-club-how-it-works__step-marker,.digi-club-how-it-works__step:hover .digi-club-how-it-works__step-image,.digi-club-how-it-works__button:hover{transform:none}.digi-club-how-it-works__button:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/digi-club-how-it-works.css.map */