.how-it-works{padding:1.5rem 0;background-color:var(--color-bg-primary)}@media(min-width:768px){.how-it-works{padding:2.5rem 0}}.how-it-works__container{max-width:1024px;margin:0 auto;padding:0 1rem}.how-it-works__header{text-align:center;margin-bottom:3rem}.how-it-works__title{font-size:1.875rem;font-weight:700;color:var(--color-text-heading);margin-bottom:1rem}@media(min-width:768px){.how-it-works__title{font-size:2.25rem}}.how-it-works__subtitle{color:var(--color-text-body);max-width:42rem;margin:0 auto}.how-it-works__timeline-wrap{position:relative;max-width:56rem;margin:0 auto}.how-it-works__vertical-line{display:none;position:absolute;left:50%;top:0;bottom:0;width:.25rem;background:var(--color-border);transform:translate(-50%);border-radius:9999px}@media(min-width:768px){.how-it-works__vertical-line{display:block}}.how-it-works__steps{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.how-it-works__steps{gap:3rem}}.how-it-works__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media(min-width:768px){.how-it-works__step{flex-direction:row;gap:2rem}}.how-it-works__dot{display:none;position:absolute;left:50%;top:50%;width:1.5rem;height:1.5rem;background-color:var(--color-surface);border:4px solid var(--color-accent-gold);border-radius:9999px;transform:translate(-50%,-50%);z-index:10;box-shadow:0 1px 2px #0000000d}@media(min-width:768px){.how-it-works__dot{display:flex}}.how-it-works__content-panel{width:100%}@media(min-width:768px){.how-it-works__content-panel{width:50%}.how-it-works__step:nth-child(odd) .how-it-works__content-panel{padding-right:3rem;text-align:right}.how-it-works__step:nth-child(2n) .how-it-works__content-panel{padding-left:3rem;order:2}}.how-it-works__card{background-color:var(--color-surface);padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow-card);border:1px solid var(--color-border);transition:box-shadow .2s ease-in-out;position:relative}@media(min-width:768px){.how-it-works__card{padding:2rem}}.how-it-works__card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.how-it-works__mobile-badge{position:absolute;top:-1rem;left:-1rem;width:2rem;height:2rem;background-color:var(--color-accent-gold);color:var(--color-bg-primary);border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:var(--shadow-gold-ambient)}@media(min-width:768px){.how-it-works__mobile-badge{display:none}}.how-it-works__label{display:inline-block;padding:.25rem .75rem;background-color:var(--color-hover);color:var(--color-accent-gold);font-size:.875rem;font-weight:700;border-radius:9999px;margin-bottom:.75rem}.how-it-works__step-title{font-size:1.25rem;font-weight:700;color:var(--color-text-heading);margin-bottom:.5rem}.how-it-works__step-text{color:var(--color-text-body);font-size:.875rem;line-height:1.625}.how-it-works__spacer{display:none}@media(min-width:768px){.how-it-works__spacer{display:block;width:50%}.how-it-works__step:nth-child(odd) .how-it-works__spacer{order:2}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-it-works.css.map */