.three-step-system{padding-top:var(--tss-pt-mb, 8rem);padding-bottom:var(--tss-pb-mb, 8rem)}.three-step-system .xo-btn__text{letter-spacing:1px}@media(min-width:768px){.three-step-system{padding-top:var(--tss-pt-dt, 12rem);padding-bottom:var(--tss-pb-dt, 12rem)}}.three-step-system__inner{padding-left:var(--tss-pl-mb, 2rem);padding-right:var(--tss-pr-mb, 2rem)}@media(min-width:768px){.three-step-system__inner{padding-left:var(--tss-pl-dt, 0rem);padding-right:var(--tss-pr-dt, 0rem)}}.three-step-system__header{text-align:center;margin-bottom:var(--tss-header-space-mb, 6rem)}@media(min-width:768px){.three-step-system__header{margin-bottom:var(--tss-header-space-dt, 6rem)}}.three-step-system__heading{margin:0 0 1.6rem;line-height:1.2}.three-step-system__subtitle{font-size:1.8rem;font-weight:500;color:rgba(var(--color-foreground),.7);margin:0}@media screen and (max-width:767px){.three-step-system__heading{padding-left:var(--tss-heading-px-mb, 0rem);padding-right:var(--tss-heading-px-mb, 0rem)}.three-step-system__subtitle{padding-left:var(--tss-subtitle-px-mb, 0rem);padding-right:var(--tss-subtitle-px-mb, 0rem)}}.three-step-system__desktop{display:none}@media(min-width:768px){.three-step-system__desktop{display:block}}.three-step-system__mobile{display:block}@media(min-width:768px){.three-step-system__mobile{display:none}}.three-step-system__steps{display:flex;gap:4rem}@media screen and (max-width:767px){.three-step-system__mobile .three-step-system__steps{display:flex;flex-direction:row;gap:0}.three-step-system__mobile .three-step-system__steps>xo-carousel-slide{flex:0 0 100%;min-width:100%;box-sizing:border-box;padding:0}}@media(min-width:768px){.three-step-system__desktop .three-step-system__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}}@media(min-width:1200px){.three-step-system__desktop .three-step-system__steps{gap:3rem}}.three-step-system__step-card{position:relative;padding:3rem;background:rgba(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--tss-card-radius, 2rem);transition:all .4s ease;overflow:hidden}.three-step-system__step-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:.4rem;background:linear-gradient(90deg,rgba(var(--color-accent)),rgba(var(--color-accent),.5));transform:scaleX(0);transform-origin:left;transition:transform .6s ease}.three-step-system__step-card:hover{transform:translateY(-1.2rem);box-shadow:0 16px 48px #0000001f;border-color:rgba(var(--color-foreground),.2)}.three-step-system__step-card:hover:before{transform:scaleX(1)}.three-step-system__step-number{position:absolute;top:3rem;right:3rem;width:5rem;height:5rem;background:linear-gradient(135deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.04));border:.2rem solid rgba(var(--color-foreground),.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:rgba(var(--color-foreground),.5);z-index:1}.three-step-system__step-image{margin-bottom:2.4rem;border-radius:var(--tss-card-radius, 1.2rem);overflow:hidden}.three-step-system__step-image .xo-image{border-radius:inherit}.three-step-system__step-content{position:relative}.three-step-system__step-type{display:block;font-size:1.2rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(var(--color-foreground),.5);margin-bottom:.8rem}.three-step-system__step-title{margin:0 0 1.2rem;line-height:1.3}.three-step-system__step-description{font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.8);margin:0 0 2rem}.three-step-system__step-link{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:var(--font-body-weight);text-transform:uppercase;color:rgba(var(--color-accent));text-decoration:none;padding:1.2rem 2.4rem;border:.1rem solid rgba(var(--color-accent));border-radius:var(--tss-button-radius, 10rem);transition:all .3s ease}.three-step-system__step-link:hover{background:rgba(var(--color-accent));color:rgba(var(--color-button-text));transform:translate(.4rem)}.three-step-system__step-link svg{transition:transform .3s ease}.three-step-system__step-link:hover svg{transform:translate(.4rem)}.three-step-system__footer{margin-top:6rem;text-align:center;font-size:1.8rem;font-style:italic;color:rgba(var(--color-foreground),.6);font-weight:500}.three-step-system__steps-wrapper,.three-step-system__carousel,.three-step-system__step-card{position:relative}.three-step-system__carousel-buttons{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0rem 1rem;position:absolute;z-index:10;pointer-events:none}.three-step-system__carousel-buttons{top:0;height:100%;align-items:flex-start;padding-top:50%}@media screen and (max-width:767px){.three-step-system__carousel-buttons{padding-top:48%}}[dir=ltr] .three-step-system__carousel-buttons{left:0}[dir=rtl] .three-step-system__carousel-buttons{right:0}.three-step-system__carousel-prev,.three-step-system__carousel-next{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:color-mix(in srgb,rgba(var(--color-button)) 100%,transparent);width:3rem;height:3rem;transition:all .3s;cursor:pointer;pointer-events:auto}.three-step-system__carousel-prev:hover,.three-step-system__carousel-next:hover{opacity:.8;transition:all .3s}.three-step-system__carousel-prev xo-carousel-prev,.three-step-system__carousel-prev xo-carousel-next,.three-step-system__carousel-next xo-carousel-prev,.three-step-system__carousel-next xo-carousel-next{height:2rem}.three-step-system__carousel-prev svg,.three-step-system__carousel-next svg{color:color-mix(in srgb,rgba(var(--color-button-text)) 100%,transparent)}.three-step-system__carousel-prev[xo-disabled],.three-step-system__carousel-next[xo-disabled]{background-color:transparent;border:.1rem solid color-mix(in srgb,rgba(var(--color-button)) 100%,transparent);cursor:not-allowed}.three-step-system__carousel-prev[xo-disabled] svg,.three-step-system__carousel-next[xo-disabled] svg{color:color-mix(in srgb,rgba(var(--color-button)) 100%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-three-step-system.css.map */