.steps_box.is_reversed .fixed{flex-direction:row-reverse}.steps_box .fixed{display:flex;align-items:stretch;background-color:var(--color-background);--gap-card: 30px}.steps_box .wrapper{display:block;flex-grow:0;flex-shrink:0;width:400px;padding:var(--gap-card);background-color:var(--theme-heading);color:var(--theme-white);--color-heading: var(--theme-white);--color-text: rgb(from var(--theme-white) r g b / 90%);--color-link: var(--theme-primary);--color-muted: #7088D8}.steps_box .tabs{display:flex;flex-direction:column;align-items:stretch;padding:0;margin:0;list-style:none}.steps_box .tab{display:block;color:var(--color-heading);font-size:var(--size-base);font-weight:600;line-height:1.5rem;text-decoration:none;transition:color .2s}.steps_box .tab.active{color:var(--color-link)}.steps_box .tab+.tab{padding-top:15px;margin-top:15px;border-top:1px solid var(--color-heading)}@media(hover: hover){.steps_box .tab:hover{color:var(--color-link)}}.steps_box .sections{display:flex;position:relative;overflow:hidden;flex-direction:column;flex-grow:1;min-width:0;transition:height .4s}.steps_box .section{display:flex;position:absolute;padding:var(--gap-card);transition:opacity .4s,visibility .4s;visibility:hidden;opacity:0;z-index:0;gap:var(--gap-card);inset:0}.steps_box .section.active{position:relative;flex-grow:1;visibility:visible;opacity:1;z-index:2}.steps_box .section>.title{display:none;position:relative;padding:15px var(--gap-card);margin:0;background-color:var(--theme-heading);color:var(--theme-white);font-size:var(--size-base);font-weight:600;line-height:1.5rem;text-decoration:none;transition:color .2s,border-top .2s}.steps_box .section>.title:before{content:"";display:block;position:absolute;top:0;right:var(--gap-card);left:var(--gap-card);height:1px;background-color:var(--theme-white);transition:.2s}.steps_box .images{display:block;position:relative;flex-grow:0;flex-shrink:0;width:calc(50% - var(--gap-card));min-height:320px;background-color:rgb(from var(--theme-black) r g b / 10%)}.steps_box .images .image{display:block;position:absolute;transition:opacity .4s,visibility .4s;visibility:hidden;opacity:0;inset:0}.steps_box .images .image.active{visibility:visible;opacity:1;z-index:2}.steps_box .images img{display:block;width:100%;height:100%;object-fit:contain}.steps_box .inner{display:flex;flex-direction:column;flex-grow:1;min-width:0;--gap-contents: 25px;--gap-content: 10px;--gap-heading: 15px;--gap-list: 10px}.steps_box .inner .caption{display:block;margin:0 0 15px;color:var(--theme-muted);font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:.1em;text-transform:uppercase}.steps_box .inner .caption:last-child{margin-bottom:0}.steps_box .inner .buttons{margin-top:auto}.steps_box .items{display:grid;flex-grow:1;width:auto;min-height:0;margin:0 0 15px;z-index:auto;grid-template-columns:1fr;grid-template-rows:1fr}.steps_box .items:last-child{margin-bottom:0}.steps_box .item{display:block;width:auto;margin:0;transition:opacity .4s,visibility .4s;visibility:hidden;opacity:0;grid-column:1/2;grid-row:1/2}.steps_box .item.active{visibility:visible;opacity:1}.steps_box .item .image{display:none}.steps_box .buttons{display:flex;align-items:center;justify-content:space-between;margin:0;gap:12px;--gap-contents: 0px}.steps_box .buttons .button{flex:0 0 auto;margin:0;--height-button: 40px}.steps_box .buttons .button:disabled{pointer-events:none}.steps_box .buttons .button_prev{width:var(--height-button);padding:0;font-size:0;line-height:0;gap:0;--mask-image: url('../images/ico_arrow.svg')}.steps_box .buttons .button_next:after{display:none}@media(max-width: 76.875rem){.steps_box .wrapper{width:320px}}@media(max-width: 64rem){.steps_box .fixed,.steps_box.is_reversed .fixed{flex-direction:column}.steps_box .wrapper{width:auto}.steps_box .contents{margin-bottom:0}.steps_box .tabs{display:none}.steps_box .section{display:block;position:relative;flex-direction:column;padding:0;visibility:visible;opacity:1}.steps_box .section:not(.active)>:not(.title){display:none}.steps_box .section.active>.title{color:var(--theme-primary)}.steps_box .section.active+.section>.title:before{background-color:rgba(0,0,0,0)}.steps_box .section>.title{display:block}.steps_box .images{width:auto;height:300px;min-height:0;margin:var(--gap-card)}.steps_box .inner{display:block;margin:var(--gap-card)}}
/*# sourceMappingURL=steps.css.map */