.provider-group .how-section{position:relative;overflow:hidden}.provider-group .how-glow-1,.provider-group .how-glow-2{pointer-events:none;position:absolute;border-radius:9999px;filter:blur(64px)}.provider-group .how-glow-1{top:-8rem;left:-8rem;height:420px;width:420px;opacity:.3;background:radial-gradient(closest-side,var(--cream),transparent)}.provider-group .how-glow-2{bottom:-10rem;right:-6rem;height:460px;width:460px;opacity:.2;background:radial-gradient(closest-side,var(--brown-mid),transparent)}.provider-group .how-section .container{position:relative}.provider-group .how-steps-wrap{position:relative;margin-top:4rem}.provider-group .how-rail{display:none;position:absolute;top:32px;left:16.6667%;right:16.6667%;pointer-events:none}@media(min-width:768px){.provider-group .how-rail{display:block}}.provider-group .how-rail-line{border-top:2px dashed rgb(from var(--brown-foreground) r g b / .4)}.provider-group .how-pill{position:absolute;top:0;display:inline-flex;height:36px;width:36px;align-items:center;justify-content:center;border-radius:9999px;background:var(--cream);color:var(--brown);box-shadow:0 10px 15px -3px #0000001a;outline:2px solid color-mix(in oklab,var(--brown) 30%,transparent);animation:flourish-pill-travel 12s ease-in-out infinite}.provider-group .how-pill svg{width:16px;height:16px}.provider-group .how-grid{position:relative;display:grid;gap:2rem}@media(min-width:768px){.provider-group .how-grid{grid-template-columns:repeat(3,1fr)}}.provider-group .how-step{display:flex;flex-direction:column;align-items:center}.provider-group .how-circle{position:relative;z-index:10;display:inline-flex;height:64px;width:64px;align-items:center;justify-content:center;border-radius:9999px;font-family:var(--font-serif);font-size:1.5rem;font-weight:700;transition:background-color .2s,color .2s}.provider-group .how-step:nth-child(1) .how-circle{animation:flourish-step-1 12s ease-in-out infinite}.provider-group .how-step:nth-child(2) .how-circle{animation:flourish-step-2 12s ease-in-out infinite}.provider-group .how-step:nth-child(3) .how-circle{animation:flourish-step-3 12s ease-in-out infinite}.provider-group .how-card{margin-top:1.5rem;width:100%;border-radius:24px;background:rgb(from var(--cream) r g b / .95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem;border:1px solid color-mix(in oklab,var(--brown) 10%,transparent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;flex:1}.provider-group .how-step:nth-child(1) .how-card{animation:flourish-card-1 12s ease-in-out infinite}.provider-group .how-step:nth-child(2) .how-card{animation:flourish-card-2 12s ease-in-out infinite}.provider-group .how-step:nth-child(3) .how-card{animation:flourish-card-3 12s ease-in-out infinite}.provider-group .how-card h3{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--foreground)}@media(min-width:768px){.provider-group .how-card h3{font-size:1.375rem}}.provider-group .how-card p{margin-top:.75rem;font-size:.9375rem;line-height:1.6;color:rgb(from var(--foreground) r g b / .75)}@keyframes flourish-pill-travel{0%{left:0%;opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-8deg)}5%{left:0%;opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}25%{left:50%;opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}30%{left:50%;opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0)}45%{left:50%;opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0)}50%{left:50%;opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}70%{left:100%;opacity:1;transform:translate(-50%,-50%) scale(1) rotate(8deg)}75%{left:100%;opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(8deg)}to{left:100%;opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(8deg)}}@keyframes flourish-step-1{0%,5%{background-color:var(--brown);color:var(--brown-foreground);box-shadow:0 0 0 6px color-mix(in oklab,var(--cream) 40%,transparent),0 8px 24px -6px color-mix(in oklab,var(--brown) 60%,transparent)}10%,to{background-color:var(--cream);color:var(--brown);box-shadow:0 0 0 4px color-mix(in oklab,var(--brown) 30%,transparent)}}@keyframes flourish-step-2{0%,25%{background-color:var(--cream);color:var(--brown);box-shadow:0 0 0 4px color-mix(in oklab,var(--brown) 30%,transparent)}28%,50%{background-color:var(--brown);color:var(--brown-foreground);box-shadow:0 0 0 6px color-mix(in oklab,var(--cream) 40%,transparent),0 8px 24px -6px color-mix(in oklab,var(--brown) 60%,transparent)}55%,to{background-color:var(--cream);color:var(--brown);box-shadow:0 0 0 4px color-mix(in oklab,var(--brown) 30%,transparent)}}@keyframes flourish-step-3{0%,70%{background-color:var(--cream);color:var(--brown);box-shadow:0 0 0 4px color-mix(in oklab,var(--brown) 30%,transparent)}73%,to{background-color:var(--brown);color:var(--brown-foreground);box-shadow:0 0 0 6px color-mix(in oklab,var(--cream) 40%,transparent),0 8px 24px -6px color-mix(in oklab,var(--brown) 60%,transparent)}}@keyframes flourish-card-1{0%,5%{transform:translateY(-4px);box-shadow:0 20px 40px -16px color-mix(in oklab,var(--brown) 45%,transparent);border-color:color-mix(in oklab,var(--brown) 45%,transparent)}10%,to{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border-color:color-mix(in oklab,var(--brown) 10%,transparent)}}@keyframes flourish-card-2{0%,25%{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border-color:color-mix(in oklab,var(--brown) 10%,transparent)}28%,50%{transform:translateY(-4px);box-shadow:0 20px 40px -16px color-mix(in oklab,var(--brown) 45%,transparent);border-color:color-mix(in oklab,var(--brown) 45%,transparent)}55%,to{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border-color:color-mix(in oklab,var(--brown) 10%,transparent)}}@keyframes flourish-card-3{0%,70%{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border-color:color-mix(in oklab,var(--brown) 10%,transparent)}73%,to{transform:translateY(-4px);box-shadow:0 20px 40px -16px color-mix(in oklab,var(--brown) 45%,transparent);border-color:color-mix(in oklab,var(--brown) 45%,transparent)}}@media(prefers-reduced-motion:reduce){.provider-group .how-pill,.provider-group .how-circle,.provider-group .how-card{animation:none!important}.provider-group .how-pill{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/provider-how-it-works.css.map */