.tr-section:has(>.tr-design-process){background-attachment:scroll}.tr-design-process{font-family:var(--font-extra-body-family);font-size:calc(16px * var(--font-body-scale))}.tr-design-process__layout{display:grid;grid-template-columns:minmax(0,733px) minmax(0,388px);justify-content:space-between;column-gap:48px;width:100%}.tr-design-process__layout--single{grid-template-columns:minmax(0,1fr)}.tr-design-process__steps{counter-reset:tr-design-process-step}.tr-design-process__step{display:flex;align-items:flex-start;column-gap:32px;padding-block:26px;border-top:1px solid rgba(var(--color-foreground),.18);counter-increment:tr-design-process-step}.tr-design-process__step:before{flex:0 0 28px;color:rgba(var(--color-foreground),.65);content:counter(tr-design-process-step,decimal-leading-zero)}.tr-design-process__content{display:flex;flex-direction:column;row-gap:6px;min-width:0}.tr-design-process__step-title{font-size:calc(22px * var(--font-body-scale));line-height:1.2;text-wrap:auto;color:rgb(var(--tr-color-green-light))}.tr-design-process__description{color:rgba(var(--color-foreground),.8)}.tr-design-process__cards{display:grid;grid-auto-rows:1fr;row-gap:20px}.tr-design-process__card{--trCardPadding: 29px;--trCardGap: 12px;--trCardBorderRadius: var(--tr-radius-lg);--trCardBgBackgroundColor: transparent;--trCardBgGradient: linear-gradient( rgba(var(--color-foreground), .22), rgba(var(--color-foreground), .22) )}.tr-design-process__icon{object-fit:contain}.tr-design-process__card-title{font-size:calc(20px * var(--font-body-scale));line-height:1.2}.tr-design-process__footer{display:flex;flex-direction:column;align-items:center;row-gap:10px}.tr-design-process__note{margin:0;font-size:13px;text-align:center;color:rgba(var(--color-foreground),.65)}@media(max-width:990px){.tr-design-process__layout{grid-template-columns:minmax(0,1fr);row-gap:32px}.tr-design-process__cards{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}@media(max-width:750px){.tr-design-process__step:last-child{border-bottom:1px solid rgba(var(--color-foreground),.18)}.tr-design-process__cards{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/tr-design-process.css.map */
