.gradation{--icon-shape-size: 6.8rem}.gradation__item:hover .gradation__icon{color:rgb(var(--color-secondary-background))}.gradation__item:hover .gradation__icon .squircle{color:rgb(var(--color-foreground))}.gradation__item:hover .gradation__header-step{color:rgb(var(--color-secondary-background));background:rgb(var(--color-foreground))}.gradation__item:hover .gradation__count{color:rgba(var(--color-foreground),.15)}.gradation__icon{transition:all .3s;width:var(--icon-shape-size);height:var(--icon-shape-size)}.gradation__icon .squircle{transition:all .3s;width:100%;height:100%;color:rgb(var(--color-secondary-background))}.gradation__icon .icon{--icon-size: 4.4rem}.gradation__header-step{height:4.8rem;padding:0 3.2rem;background:rgb(var(--color-secondary-background))}.gradation:has(.gradation__count) .gradation__body{padding-bottom:var(--padding-bottom, 6.2rem)}.gradation__image{margin-bottom:1.2rem}.gradation__content{margin-top:.4rem}.gradation__count{transition:all .3s;color:rgba(var(--color-foreground),.07)}.gradation--design-2 .gradation__body{background:rgb(var(--color-secondary-background));border-radius:var(--blocks-radius);padding:2.4rem 1.6rem}.gradation--design-2 .gradation__count{display:none}.gradation--design-2 .gradation__content .circle-icon{background:rgb(var(--color-background))}.gradation--design-2 .gradation__item:hover .gradation__body{background:rgb(var(--color-background));box-shadow:inset 0 0 0 1px rgb(var(--color-border)),0 1rem 3.4rem rgba(var(--color-foreground),.1)}.gradation--design-2 .gradation__item:hover .gradation__content .circle-icon{background:rgb(var(--color-secondary-background))}.gradation--design-3{--icon-shape-size: 4.8rem;--padding-bottom: 0}.gradation .accordion-details{border:0}.gradation .accordion-details__summary{text-align:inherit;padding:0}@media(min-width:768px){.gradation{--padding-bottom: 6.8rem}.gradation__line{top:calc(var(--icon-shape-size) / 2);inset-inline-start:var(--icon-shape-size);transform:translateY(-50%);width:calc(100% + var(--column-gap) - var(--icon-shape-size) - 1rem);height:2px;background:linear-gradient(to left,transparent 50%,rgb(var(--color-background)) 50%),linear-gradient(to left,rgba(var(--color-border),1),rgba(var(--color-border),.2));background-size:12px 2px,100% 2px;background-position:center right 10px}.gradation__line:after{position:absolute;content:"";top:50%;transform:translateY(-50%);inset-inline-end:0;border-top:.6rem solid transparent;border-bottom:.6rem solid transparent;border-left:1rem solid rgb(var(--color-border))}.gradation__content{margin-top:.8rem}.gradation--content-center .gradation__line{inset-inline-start:calc(50% + var(--icon-shape-size) / 2)}.gradation--content-center .gradation__count{left:50%;transform:translate(-50%)}.gradation summary{pointer-events:none}.gradation--design-3.gradation--content-center .gradation__line{width:60%;inset-inline-start:70%}}@media(min-width:1024px){.gradation{--padding-bottom: 8.6rem}}@media(min-width:1280px){.gradation{--padding-bottom: 10.4rem}}@media(max-width:767.98px){.gradation{display:flex;flex-direction:column;--icon-shape-size: 4.8rem}.gradation .icon{--icon-size: 2.4rem}.gradation__line{top:auto;bottom:calc(-1 * (var(--row-gap-mobile) - .2rem));left:calc(var(--icon-shape-size) / 2);transform:translate(-50%);width:2px;height:calc(100% + var(--row-gap-mobile) - var(--icon-shape-size));background:linear-gradient(to top,transparent 50%,rgb(var(--color-background)) 50%),linear-gradient(to top,rgba(var(--color-border),1),rgba(var(--color-border),.2));background-size:2px 12px,2px 100%;background-position:bottom 10px center}.gradation__line:after{position:absolute;content:"";left:50%;transform:translate(-50%);bottom:0;border-left:.6rem solid transparent;border-right:.6rem solid transparent;border-top:1rem solid rgb(var(--color-border))}.gradation__content .gradation__image{margin-bottom:.8rem}.gradation--mobile-collapsible .gradation__line,.gradation--mobile-collapsible .gradation__icon,.gradation--mobile-collapsible .gradation__header-step{display:none}.gradation--mobile-collapsible .gradation__content{margin:0;padding-block:1.6rem 2.4rem}.gradation .accordion-details{padding-block:0;padding-inline:1.6rem;border-radius:1.2rem}.gradation .accordion-details__summary{padding-block:1.5rem;-webkit-user-select:none;user-select:none}.gradation .accordion-details__summary:before{position:absolute;content:"";inset-inline:0 0;bottom:0;height:.1rem;background:rgba(var(--color-foreground),.1);opacity:0;transition:all .25s}.gradation .accordion-details[aria-expanded=true]{background:rgb(var(--color-background));box-shadow:inset 0 0 0 1px rgb(var(--color-border)),0 1rem 3.4rem rgba(var(--color-foreground),.1)}.gradation .accordion-details[aria-expanded=true] .accordion-details__summary:before{opacity:1}.gradation--design-3.gradation--mobile-column .gradation__item{padding-bottom:6.4rem}.gradation--design-3.gradation--mobile-column .gradation__line{top:auto;bottom:0;left:50%;height:5.6rem}}.section-gradation .swipe-tablet{--column-width-tablet: 30vw}.section-gradation .section__subheading-text{background:rgb(var(--color-secondary-background));border-radius:.8rem;padding-block:.8rem;padding-inline:1.6rem .8rem}.section-gradation .section__subheading-text .highlight-word{padding:.2rem .8rem;background:rgb(var(--color-foreground));color:rgb(var(--color-secondary-background));font-weight:var(--font-body-weight-bold);font-style:var(--font-body-style);border-radius:.8rem}@media(max-width:767.98px){.section-gradation .section__subheading-text{padding-block:.4rem;padding-inline:1.6rem .4rem}.section-gradation .section__subheading-text .highlight-word{padding:.3rem .8rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-gradation.css.map */