.tabs-showcase{padding:120px 0;background:#fff}.tabs-showcase--gray{background:#f9f9f9}.tabs-showcase__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:64px}.tabs-showcase__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;max-width:970px;margin:0 auto;text-align:center}.tabs-showcase__eyebrow{margin:0;color:#5d5d5d;font-size:13px;font-weight:400;line-height:28px;letter-spacing:.16em;text-transform:uppercase}.tabs-showcase__title{margin:0;color:#171717;font-size:64px;font-weight:500;line-height:78px}.tabs-showcase__title span{display:inline;background-image:linear-gradient(151.73deg,#3a87d9 0,#2f1a6b 25%,#200000 50%,#ad3822 75%,#f7a75f 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.tabs-showcase__subtitle{margin:0;color:#5d5d5d;font-size:20px;font-weight:400;line-height:32px}.tabs-showcase__layout{display:grid;grid-template-columns:467px 1fr;gap:16px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.tabs-showcase__tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.tabs-showcase__tab{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;width:100%;min-height:96px;padding:24px;background:#fff;border:1px solid #e8e8e8;border-radius:24px;cursor:pointer;text-align:left;overflow:hidden;-webkit-transition:border-color .25s,background-color .25s,-webkit-box-shadow .25s;transition:border-color .25s,background-color .25s,box-shadow .25s,-webkit-box-shadow .25s}.tabs-showcase__tab:hover{border-color:#b9b9b9}.tabs-showcase__tab:focus-visible{outline:#2f1a6b solid 2px;outline-offset:2px}.tabs-showcase__tab.is-active{background:#0c0a09;border-color:#0c0a09;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);box-shadow:0 8px 24px rgba(0,0,0,.12)}.tabs-showcase__tab-leading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;min-width:0}.tabs-showcase__tab-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:48px;height:48px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;-webkit-transition:background-color .25s,border-color .25s;transition:background-color .25s,border-color .25s}.tabs-showcase__tab-icon img,.tabs-showcase__tab-icon svg{width:24px;height:24px}.tabs-showcase__tab.is-active .tabs-showcase__tab-icon{background:#0c0a09;border-color:#3a87d9}.tabs-showcase__tab-label{font-size:18px;font-weight:600;color:#171717;line-height:1.3;-webkit-transition:color .25s;transition:color .25s}.tabs-showcase__tab.is-active .tabs-showcase__tab-label{color:#fff}.tabs-showcase__tab-arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:48px;height:48px;color:#171717;-webkit-transition:color .25s,-webkit-transform .25s;transition:transform .25s,color .25s,-webkit-transform .25s}.tabs-showcase__tab-arrow svg{width:24px;height:24px}.tabs-showcase__tab.is-active .tabs-showcase__tab-arrow{color:#fff;-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}.tabs-showcase__tab:hover .tabs-showcase__tab-arrow{-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}.tabs-showcase__tab-progress{display:block;position:absolute;left:24px;right:24px;bottom:0;height:2px;background:0 0;overflow:hidden;pointer-events:none}.tabs-showcase__tab:not(.is-active) .tabs-showcase__tab-progress{visibility:hidden}.tabs-showcase__tab-progress-bar{position:absolute;inset:0 auto 0 0;width:0;background:-webkit-gradient(linear,left top,right top,from(#3a87d9),color-stop(35%,#2f1a6b),color-stop(70%,#ad3822),to(#f7a75f));background:linear-gradient(90deg,#3a87d9 0,#2f1a6b 35%,#ad3822 70%,#f7a75f 100%);-webkit-transition:width linear;transition:width linear}.tabs-showcase__panels{position:relative;min-height:414px;background:#fff;border-radius:24px;overflow:hidden}.tabs-showcase__panel{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px;opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);pointer-events:none;-webkit-transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,transform .4s,-webkit-transform .4s}.tabs-showcase__panel.is-active{position:relative;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);pointer-events:auto}.tabs-showcase__flow{position:relative;width:100%;height:100%}.tabs-showcase__connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.tabs-showcase__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;row-gap:44px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tabs-showcase__step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:96px;padding:14px 24px;background:#fff;border:1px solid #e8e8e8;border-radius:24px}.tabs-showcase__step:nth-child(1){grid-row:1;grid-column:1;justify-self:start}.tabs-showcase__step:nth-child(2){grid-row:1;grid-column:2;justify-self:end}.tabs-showcase__step:nth-child(3){grid-row:2;grid-column:2;justify-self:start}.tabs-showcase__step:nth-child(4){grid-row:2;grid-column:1;justify-self:end}.tabs-showcase__step:nth-child(5){grid-row:3;grid-column:1;justify-self:start}.tabs-showcase__step:nth-child(6){grid-row:3;grid-column:2;justify-self:end}.tabs-showcase__step:nth-child(7){grid-row:4;grid-column:2;justify-self:start}.tabs-showcase__step:nth-child(8){grid-row:4;grid-column:1;justify-self:end}.tabs-showcase__step-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:48px;height:48px;color:#171717}.tabs-showcase__step-icon img,.tabs-showcase__step-icon svg{width:28px;height:28px}.tabs-showcase__step-text{font-size:16px;font-weight:600;line-height:22px;color:#0c0a09}@media (max-width:1100px){.tabs-showcase{padding:80px 0}.tabs-showcase__container{gap:40px}.tabs-showcase__title{font-size:48px;line-height:58px}.tabs-showcase__layout{grid-template-columns:1fr}.tabs-showcase__panels{min-height:0}.tabs-showcase__panel{padding:28px}}@media (max-width:767px){.tabs-showcase{padding:60px 0}.tabs-showcase__title{font-size:36px;line-height:44px}.tabs-showcase__subtitle{font-size:16px;line-height:24px}.tabs-showcase__tab{min-height:0;padding:16px;border-radius:16px}.tabs-showcase__tab-label{font-size:16px}.tabs-showcase__panel{padding:16px}.tabs-showcase__steps{grid-template-columns:1fr;row-gap:12px}.tabs-showcase__step{grid-column:1!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;min-height:0;width:100%}.tabs-showcase__connectors{display:none}}
/*# sourceMappingURL=../../sourcemaps/tabs-showcase/block.css.map */