.process-hover-heading{margin:0 0 12px;font-weight:700;text-align:center;font-size:48px!important}@media (max-width: 749px){.process-hover-heading{font-size:32px!important}}.process-hover-subheading{margin:0 0 32px;opacity:.75;text-align:center}.process-hover{display:grid;gap:32px;align-items:center}@media (min-width: 750px){.process-hover{grid-template-columns:1fr 1fr;gap:48px}}.process-hover__media{order:1}.process-hover__steps,.process-hover--reverse .process-hover__media{order:2}.process-hover--reverse .process-hover__steps{order:1}.process-hover--reverse{direction:rtl}.process-hover--reverse>*{direction:ltr}.process-hover__steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.process-hover__step{display:grid;grid-template-columns:auto 1fr;column-gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12);cursor:pointer;align-items:center}.process-hover__label{color:#f0fb20;font-weight:600;padding:12px 18px;border-radius:999px;font-size:2rem;white-space:nowrap;line-height:1;opacity:1;transition:none}.process-hover__title{margin:0;font-weight:600;line-height:1.25}.process-hover__description{margin:8px 0 0;line-height:1.4;grid-column:2;transition:color .22s ease}.process-hover__title,.process-hover__description{color:#fff}.process-hover__steps:hover .process-hover__title,.process-hover__steps:hover .process-hover__description{color:#ffffff73}.process-hover__step:hover .process-hover__title,.process-hover__step:hover .process-hover__description,.process-hover__step.is-active .process-hover__title,.process-hover__step.is-active .process-hover__description{color:#fff}.process-hover__step,.process-hover__title,.process-hover__description{opacity:1!important}.process-hover__media{position:relative;width:100%;aspect-ratio:16 / 10;min-height:320px;overflow:hidden;border-radius:16px}@media (min-width: 990px){.process-hover__media{min-height:420px}}.process-hover__default-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:1;transition:opacity .2s ease}.process-hover__default-image img{width:100%;height:100%;object-fit:cover;display:block}.process-hover__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;pointer-events:none;transition:opacity .2s ease}.process-hover__image img{width:100%;height:100%;object-fit:cover;display:block}.process-hover__image.is-active{opacity:1}.process-hover.has-active-step .process-hover__default-image{opacity:0}@media (max-width: 749px){.process-hover{grid-template-columns:1fr;gap:24px}.process-hover__media{aspect-ratio:16 / 11;min-height:220px}}.process-hover__title{font-size:clamp(30px,2.4vw,36px);font-weight:600;line-height:1.15;transition:color .22s ease}.process-hover__step{column-gap:14px;padding:20px 0}.process-hover-shell{position:relative;border-top-left-radius:48px;border-top-right-radius:48px;overflow:hidden;isolation:isolate;background:rgb(var(--color-shadow))!important}.process-hover-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(170deg,#08130f,#071210 30%,#374b4647 48%,#071210 65%,#08130f);z-index:-1}.process-hover-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(at 88% 42%,#168c7833,#0000 56%),radial-gradient(at 12% 42%,#168c7829,#0000 54%);pointer-events:none;z-index:-1}.process-hover-shell{padding-top:60px;padding-bottom:60px}@media (max-width: 749px){.process-hover-shell{padding-top:48px;padding-bottom:60px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-process-hover.css.map */