.pipeline{border-top:solid 1px var(--color-7);margin-top:calc(clamp(30px,5vw,60px));padding-top:calc(clamp(30px,5vw,60px))}.pipeline__container{max-width:1490px;margin:0 auto;padding:0 calc(clamp(20px,4vw,50px))}.pipeline__header{flex-direction:column;gap:60px;padding-bottom:80px;display:flex}.pipeline__title{letter-spacing:.9px;font-size:calc(clamp(28px,5vw,56px));font-weight:900;line-height:1}@media (width<=600px){.pipeline__title{font-size:calc(clamp(32px,6vw,42px))}}.pipeline__header-block{grid-template-columns:repeat(2,1fr);gap:calc(clamp(35px,6vw,75px));display:grid}@media (width<=600px){.pipeline__header-block{grid-template-columns:1fr}}.pipeline__description{color:var(--color-4);flex-direction:column;gap:30px;display:flex}.pipeline__steps-list{flex-direction:column;gap:20px;display:flex}.pipeline__steps-list-title{padding-bottom:20px}.pipeline__step-item{flex-direction:column;gap:6px;padding-left:16px;display:flex;position:relative}.pipeline__step-item-title{font-size:calc(clamp(14px,4vw,20px));font-weight:400;line-height:1.2}.pipeline__step-item-description{color:var(--color-4)}.pipeline__step-item:before{content:" ";background-color:var(--color-6);border-radius:50%;width:6px;height:6px;display:block;position:absolute;top:8px;left:0}.pipeline__features-wrapper{position:relative}.pipeline__links{color:var(--color-1);cursor:pointer;gap:30px;font-size:calc(clamp(16px,4vw,22px));font-weight:300;display:flex}.pipeline__links_show-code-toggle{border-bottom:dashed 1px var(--color-1)}.pipeline__links_github-link{border-bottom:solid 1px var(--color-1)}.pipeline__info{opacity:0;pointer-events:none;visibility:hidden;grid-template-columns:minmax(400px,800px) minmax(400px,515px);gap:calc(clamp(35px,6vw,75px));max-height:0;transition:opacity .3s,max-height .5s cubic-bezier(.4,0,.2,1),visibility 0s .3s;display:grid}.pipeline__info_visible{opacity:1;pointer-events:auto;visibility:visible;max-height:2400px;padding-bottom:80px;transition:opacity .3s,max-height .5s cubic-bezier(.4,0,.2,1),visibility}@media (width<=960px){.pipeline__info{grid-template-columns:1fr}.pipeline__info_visible{max-height:unset}}.pipeline__source-code{background:var(--color-background-dark);white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;border-radius:10px;padding:20px;overflow-x:auto}.pipeline__source-code .ui-color-code{font-size:14px}.pipeline__demo-block{border-top:solid 1px var(--color-7);gap:40px;padding-top:80px}.pipeline__demo-block,.pipeline__feature,.pipeline__features{flex-direction:column;display:flex}.pipeline__features{gap:70px;position:sticky;top:200px}.pipeline__feature{gap:20px}.pipeline__feature-title{font-size:calc(clamp(20px,4vw,24px));font-weight:300;line-height:1.1}.pipeline__feature-description{color:var(--color-4)}.pipeline__step-description{color:var(--color-4);padding:30px 0 0}.pipeline__start-pipeline{justify-content:center;display:flex}.pipeline__out{grid-template-columns:repeat(4,1fr);gap:30px;display:grid;overflow:auto hidden}.pipeline__item{overflow:hidden}.pipeline__stage{flex-direction:column;gap:20px;min-width:325px;display:flex}.pipeline__stage-status{justify-content:center;align-items:center;display:flex;position:relative}.pipeline__stage-indicator{border:solid 4px var(--color-1);z-index:1;border-radius:50%;width:50px;height:50px;position:relative}.pipeline__stage-indicator_loaded{background-color:var(--color-1)}.pipeline__boarding{justify-content:center;padding-top:60px;display:flex}.pipeline__metrics-toggle-block{color:var(--color-4);justify-content:center;align-items:center;gap:16px;display:flex}.pipeline__metrics-toggle-block-shortcut{background:var(--color-background-dark);letter-spacing:.5px;border-radius:5px;padding:2px 6px;font-family:Fira Mono,Menlo,Consolas,Monaco,monospace}.pipeline-fade-enter-active,.pipeline-fade-leave-active{transition:opacity .5s cubic-bezier(.4,0,.2,1)}.pipeline-fade-enter-from,.pipeline-fade-leave-to{opacity:0}.pipeline-fade-enter-to,.pipeline-fade-leave-from{opacity:1}.pipeline-boarding-pass{background:var(--color-background);border:solid 1px var(--color-8);border-radius:16px;flex-direction:column;max-width:600px;line-height:1;display:flex;overflow:hidden}.pipeline-boarding-pass__header-row{border-bottom:1px dashed var(--color-7);background-color:var(--color-background-dark);justify-content:space-between;align-items:center;padding:20px;display:flex}.pipeline-boarding-pass__title{color:var(--color-6);font-weight:800}.pipeline-boarding-pass__logo{background-image:url(./macrulez-airlines.CeBlLZ6S.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:calc(clamp(130px,36vw,210px));height:calc(clamp(40px,10vw,60px))}.pipeline-boarding-pass__main{justify-content:space-between;align-items:flex-start;gap:2px;display:flex}.pipeline-boarding-pass__details-row,.pipeline-boarding-pass__route-row{border-bottom:1px dashed var(--color-7);justify-content:space-between;align-items:center;gap:20px;padding:25px 30px;display:flex}.pipeline-boarding-pass__flight-path{flex:2;justify-content:center;align-items:center;display:flex;position:relative}.pipeline-boarding-pass__flight-line{border-bottom:solid 1px var(--color-8);width:100%;height:1px;position:relative}.pipeline-boarding-pass__flight-line:after,.pipeline-boarding-pass__flight-line:before{content:"";background-color:var(--color-8);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px}.pipeline-boarding-pass__flight-line:before{left:0}.pipeline-boarding-pass__flight-line:after{right:0}.pipeline-boarding-pass__boarding-row,.pipeline-boarding-pass__details-row,.pipeline-boarding-pass__info-row{border-bottom:1px dashed var(--color-7);flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:20px;padding:20px;display:flex}.pipeline-boarding-pass__boarding-row{background-color:var(--color-background-dark)}.pipeline-boarding-pass__boarding-item,.pipeline-boarding-pass__detail-item,.pipeline-boarding-pass__info-section{box-sizing:border-box;flex-direction:column;flex:1;gap:10px;display:flex}.pipeline-boarding-pass__label{color:var(--color-4)}.pipeline-boarding-pass__value{color:var(--color-light)}.pipeline-boarding-pass__airport{flex-direction:column;align-items:center;gap:5px;display:flex}.pipeline-boarding-pass__airport-code{color:var(--color-6);font-size:calc(clamp(30px,7vw,46px));font-weight:800;line-height:1}.pipeline-boarding-pass__plane-icon{font-size:30px;line-height:1;position:absolute}.pipeline-boarding-pass__barcode-row{flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.pipeline-boarding-pass__barcode{font-size:calc(clamp(30px,7vw,36px))}.pipeline-boarding-pass__barcode-note{color:var(--color-8);justify-content:center;align-items:center;gap:14px;display:flex}.pipeline-boarding-pass__qr{background:var(--color-background-dark);border-radius:8px;justify-content:center;align-items:center;min-width:140px;min-height:140px;display:flex}.pipeline-boarding-pass__qr img{width:140px;height:140px}.pipeline-boarding-pass__footer{border-top:1px dashed var(--color-7);color:var(--color-8);background-color:var(--color-background-dark);justify-content:space-between;align-items:center;gap:30px;padding:20px;display:flex}.pipeline-boarding-pass__footer-qr{flex-shrink:0}.pipeline-step-block{background:var(--color-background-dark);border:1px solid #333;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.pipeline-step-block__header{background-color:#0c0c0c;border-bottom:1px solid #333;padding:12px 16px}.pipeline-step-block__header_request{color:#9dbc83}.pipeline-step-block__header_response{color:#7a9cb9}.pipeline-step-block__header_data{color:#7ca25d}.pipeline-step-block__body{padding:12px 16px}.pipeline-step-block-slide-fade-up-enter-active{transition:all .6s cubic-bezier(.23,1,.32,1)}.pipeline-step-block-slide-fade-up-leave-active{transition:all .2s cubic-bezier(.23,1,.32,1)}.pipeline-step-block-slide-fade-up-enter-from,.pipeline-step-block-slide-fade-up-leave-to{opacity:0;transform:translateY(10px)}.pipeline-step-block-slide-fade-up-enter-to,.pipeline-step-block-slide-fade-up-leave-from{opacity:1;transform:translateY(0)}.pipeline-step-placeholder{flex-direction:column;gap:20px;display:flex}.pipeline-step-placeholder__item{border:solid 1px var(--color-dark);border-radius:10px}.pipeline-step-placeholder__item_request{height:96px}.pipeline-step-placeholder__item_response{height:270px}.pipeline-step-placeholder__item_data{height:160px}.pipeline-step-status{justify-content:center;align-items:center;padding:20px 0;display:flex;position:relative}.pipeline-step-status_lined:before{content:"";background-color:var(--color-1);opacity:.5;z-index:0;width:calc(100% - 20px);height:1px;animation:.3s forwards pipeline-step-status-line;position:absolute;top:50%;left:calc(50% + 25px)}.pipeline-step-status__indicator{border:solid 2px var(--color-1);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.pipeline-step-status__indicator:after{content:" ";background-color:var(--color-1);opacity:0;border-radius:50%;width:30px;height:30px;transition:opacity .3s;display:block;position:absolute}.pipeline-step-status__indicator_loaded .pipeline-step-status__label{color:var(--color-background)}.pipeline-step-status__indicator_loaded:after{opacity:1}.pipeline-step-status__label{color:var(--color-1);z-index:2;font-weight:500;position:absolute}.pipeline-step-status .ui-loading_circle{width:30px;height:30px}@keyframes pipeline-step-status-line{0%{width:0}to{width:calc(100% - 20px)}}.pipeline-flight{flex-direction:column;gap:15px;display:flex}.pipeline-flight__route{justify-content:space-between;gap:20px;display:flex}.pipeline-flight__direction{color:var(--color-4)}.pipeline-flight__flight-path{flex:2;justify-content:center;align-items:center;min-width:50px;display:flex;position:relative}.pipeline-flight__flight-path:after,.pipeline-flight__flight-path:before{content:"";background-color:var(--color-8);border-radius:50%;flex-shrink:0;width:5px;height:5px}.pipeline-flight__flight-line{border-bottom:solid 1px var(--color-8);width:100%;height:1px;position:relative}.pipeline-flight__fare-options{color:var(--color-4);padding-bottom:10px}.pipeline-flight__options{flex-direction:column;gap:10px;display:flex}.pipeline-flight__option{padding-left:16px;position:relative}.pipeline-flight__option:before{content:" ";background-color:var(--color-2);border-radius:50%;width:6px;height:6px;display:block;position:absolute;top:8px;left:0}.pipeline-points__data{justify-content:space-between;gap:20px;line-height:1;display:flex}.pipeline-points__flight-path{flex:2;justify-content:center;align-items:center;display:flex;position:relative}.pipeline-points__flight-path:after,.pipeline-points__flight-path:before{content:"";background-color:var(--color-8);border-radius:50%;flex-shrink:0;width:5px;height:5px}.pipeline-points__flight-line{border-bottom:solid 1px var(--color-8);width:100%;height:1px;position:relative}.pipeline-points__point{flex-direction:column;align-items:center;gap:4px;display:flex}.pipeline-points__code{font-size:20px;font-weight:800}.pipeline-responce__json{white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;max-height:200px;overflow-x:auto}.pipeline-seat{flex-direction:column;gap:15px;display:flex}.pipeline-seat__seat-info{gap:10px;display:flex}.pipeline-seat__seat{color:var(--color-4)}.pipeline-seat__props{flex-direction:column;gap:10px;display:flex}.pipeline-seat__seat-props{color:var(--color-4);padding-bottom:10px}.pipeline-seat__prop{padding-left:16px;position:relative}.pipeline-seat__prop:before{content:" ";background-color:var(--color-2);border-radius:50%;width:6px;height:6px;display:block;position:absolute;top:8px;left:0}.pipeline-services{flex-direction:column;gap:10px;display:flex}.pipeline-services__description br{margin:0;line-height:0;display:none}.pipeline-services__name{padding-left:16px;position:relative}.pipeline-services__name:before{content:" ";background-color:var(--color-2);border-radius:50%;width:6px;height:6px;display:block;position:absolute;top:8px;left:0}.ui-tumbler{cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;padding:0;display:inline-block}.ui-tumbler__badge{width:48px;height:26px;transition:background var(--transition-fast),border-color var(--transition-fast);background:#040c14b3;border:1px solid #94ff6a73;border-radius:999px;align-items:center;padding:0 6px;display:inline-flex}.ui-tumbler__dot{background:var(--color-secondary);width:16px;height:16px;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);border-radius:50%;transform:translate(0)}.ui-tumbler__label{white-space:nowrap}.ui-tumbler--active .ui-tumbler__dot{background:var(--color-1);transform:translate(18px)}@media (width<=600px){.ui-tumbler{width:auto}}