.steps__title{max-width:420px;box-sizing:content-box}.steps__grid{display:grid;margin-top:32px}.steps__item{border:1px solid var(--line-dark);border-top:0;transition:background-color .45s var(--ease)}.steps__item:first-child{border-top:1px solid var(--line-dark)}.steps__item.is-active,.steps__item:hover{background:var(--violet-02)}.steps__grid:hover .steps__item.is-active:not(:hover){background:transparent}.steps__content{display:flex;flex-direction:column;gap:48px;padding:32px 20px 36px}.steps__body{display:flex;flex-direction:column;gap:14px}.steps__footer{margin-top:28px}@media screen and (min-width:750px)and (max-width:989px){.steps__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps__item{border-top:1px solid var(--line-dark);border-left:0}.steps__item:first-child{border-left:1px solid var(--line-dark)}}@media screen and (min-width:990px){.steps__title{width:calc(447 * var(--u));max-width:none}.steps__grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:calc(50 * var(--u))}.steps__item{display:flex;align-items:flex-start;justify-content:center;height:calc(568 * var(--u));padding-top:calc(62 * var(--u));border-top:1px solid var(--line-dark);border-left:0}.steps__item:first-child{border-left:1px solid var(--line-dark)}.steps__content{width:calc(381 * var(--u));gap:calc(133 * var(--u));padding:0}.steps__body{gap:calc(20 * var(--u))}.steps__footer{margin-top:calc(43 * var(--u))}}.js .steps__item[data-reveal]{transition:opacity .9s var(--ease) var(--reveal-delay, 0s),transform .9s var(--ease) var(--reveal-delay, 0s),background-color .45s var(--ease)}@media screen and (max-width:749px){.steps{padding:0 5px}.steps__title{max-width:362px;padding:0 15px}.steps__grid{display:flex;margin:25px -5px 0 0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.steps__grid::-webkit-scrollbar{display:none}.steps__item,.steps__item:first-child{flex:none;display:flex;align-items:center;width:84vw;max-width:338px;height:386px;border:.8px solid rgba(60,0,123,.4);border-left:0;background:var(--violet-02);scroll-snap-align:start}.steps__item:first-child{border-left:.8px solid rgba(60,0,123,.4)}.steps__content{width:100%;gap:106px;padding:0 17px}.steps__body{gap:16px}.steps__footer{margin-top:25px;padding:0 5px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-steps.css.map */
