.step-section{padding:clamp(4rem,12.26vw,7rem) 0}.step-section .label-card{margin:-.625rem 0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;position:relative;-webkit-transform-origin:bottom;transform-origin:bottom;z-index:0}.step-section .label-card.active{margin:-.625rem 0;-webkit-transform:scaleX(1);transform:scaleX(1);z-index:10}.step-section .label-card.active+.label-card{margin-top:.4375rem}.step-section .label-card.active .bold{opacity:1;-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99;-webkit-transition:opacity .4s;transition:opacity .4s}.step-section .label-card.active .card-top{background:var(--accent-gradient),var(--bg-a);border-radius:.5rem .5rem 0 0;padding-bottom:.75rem;position:relative}.step-section .label-card.active .card-top::before{-webkit-transform:scaleX(-1);transform:scaleX(-1);pointer-events:none;content:"";position:absolute;inset:0;border-radius:inherit;padding:.0625rem;background:var(--label-border);-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.step-section .label-card.active .card-bottom{opacity:1}.step-section .label-card .card-top{border-radius:.5rem;background:var(--bg-a);-webkit-box-shadow:0rem .25rem .5rem -.125rem rgba(0,0,0,.1),0rem .125rem .25rem -.125rem rgba(0,0,0,.06);box-shadow:0rem .25rem .5rem -.125rem rgba(0,0,0,.1),0rem .125rem .25rem -.125rem rgba(0,0,0,.06);-webkit-transition:.3s;transition:.3s;padding-bottom:.5rem}.step-section .label-card .card-top .sprite{border-color:var(--br-c)}.step-section .label-card .card-bottom{margin-top:-.375rem;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.step-section .label-card .bold{opacity:0;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.step-section .template-cards{overflow:hidden;margin:0 -1.5625rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:15rem;z-index:1}.step-section .template-cards__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.78125rem;border-radius:1rem;z-index:1;background:var(--label-bg);overflow:hidden;-webkit-transform:translateX(40%);transform:translateX(40%);backdrop-filter:blur(.9375rem);opacity:1;position:absolute!important;bottom:0;top:0;left:0;right:0;-webkit-transition:backdrop-filter .4s ease-in-out,-webkit-transform .4s ease-in-out,-webkit-filter .4s ease-in-out;transition:transform .4s ease-in-out,filter .4s ease-in-out,backdrop-filter .4s ease-in-out,-webkit-transform .4s ease-in-out,-webkit-filter .4s ease-in-out}.step-section .template-cards__item::before{-webkit-transform:scaleX(-1);transform:scaleX(-1);pointer-events:none;content:"";position:absolute;inset:0;border-radius:inherit;padding:.0625rem;background:var(--label-border);-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.step-section .template-cards__item:nth-of-type(1){-webkit-transform:translate(40%,0);transform:translate(40%,0);z-index:2;-webkit-filter:blur(0rem);filter:blur(0rem)}.step-section .template-cards__item:nth-of-type(2){-webkit-transform:translate(23%,25%);transform:translate(23%,25%);z-index:-1;-webkit-filter:blur(.0625rem);filter:blur(.0625rem)}.step-section .template-cards__item:nth-of-type(3){-webkit-transform:translate(9%,50%);transform:translate(9%,50%);z-index:-2;-webkit-filter:blur(.0625rem);filter:blur(.0625rem)}.step-section .template-cards .card-top{background:rgba(244,247,247,.4)}.step-section .details-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:1rem;z-index:1;height:15.625rem;background:var(--label-bg);overflow:hidden;position:relative}.step-section .details-card::before{-webkit-transform:scaleX(-1);transform:scaleX(-1);pointer-events:none;content:"";position:absolute;inset:0;border-radius:inherit;padding:.0625rem;background:var(--label-border);-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.step-section .details-card:after{inset:0;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;content:"";background:var(--label-bg);z-index:-1}.step-section .details-card__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.375rem;padding:.5rem;background-color:var(--bg-a);border-radius:.5rem;-webkit-box-shadow:0rem .75rem 1rem -.25rem rgba(0,0,0,.08),0rem .25rem .375rem -.125rem rgba(0,0,0,.03);box-shadow:0rem .75rem 1rem -.25rem rgba(0,0,0,.08),0rem .25rem .375rem -.125rem rgba(0,0,0,.03)}.step-section .details-card__list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.step-section__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3rem}@media(max-width:576px){.step-section .main-button{-ms-flex-item-align:center;align-self:center}}.step-section .main-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.step-section .step-list{padding:7.25rem 1rem;border-radius:1rem;border:.0625rem solid var(--br-c);background:var(--bg-d);width:100%;display:grid;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:1024px){.step-section .step-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}}.step-section .step-list__item{padding:clamp(1rem,2.61vw,2rem) 1rem 1rem;border-radius:1rem;border:.0625rem solid var(--br-c);background:var(--bg-a);-webkit-box-shadow:0rem .75rem 1rem -.25rem rgba(0,0,0,.08),0rem .25rem .375rem -.125rem rgba(0,0,0,.03);box-shadow:0rem .75rem 1rem -.25rem rgba(0,0,0,.08),0rem .25rem .375rem -.125rem rgba(0,0,0,.03)}@media(min-width:577px){.step-section .step-list__item{-ms-flex-preferred-size:calc(50% - .5rem);flex-basis:calc(50% - .5rem)}}@media(min-width:1025px){.step-section .step-list__item:nth-of-type(1){-webkit-transform:translateY(-6.25rem);transform:translateY(-6.25rem);-ms-flex-line-pack:start;align-content:flex-start}.step-section .step-list__item:nth-of-type(3){-webkit-transform:translateY(6.25rem);transform:translateY(6.25rem);-ms-flex-line-pack:end;align-content:flex-end}}.step-section .step-list .step-card{display:grid;grid-template-rows:auto 1fr;gap:2rem;height:100%}.step-section .step-list .step-card__wrapper{padding:clamp(.75rem,2.09vw,1.5rem) clamp(.75rem,2.09vw,1.5rem) 0;max-height:15rem;overflow:hidden;border-radius:.75rem;background:var(--label-bg);position:relative}.step-section .step-list .step-card__wrapper:before{position:absolute;bottom:0;left:0;right:0;height:60%;content:"";display:-webkit-box;display:-ms-flexbox;display:flex;z-index:5;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(85%,var(--bg-a)),to(var(--bg-a)));background:linear-gradient(180deg,rgba(255,255,255,0) 0,var(--bg-a) 85%,var(--bg-a) 100%)}.step-section .step-list .label-cards{display:grid;grid-template-columns:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:calc(clamp(.75rem,2.09vw,1.5rem)*-1) auto 0;max-height:12.5rem;overflow-y:auto;padding-top:clamp(.75rem,2.09vw,1.5rem);z-index:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.step-section .step-list .label-cards .card-title{max-width:6.25rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:.75rem}.step-section .step-list .label-cards .card-text{font-size:.5rem}
/*# sourceMappingURL=step.css.map */