:root{--primary-dark:#004EEE;--primary-light:#236BF9;--primary-light-light:#97BAFF;--primary-contrast:#FFFFFF;--secondary-dark:#161C32;--secondary-medium:#807D98;--secondary-light:#C5CBD6;--secondary-contrast:#FFFFFF;--semantic-yellow:#FCC61C;--semantic-opacity-yellow:rgba(252, 198, 28, 0.16);--semantic-red:#FF5F5F;--semantic-opacity-red:rgba(255, 95, 95, 0.12);--semantic-pink:#F536EE;--semantic-opacity-pink:rgba(245, 54, 238, 0.12);--semantic-green:#6EC43C;--semantic-opacity-green:rgba(110, 196, 60, 0.12);--semantic-blue:#01B6EA;--semantic-opacity-blue:rgba(1, 182, 234, 0.16);--bg-page:#0F1019;--bg-dark:#0C0C14;--bg-medium:#12141F;--bg-light:#1F1F27;--bg-paper:#FFFFFF;--bg-opacity:rgba(22, 28, 50, 0.95);--bg-gradient:linear-gradient(180deg, #0F1019 0%, #1F1F27 100%);--text-primary:#FFFFFF;--text-secondary:#94A3B8;--text-on-paper-main:#161C32;--text-on-paper-secondary:#807D98;--text-on-button-primary-outlined:#FFFFFF;--text-on-button-secondary:#161C32;--text-blue:#236BF9;--text-blue-hover:#467ff3;--button-primary:#236BF9;--button-primary-hover:#407AEE;--button-outlined:rgba(255, 255, 255, 0.06);--button-outlined-hover:rgba(255, 255, 255, 0.02);--button-secondary:#FFFFFF;--button-secondary-hover:rgba(255, 255, 255, 0.90);--button-text:#FFFFFF;--divider-on-primary:#283039;--divider-on-paper:#EBEEFD;--stroke-button-secondary-outlined:rgba(255, 255, 255, 0.30);--stroke-button-blue:#236BF9;--icons-light:#94A3B8;--icons-dark:#161C32;--icons-white:#FFFFFF;--comments-orange:#FF991F;--comments-red:#DE350B;--comments-teal:#00A3BF;--comments-green:#00875A;--comments-purple:#5243AA;--comments-blue:#0052CC;--comments-navy:#172B4D;@font-face{font-family:oswald;src:url(/fonts/oswald/Oswald-Bold.woff2)format('woff2'),url(/fonts/oswald/Oswald-Bold.woff)format('woff');font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:geist;src:url(/fonts/geist/Geist-Thin.ttf)format('truetype');font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:geist;src:url(/fonts/geist/Geist-ExtraLight.ttf)format('truetype');font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:geist;src:url(/fonts/geist/Geist-Light.ttf)format('truetype');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:geist;src:url(/fonts/geist/Geist-Regular.ttf)format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:geist;src:url(/fonts/geist/Geist-Medium.ttf)format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:geist;src:url(/fonts/geist/Geist-SemiBold.ttf)format('truetype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:geist;src:url(/fonts/geist/Geist-Bold.ttf)format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:geist;src:url(/fonts/geist/Geist-ExtraBold.ttf)format('truetype');font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:geist;src:url(/fonts/geist/Geist-Black.ttf)format('truetype');font-weight:900;font-style:normal;font-display:swap}*, *::before, *::after { box-sizing: border-box; } body, h1, h2, h3, h4, h5, p, figure, picture { margin: 0; } img, picture { max-width: 100%; height: auto; display: block; } input, button, textarea, select { font: inherit; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } .flex { display: flex; } .inline-flex { display: inline-flex; } .flex-column { flex-direction: column; } .align-center { align-items: center; } .align-end { align-items: end; } .justify-center { justify-content: center; } .justify-space-between { justify-content: space-between; } .justify-end { justify-content: end; } .flex-1 { flex: 1; } @media screen and (max-width: 590px) { .flex-1-590 { flex-grow: 1; } } .shrink-0 { flex-shrink: 0; } .grow-1 { flex-grow: 1; } .flex-wrap { flex-wrap: wrap; } .row-reverse { flex-direction: row-reverse; } .core-value-container { display: flex; flex-direction: column; gap: 164px; } .core-value-row { display: flex; justify-content: space-between; align-items: center; gap: 24px; } @media screen and (max-width: 950px) { .core-value-container { gap: 80px; } .core-value-row { flex-direction: column; align-items: flex-start; } } .grid { display: grid; } .gap--8 { gap: -8px; } .gap-2 { gap: 2px; } .gap-4 { gap: 4px; } .gap-8 { gap: 8px; } .gap-12 { gap: 12px; } .gap-16 { gap: 16px; } .gap-20 { gap: 20px; } .gap-24 { gap: 24px; } .gap-32 { gap: 32px; } .gap-64 { gap: 64px; } .gap-80 { gap: 80px; } .gap-164 { gap: 164px; } .container-876 { max-width: 876px; } .margin-0 { margin: 0 !important; } .margin-right-4 { margin-right: 4px; } .margin-right-32 { margin-right: 32px; } .margin-left-22 { margin-left: 22px; } .margin-left-32 { margin-left: 32px; } .margin-left-36 { margin-left: 36px; } .margin-left-101 { margin-left: 101px; } .margin-top-8 { margin-top: 8px; } .margin-top-12 { margin-top: 12px; } .margin-top-16 { margin-top: 16px; } .margin-top-20 { margin-top: 20px; } .margin-top-24 { margin-top: 24px; } .margin-top-28 { margin-top: 28px; } .margin-top-32 { margin-top: 32px; } .margin-top-76 { margin-top: 76px; } .margin-top-128 { margin-top: 128px; } .margin-bottom-124 { margin-bottom: 124px; } @media screen and (max-width: 1024px) { .margin-top-128 { margin-top: 100px; } .margin-bottom-124 { margin-bottom: 100px; } } .margin-inline-24 { margin-inline: 24px; } @media screen and (min-width: 1024px) { .margin-inline-24 { margin-inline: 44px; } } .padding-2 { padding: 2px; } .padding-24 { padding: 24px; } .padding-block-128 { padding-block: 128px; } @media screen and (max-width: 1024px) { .padding-block-128 { padding-block: 64px; } } .float-inline-start { float: inline-start; } .vertical-align-middle { vertical-align: middle; } .text-align-center { text-align: center; } .fs-16 { font-size: var(--fs-16); } .to-1600px { display: flex; } @media screen and (max-width: 1600px) { .to-1600px { display: none; } } .to-1440px { display: flex; } @media screen and (max-width: 1439px) { .to-1440px { display: none; } } .to-1470px { display: flex; } @media screen and (max-width: 1469px) { .to-1470px { display: none; } } .to-960px { display: flex; } @media screen and (max-width: 959px) { .to-960px { display: none; } } .to-980px { display: flex; } @media screen and (max-width: 979px) { .to-980px { display: none; } } .to-744px { display: flex; } @media screen and (max-width: 743px) { .to-744px { display: none; } } .to-575px { display: flex; } @media screen and (max-width: 599px) { .to-600px { display: none; } } .to-440px { display: flex; } @media screen and (max-width: 440px) { .to-440px { display: none !important; } } .to-590px { display: flex; } @media screen and (max-width: 589px) { .to-590px { display: none !important; } } .wrap-to-column { flex-direction: row; } @media screen and (max-width: 1550px) { .wrap-to-column { flex-direction: column; } } .d-block { display: block; } .nowrap { white-space: nowrap; } .width-20 { width: 20px; } .width-24 { width: 24px; } .width-36 { width: 36px; } .width-360 { width: 354px; } .width-380 { width: 380px; } .width-100p { width: 100% } .height-24 { height: 24px; } .height-36 { height: 36px; } .uppercase { text-transform: uppercase; } .bolder { font-weight: 600; } .text-justify { text-align: justify; } .text-center { text-align: center; } .body-large-light { font-size: 16px; font-weight: 300; line-height: 20px; } .semantic-blue-opacity { background: rgba(1, 182, 234, 0.16); } .semantic-green-opacity { background: rgba(110, 196, 60, 0.12); } .semantic-pink-opacity { background: rgba(245, 54, 238, 0.12); } .semantic-red-opacity { background: rgba(255, 95, 95, 0.12); } .semantic-yellow-opacity { background: rgba(252, 198, 28, 0.16); } .semantic-teal-opacity { background:rgba(52, 227, 210, 0.16); } .semantic-dark-green-opacity { background: rgba(12, 176, 116, 0.16); } .comments-orange { background-color: var(--comments-orange); } .comments-red { background-color: var(--comments-red); } .comments-teal { background-color: var(--comments-teal); } .comments-green { background-color: var(--comments-green); } .comments-purple { background-color: var(--comments-purple); } .comments-blue { background-color: var(--comments-blue); } .comments-navy { background-color: var(--comments-navy); } .border { border: 1px solid #e8edf7; } .bg-page { background-color: var(--bg-page); } .bg-dark { background-color: var(--bg-dark); } .bg-medium { background-color: var(--bg-medium); } .bg-light { background-color: var(--bg-light); } .bg-paper { background-color: var(--bg-paper); } .text-primary { color: var(--text-primary, #FFF); } .text-secondary { color: var(--text-secondary, #94A3B8); } .text-on-paper-main { color: var(--text-on-paper-main, #161C32); } .text-on-paper-secondary { color: var(--text-on-paper-secondary, #807D98); } .text-on-button-primary-outlined { color: var(--text-on-button-primary-outlined, #FFF); } .text-on-button-secondary { color: var(--text-on-button-secondary, #161C32); } .color-reverse { color: var(--text-on-paper-main) !important; } .heading { font-size: 60px; font-style: normal; font-weight: 500; line-height: 60px; letter-spacing: -1.236px; } .subheading-large { font-size: 48px; font-style: normal; font-weight: 500; line-height: 60px; letter-spacing: -1.236px; } .subheading-medium { font-size: 32px; font-style: normal; font-weight: 500; line-height: 42px; letter-spacing: -1.2px; } .subheading-small { font-size: 24px; font-style: normal; font-weight: 500; line-height: 32px; } .body-large { font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: -0.5px; } @media screen and (max-width: 744px) { .heading { font-size: 44px; line-height: 52px; } .subheading-large { font-size: 40px; line-height: 52px; } .body-large { font-size: 18px; line-height: 27px; } } .body-medium { font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; } .body-small { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .numbers { font-size: 36px; font-style: normal; font-weight: 300; line-height: 40px; } .button { display: inline-flex; flex-shrink: 0; padding: 8px 16px; justify-content: center; align-items: center; gap: 8px; border-radius: 10px; text-decoration: none; transition: all 0.2s ease-in-out 0s; border: 0; color: var(--button-text, #FFFFFF); font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: -0.2px; } .button:hover { cursor: pointer; } .button.primary { padding: 12px 24px; background: var(--button-primary, #236BF9); color: var(--button-text, #FFF); } .button.primary:hover { background: var(--button-primary-hover, #407AEE); } .button.onPrimary { background: var(--button-on-primary, #ECF2FF); color: var(--text-on-button-on-primary, #004EEE); font-size: 16px; font-weight: 600; line-height: 20px; } .button.onPrimary:hover { background: var(--button-on-primary-hover, #C804FA); } .button.secondary { border: 1px solid rgba(18, 30, 82, 0.41); background: var(--button-secondary); color: var(--text-on-button-secondary, #161C32); } .button.secondary:hover { background: var(--button-secondary-hover); } .button.outlined { border: 1px solid var(--stroke-button-secondary-outlined, rgba(255, 255, 255, 0.30)); background: var(--button-outlined, rgba(255, 255, 255, 0.06)); } .button.outlined:hover { background: var(--button-outlined-hover, rgba(255, 255, 255, 0.02)); } .button.medium { padding: 12px 16px; } .button.large { height: 56px; padding: 16px 32px; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; } .nav-link { color: #FFF; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.3px; padding: 4px 8px; text-decoration: none; } .nav-link:hover { color: var(--primary-light-light, #236BF9); } .nav-link.active { color: var(--primary-light, #236BF9); } .sol-nav { display: flex; padding: 8px 16px; justify-content: center; align-items: center; gap: 8px; border-radius: 10px; color: var(--text-secondary, #94A3B8); background-color: transparent; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: -0.15px; } .sol-nav.active { background: var(--bg-light, #1F1F27); color: #FFF; } .app-select.nav-link:hover { display: flex; padding: 4px 8px; align-items: center; gap: 4px; border-radius: 4px; background: var(--bg-paper, #FFF); color: var(--text-on-paper-main); height: 32px; } .button.small { display: flex; width: 32px; height: 32px; padding: 6px; flex-shrink: 0; border-radius: 40px; border: 0; } .button.smaller { display: inline-flex; width: 19px; height: 19px; padding: 3px; flex-shrink: 0; border-radius: 40px; border: 0; } .link { text-decoration: none; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.3px; } .link:hover { text-decoration: underline; cursor: pointer; } .blue-bar { height: 71px; border: 1px solid var(--divider-on-primary, #283039); backdrop-filter: blur(32px); background: rgba(15, 16, 25, 0.50); border-radius: 16px; width: calc(100% - 48px); } .search-bar { display: none; gap: 16px; align-items: center; margin: auto; padding: 10px 16px; background-color: var(--bg-on-primary-dark); border-radius: 40px; width: 300px; height: 44px; min-width: 250px; transition: all 0.2s ease-in; } .search-bar:hover { background-color: var(--bg-on-primary-light); } .search-bar:hover .search-input { background-color: var(--bg-on-primary-light); } .search-bar-icon { color: white; margin: auto; height: 24px; } .search-input { border: 0; margin: 0; vertical-align: baseline; width: 100%; background-color: var(--bg-on-primary-dark); color: var(--text-on-primary-main); transition: all 0.2s ease-in; } .search-bar-collapse { display: none; align-items: center; margin: auto; padding: 8px; background-color: var(--bg-on-primary-dark); border-radius: 40px; width: 40px; height: 40px; transition: all 0.2s ease-in; } .search-bar-collapse:hover { background-color: var(--bg-on-primary-light); cursor: pointer; } @-moz-document url-prefix() { * { scrollbar-color: #bac6f9f7 #00000014; scrollbar-width: auto; } .side-navigation { scrollbar-color: #ebeefd4f #00000005; scrollbar-width: thin; } } *::-webkit-scrollbar { width: 8px; height: 8px; } *::-webkit-scrollbar-thumb { background-color: #bac6f9f7; border-radius: 8px; } *::-webkit-scrollbar-thumb:hover { background-color: rgba(140, 158, 239, 0.97); } *::-webkit-scrollbar-track { background-color: #00000014; } .list-cards::-webkit-scrollbar, .side-navigation::-webkit-scrollbar { width: 6px; } .side-navigation::-webkit-scrollbar-thumb { background-color: #ebeefd4f; } .side-navigation::-webkit-scrollbar-thumb:hover { background-color: rgba(194, 201, 236, 0.39); } .side-navigation::-webkit-scrollbar-track { background-color: #00000005; } html, body { height: 100%; overflow-x: hidden; } body { background: #0F1019; font-family: 'Geist', sans-serif; } .body-wrapper { display: flex; flex-direction: column; height: 100%; } nav { width: 1192px; margin: 16px 24px 0; z-index: 10; align-self: center; } nav .container { height: 68px; display: flex; align-items: center; gap: 64px; padding: 12px 24px; } hr { width: 100%; } @media screen and (max-width: 1440px) { nav .container { padding: 12px 16px; } nav .container .gap-32 { gap: 16px; } } @media screen and (max-width: 1024px) { nav.blue-bar { margin: 16px 24px 0; width: calc(100% - 36px); } } @media screen and (max-width: 744px) { nav { margin: 16px 12px 0; } } .header-container { display: flex; align-items: center; } .nav-logo { display: flex; align-items: center; padding: 0; text-decoration: none; } .nav-logo:hover { padding: 0; background-color: initial; } .nav-logo header { font-family: 'Oswald', sans-serif; font-size: 19px; line-height: 19px; font-weight: 800; text-decoration: none; color: white; white-space: nowrap; } .nav-logo img { height: 57px; margin-right: 4px; } .nav-content { justify-content: flex-end; } @media screen and (min-width: 960px) { .nav-content { justify-content: space-between; } } .button-container { display: flex; justify-content: space-between; align-items: center; } @media screen and (min-width: 20px) { .button-menu { display: initial; border: 0; cursor: pointer; width: 24px; } } @media screen and (min-width: 960px) { .button-menu { display: none; } } .close-menu { display: none; border: 0; cursor: pointer; width: 24px; } .blog-container { max-width: 970px; margin: 0 auto; } @media screen and (min-width: 1024px) { .blog-container { max-width: 970px; } } main.container{ position: relative; outline: none; display: flex; flex-direction: column; flex-grow: 1; margin-top: -84px; } main .main-container { display: flex; flex-direction: row; flex: 1 1 0; position: relative; overflow-y: auto; } body.gradient-bg { background: var(--bg-gradient)!important; } body:has(#navMobile[style*="display: block"]) { overflow: hidden; } body.gradient-bg main.container, body:has(#navMobile[style*="display: block"]) main.container { margin-top: 0; } #navMobile { display: none; position: relative; } #navMobile p { margin: 0 !important; } .aside-panel-scrollable { display: flex; flex-direction: column; flex: 1; overflow-x: hidden; overflow-y: auto; } #navMobile .aside-panel-scrollable { height: calc(100dvh - 87px); } #navMobile .aside-content > div { justify-content: flex-start; gap: 24px; } #navMobile .mobile-cta-buttons { margin-top: auto; margin-bottom: 24px; } .aside-content { display: flex; flex-direction: column; flex: 1; } .aside-content > div { display: flex; flex-direction: column; justify-content: space-between; flex: 1; margin-top: 84px; } body.gradient-bg .aside-content > div, body:has(#navMobile[style*="display: block"]) .aside-content > div { margin-top: 0; } .links-container { display: flex; flex-direction: column; margin: 24px 20px; align-items: flex-start; gap: 12px; } @media screen and (max-width: 450px) { .links-container { gap: 8px; margin: 12px 12px 0; } } .sidebar-link { display: flex; gap: 4px; align-items: center; color: white; border-radius: 4px; padding: 7px 8px; transition: all 0.5s; cursor: pointer; position: relative; overflow: hidden; text-decoration: none; font-size: 16px; font-weight: 500; line-height: 18px; } @media screen and (min-width: 980px) { .sidebar-link.from-footer { display: none; } } .sidebar-link:hover { color: var(--primary-light-light,#236BF9); } .sidebar-link.active { background: var(--bg-paper); color: var(--text-on-paper-main); } a.sidebar-link.active { background: transparent; color: var(--Primary-light, #236BF9); } .sidebar-link.active img { transform: rotateX(180deg); } .sidebar-link.is-current { color: var(--Primary-light, #236BF9); } .sidebar-app-list { display: none; flex-direction: column; gap: 16px; padding: 12px 28px; white-space: nowrap; } @-webkit-keyframes slide-up-opacity { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slide-up-opacity { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes slide-bottom-opacity { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } @keyframes slide-bottom-opacity { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } } .sidebar-app-list.active { animation: slide-up-opacity 0.3s ease-in-out forwards; } .footer { display: flex; flex-direction: column; justify-content: space-between; gap: 24px; font-size: 14px; color: #fff; margin: 28px 32px; font-weight: 300; line-height: 18px; } .mobile-cta-buttons { display: flex; flex-direction: column; gap: 12px; margin: 24px 20px 0; } .mobile-cta-buttons .button { justify-content: center; width: 100%; } @media screen and (min-width: 590px) { .mobile-cta-buttons { display: none; } } @media screen and (max-width: 450px) { .mobile-cta-buttons { margin: 16px 12px 0; } } .footer-divider { height: 1px; width: 100%; background-color: var(--divider-on-primary); } .app-select { position: relative; height: 32px; } .app-select::after { content: ''; position: absolute; top: 100%; left: 0; right: -400px; height: 20px; } .select-box { display: flex; gap: 4px; align-items: center; } .app-select:hover, .select-box:hover { cursor: pointer; } .app-select:hover .select-menu, .select-box:hover .select-menu { visibility: visible; opacity: 1; transform: translateY(8px); } .app-select.onPrimaryDark .select-box img { transition: all 0s ease-in-out 0s; } .app-select.onPrimaryDark:hover .select-box img, .select-box.onPrimaryDark:hover .select-box img { transform: rotateX(180deg); } .select-menu { display: flex; gap: 28px; border-radius: 12px; border: 1px solid var(--divider-on-primary, #283039); padding: 24px 40px; position: absolute; z-index: 5; background: rgba(14, 20, 41, 0.95); backdrop-filter: blur(25px); top: 44px; white-space: nowrap; transition: all .2s ease-in-out 0s; visibility: hidden; opacity: 0.7; } .select-menu p { margin: 0!important; } .menu-category { color: var(--text-on-primary-secondary, #89AAED); font-size: 14px; font-weight: 300; line-height: 18px; } .app-list { padding-top: 16px; color: var(--text-on-button-primary-secondary, #FFF); } .app-list-item { display: flex; align-items: flex-start; gap: 16px; padding: 16px; border-radius: 12px; font-size: 18px; font-weight: 600; line-height: 22px; max-width: 245px; color: var(--text-on-button-primary-secondary, #FFF); text-decoration: none; } .app-list-item:hover { background-color: rgba(115, 141, 234, 0.11); } .app-list-item.active, .app-list-item.active * { color: var(--Primary-light, #236BF9); } .app-list-item * { overflow: hidden; text-overflow: ellipsis; } .app-list-item img { width: 24px; height: 24px; flex-shrink: 0; } .app-list-item .details { font-size: 14px; font-style: normal; font-weight: 300; line-height: 18px; color: var(--text-on-primary-secondary, #89AAED); overflow: hidden; text-overflow: ellipsis; } .landing-page { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding-block: 154px; background: #0F1019 center / cover no-repeat url('/media/lp-bg.webp'); } @media screen and (max-width: 500px) { .landing-page { padding-block: 110px; } } .landing-page.about { background: #0F1019 center / cover no-repeat url('/media/about-bg.webp'); } .lp-container { display: flex; max-width: 642px; flex-direction: column; align-items: center; gap: 32px; } .lp-gradient { height: 154px; background: linear-gradient(180deg,rgba(15,16,25,0) 0%,#0F1019 100%); margin-top: -154px; } .lp-gradient-reverse { height: 154px; background: linear-gradient(180deg, rgba(15, 16, 25, 0.00) 35.1%, rgba(15, 16, 25, 0.65) 69.33%, rgba(15, 16, 25, 0.90) 86.93%, rgba(15, 16, 25, 0.90) 100%); } section { display: flex; align-items: center; justify-content: center; } .container-solutions { position: relative; } .container-solutions:after { content: ""; position: absolute; top: 800px; right: -200px; width: 500px; height: 500px; border-radius: 50%; background: rgba(0, 184, 217, 0.10); filter: blur(64px); z-index: -1; pointer-events: none; } .container-solutions:before { content: ""; position: absolute; bottom: 200px; left: -200px; width: 600px; height: 600px; border-radius: 50%; background: rgba(101, 84, 192, 0.20); filter: blur(64px); z-index: -1; pointer-events: none; } @media screen and (max-width: 1024px) { .container-solutions:after, .container-solutions:before { display: none; } } .container-1192 { max-width: 1192px; } .lp-section-header { display: flex; max-width: 1192px; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 32px; } .lp-section-header .left-column { display: flex; max-width: 425px; flex-direction: column; align-items: flex-start; gap: 16px; flex-shrink: 0; } @media screen and (max-width: 425px) { .lp-section-header .left-column { max-width: 360px; } } .section-name{ display: flex; align-items: center; gap: 16px; align-self: stretch; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: uppercase; } .lp-section-header .right-column { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 64px; } .rc-col { display: flex; padding-left: 40px; flex-direction: column; align-items: flex-start; gap: 16px; border-left: 1px solid var(--divider-on-primary, #283039); color: var(--text-secondary); min-width: 190px; } @media screen and (max-width: 500px) { .lp-section-header .right-column { gap: 20px; } .right-column .rc-col { padding-left: 20px; min-width: 140px; } .right-column .rc-col:first-of-type { padding-left: 0; border-left: none; } } .our-numbers .rc-col { flex: 0 1 calc(25% - 18px); min-width: 0; } @media screen and (max-width: 900px) { .our-numbers .rc-col { flex-basis: calc(50% - 12px); } } @media screen and (max-width: 500px) { .our-numbers .rc-col { flex-basis: 100%; padding-left: 0; border-left: none; } } .solutions-content { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 24px; } .solutions-nav { display: flex; padding: 8px; align-items: flex-start; gap: 4px; border-radius: 12px; background: var(--bg-dark, #0C0C14); } .sol-tile { display: flex; max-width: 1192px; align-items: center; gap: 24px; border-radius: 32px; border: 1px solid var(--divider-on-primary, #283039); background: var(--bg-dark, #0C0C14); padding: 24px; } @media screen and (max-width: 880px) { .sol-tile { flex-direction: column; align-items: stretch; padding: 0; } } .sol-tile .col1 { display: flex; flex-shrink: 0; width: clamp(280px, calc(100vw - 848px), 392px); padding: 24px; flex-direction: column; align-items: flex-start; gap: 32px; } @media screen and (max-width: 880px) { .sol-tile .col1, .sol-tile .col2 { flex: none; min-width: 0; max-width: none; width: 100%; } } @media screen and (max-width: 425px) { .sol-tile { gap: 0; padding: 0; } } .es .sol-tile-app-name { background: linear-gradient(99deg, #E79A4C 8.89%, #FFF 63.2%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ap .sol-tile-app-name { background: linear-gradient(105deg, #428A22 8.12%, #FFF 55.04%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .col1 .row1 { display: flex; padding: 6px 0; align-items: center; gap: 8px; color: var(--Text-primary, #FFF); text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-transform: uppercase; } .col1 .row2 { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; align-self: stretch; } .col1 .row3 { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .row3 div { display: flex; padding: 20px 0; align-items: center; gap: 12px; align-self: stretch; } .row3 div:not(:last-of-type) { border-bottom: 1px solid var(--divider-on-primary, #283039); } .row3 span { color: var(--text-secondary, #94A3B8); font-size: 16px; font-weight: 400; line-height: 26px; } .sol-tile .col2 { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; flex: 1 0 0; } .col2-bg { display: flex; border-radius: 24px } .sol-tile.more-apps-bg { background: #12141F url(/media/sol-more-info-bg.webp) no-repeat 100% 100% / contain; } .sol-tile.apps-bg { background: #12141F url(/media/sol-more-info-app-bg.webp) no-repeat 100% 100% / cover; } .apps-img { display: none; } @media screen and (max-width: 1024px) { .sol-tile.apps-bg, .sol-tile.more-apps-bg { background: #12141F; } .apps-img { display: flex; } } .sol-more-info { display: flex; max-width: 648px; flex-direction: column; align-items: flex-start; gap: 32px; padding: 24px; } .sol-more-info .num { font-size: 36px; font-style: normal; font-weight: 300; line-height: 40px; background: linear-gradient(111deg, #94A3B8 4.47%, #242F3F 106.36%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .sol-more-info .apps { color: var(--text-secondary, #94A3B8); text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; opacity: 0.6; } .how-we-think-tiles { display: flex; gap: 64px; } @media screen and (max-width: 880px) { .how-we-think-tiles { display: flex; flex-direction: column; gap: 24px; } } .gray-grid { border-radius: 24px; background: url(/media/gray-grid.png) no-repeat 100% 100% / contain; } .philosophy-gray-box { display: flex; align-items: end; gap: 32px; width: 761px; height: 393px; padding: 48px; border-radius: 24px; border: 1px solid #EBEEFD; background: url(/media/philosophy-gray-box-bg.webp) no-repeat 100% 100% / contain, linear-gradient(90deg, rgba(247, 248, 250, 0.95) 1.81%, rgba(247, 248, 250, 0.7) 98.17%) ; } .philosophy-gray-box > div:nth-child(1) { max-width: 424px; } .team-image { display: flex; flex: 1; border-radius: 24px; background: url(/media/team-image.webp) no-repeat 100% 100% / contain; } .team-image-1024, .team-cup { display: none; } @media screen and (max-width: 1280px) { .gray-grid { width: 100%; } .philosophy-gray-box { background: rgba(247, 248, 250, 0.95) ; width: 100%; height: 100%; justify-content: space-between; } .team-image { display: none; } .team-image-1024 { display: flex; border-radius: 24px; } .team-cup { display: flex; } } @media screen and (max-width: 880px) { .philosophy-gray-box { flex-direction: column; padding: 24px; align-items: flex-start; } } .blog-card .category { display: flex; padding: 4px 8px; align-items: center; gap: 4px; border-radius: 4px; background: var(--Bg-light, #1F1F27); color: var(--Text-primary, #FFF); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-transform: uppercase; } .external-share-for-jira .category, .external-share-for-confluence .category { background-color: var(--semantic-opacity-yellow); color: var(--semantic-yellow); } .approval-path-for-jira .category, .approval-path-for-confluence .category { background-color: var(--semantic-opacity-green); color: var(--semantic-green); } .pdf-export-for-jira .category, .pdf-export-for-confluence .category { background-color: var(--semantic-opacity-red); color: var(--semantic-red); } .contract-signature-for-jira .category, .contract-signature-for-confluence .category { background-color: var(--semantic-opacity-blue); color: var(--semantic-blue); } .macro-pack-for-confluence .category { background-color: var(--semantic-opacity-pink); color: var(--semantic-pink); } .ampin .category { background-color: rgba(52, 227, 210, 0.16); color: #34e3d2; } .test-manager-for-jira .category { background-color: rgba(12, 176, 116, 0.15); color: #0CB074; } .container-partners { position: relative; } .container-partners:before { content: ""; position: absolute; top: -320px; left: 90px; width: 560px; height: 600px; border-radius: 50%; background: rgba(101, 84, 192, 0.20); filter: blur(64px); z-index: -1; pointer-events: none; } @media screen and (max-width: 1024px) { .container-partners:before { display: none; } } .container-insights { position: relative; } .container-insights:after { content: ""; position: absolute; top: -20px; right: -200px; width: 645px; height: 645px; border-radius: 50%; background: rgba(0, 184, 217, 0.10); filter: blur(64px); z-index: -1; pointer-events: none; } @media screen and (max-width: 1024px) { .container-insights:after { display: none; } } .blue-box { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 32px; width: 1280px; min-height: 520px; border-radius: 32px; background: #005BE5 50%/cover no-repeat url(/media/blue-box-bg.webp); background-position-x: x-end; color: var(--button-text, #FFF); margin-bottom: 117px; padding:24px } .blue-box-container { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 32px; max-width: 780px; } .list-cards { display: flex; flex-wrap: wrap; gap: 24px; flex: 1 1 auto; height: 100%; overflow-x: hidden; overflow-y: auto; z-index: 1; } .card-container { display: flex; flex-shrink: 0; width: 380px; border-radius: 26px; background-color: var(--bg-medium); color: var(--text-primary); border: 1px solid var(--divider-on-primary); transition: all 0.2s; text-decoration: none; overflow: clip; } @media screen and (max-width: 440px) { .card-container { width: 100% !important; max-width: 380px; flex-shrink: 1; } .case-image, .case-image img { width: 100%; max-width: 100%; } .how-it-works-gray-tile { padding: 36px 24px 0 24px; } .how-it-works-gray-tile .text, .how-it-works-blue-tile .text { width: 100%; } } .case-image { display: flex; justify-content: center; align-items: center; } .case-image img { height: 257px; width: 343px; object-fit: cover; object-position: center; border-radius: 17px; } .blog-card { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; padding: 16px; color: var(--text-primary); } .app-card-img { width: 64px; height: 64px; margin-inline: 0 12px; } .container-404 { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; gap: 4em 8em; height: calc(100% - 56px); justify-content: center; padding: 2em; } .text-404--big, .text-404--normal, .code-404 { color: #FFF; } .text-404--big { font-size: 8em; font-weight: bold; letter-spacing: -4px; margin-left: -0.04em; } .text-404--normal { font-size: 2.5em; font-weight: lighter; margin-left: -0.07em; } .img-404 { aspect-ratio: 0.8685; height: 300px; width: auto; position: absolute; bottom: 9.25em; left: 5.75em; z-index: 9999; } .error-404 { position: relative; } .code-404 { display: flex; flex-direction: row; gap: 0; font-size: 14em; font-weight: bold; } .code-404 > span:nth-child(2) { transform: translate(5px, 20px) rotate(-15deg); } .message-404 { display: flex; flex-direction: column; gap: 1em; } @media screen and (max-width: 480px) { .container-404 { flex-direction: column-reverse; } .text-404--big { font-size: 4em; letter-spacing: -2px; } .text-404--normal { font-size: 1.25em; } .code-404 { font-size: 7em; } .code-404 > span:nth-child(2) { transform: translate(2px, 10px) rotate(-15deg); } .img-404 { height: 150px; bottom: 4.625em; left: 2.75em; } .message-404 { align-items: center; } } footer { display: flex; padding-block: 48px; justify-content: center; align-items: center; color: var(--text-primary); background-color: #0F1019; border-top: 1px solid var(--divider-on-primary, #283039); } footer h3 { color: var(--text-secondary, #94A3B8); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } footer a { color: white; text-decoration: none; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .footer-details { display: flex; height: 78px; align-items: center; gap: 129px; align-self: stretch; color: #64748B; font-size: 12px; font-weight: 400; line-height: 16px; border-top: 1px solid #283039; } .footer-container { width: 100%; max-width: 1188px; } @media screen and (max-width: 1440px) { footer { margin: 0 16px 16px; } } @media screen and (max-width: 960px) { footer { padding-block: 32px; } footer > .footer-container > .flex.justify-space-between { flex-direction: column; gap: 32px; } footer .flex.gap-80 { flex-wrap: wrap; gap: 40px; } footer .flex.gap-80 > div { flex: 1 1 calc(50% - 16px); min-width: 140px; } .footer-details { gap: 24px; } } @media screen and (max-width: 600px) { footer { padding-block: 24px; } footer .flex.gap-80 > div { flex: 1 1 100%; } .footer-details { flex-direction: column; align-items: flex-start; gap: 12px; height: auto; padding-block: 16px 0; } } .container-who-we-are{ position: relative; } .container-who-we-are:before { content: ""; position: absolute; top: 90px; right: 200px; width: 500px; height: 500px; border-radius: 50%; background: rgba(0, 72, 217, 0.10); filter: blur(64px); z-index: -1; pointer-events: none; } .container-who-we-are:after { content: ""; position: absolute; bottom: -90px; left: -200px; width: 500px; height: 500px; border-radius: 50%; background: rgba(101, 84, 192, 0.20); filter: blur(64px); z-index: -1; pointer-events: none; } @media screen and (max-width: 1024px) { .container-who-we-are:after, .container-who-we-are:before { display: none; } } .who-we-are-content { display: flex; flex-direction: column; gap: 64px; max-width: 482px; margin-left: 101px; margin-top: 48px; } .img-container { border-radius: 24px; } .meet-team-content { margin-left: 101px; margin-top: 64px; max-width: 1440px; } @media screen and (max-width: 600px) { .who-we-are-content { margin-left: 0; } .meet-team-content { margin-left: 0; } } .img-container.ceo { max-width: 381px; max-height: 381px; aspect-ratio: 1/1; } @media screen and (max-width: 600px) { .approach-img-container { display: none; } } .sol-more-info.about { max-width: 585px; } @media screen and (max-width: 1200px) { .sol-more-info.about { max-width: 380px; } } @media screen and (max-width: 1024px) { .sol-more-info.about { max-width: 585px; } } .sol-more-info h3.gradient { background: linear-gradient(105deg, #236BF9 8.12%, #FFF 55.04%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .team-image.about { display: flex; flex: 1; border-radius: 24px; background: url(/media/team-image-about.webp) no-repeat 100% 100% / cover; } @media screen and (max-width: 1280px) { .team-image.about{ display: none; } } .lp-section-header.team { flex-direction: column; align-items: flex-start; } .lp-section-header.story { flex-direction: column; align-items: inherit; gap: 64px; } .story-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 174px 48px 174px; } @media screen and (max-width: 1199px) { .story-grid { display: none; } } .story-grid .grid-item { display: flex; flex-direction: column; height: 174px; padding: 0 12px; align-items: flex-start; gap: 4px; flex: 1 0 0; border-left: 1px solid var(--divider-on-primary, #283039); } .story-grid .bg1 { background-color: var(--bg-paper); opacity: 0.1; border-radius: 8px 0 0 8px; } .story-grid.vertical .bg1 { border-radius: 8px 8px 0 0 ; } .story-grid .bg2 { background-color: var(--bg-paper); opacity: 0.2; } .story-grid .bg3 { background-color: var(--bg-paper); opacity: 0.3; } .story-grid .bg4 { background-color: var(--bg-paper); opacity: 0.4; } .story-grid .bg5 { background-color: var(--bg-paper); opacity: 0.5; } .story-grid .bg6 { background-color: var(--primary-dark); border-radius: 0 8px 8px 0; } .story-grid.vertical .bg6 { border-radius: 0 0 8px 8px; } @media screen and (min-width: 701px) { .story-grid.vertical { display: grid; grid-template-columns: 1fr 48px 1fr; grid-template-rows: none; grid-auto-rows: 174px; align-items: stretch; } } @media screen and (min-width: 1200px) { .story-grid.vertical { display: none; } } .story-grid.vertical .grid-item { display: flex; flex-direction: column; height: 174px; padding: 0 24px; justify-content: center; gap: 4px; border-left: none; } .story-grid.vertical .grid-item:not(:last-of-type) { border-bottom: 1px solid var(--divider-on-primary, #283039); } .story-grid.vertical .grid-item.justify-end { align-items: flex-end; text-align: right; } .story-grid.vertical.right { display: grid; grid-template-columns: 12px 1fr; grid-template-rows: none; grid-auto-rows: 174px; align-items: stretch; } @media screen and (min-width: 700px) { .story-grid.vertical.right { display: none; } } .container-approach { position: relative; } .container-approach:before { content: ""; position: absolute; top: -90px; right: -200px; width: 500px; height: 500px; border-radius: 50%; background: rgba(101, 84, 192, 0.16); filter: blur(64px); z-index: -1; pointer-events: none; } .container-approach:after { content: ""; position: absolute; bottom: -370px; left: -80px; width: 500px; height: 500px; border-radius: 50%; background: rgba(0, 184, 217, 0.12); filter: blur(64px); z-index: -1; pointer-events: none; } @media screen and (max-width: 1024px) { .container-approach::after, .container-approach::before { display: none; } } .breadcrumb-container { position: fixed; top: 84px; background: white; z-index: 3; width: calc( 100% - 30px); } .breadcrumb { display: flex; align-items: center; gap: 4px; color: var(--text-on-paper-secondary); font-size: 16px; font-weight: 300; line-height: 20px; } .breadcrumb-container .breadcrumb a { color: var(--text-on-paper-secondary); text-decoration: none; white-space: nowrap; } .breadcrumb-container .breadcrumb a:last-child { overflow: hidden; text-overflow: ellipsis; } .tile-numbers { color: var(--text-on-paper-main, #161C32); font-size: 24px; font-weight: 600; line-height: 28px; } .tile-desc { color: var(--text-on-paper-secondary, #807D98); font-size: 14px; font-weight: 300; line-height: 18px; } .member-tile { display: flex; max-width: 382px; width: 100%; padding: 8px 24px 8px 10px; align-items: center; gap: 16px; border-radius: 100px; border: 1px solid var(--divider-on-paper, #EBEEFD); } .member-icon img { width: 48px; height: 48px; border-radius: 50%; } .member-icon { display: flex; flex-shrink: 0; } .tile-member { color: var(--text-on-paper-main, #161C32); font-size: 16px; font-weight: 500; line-height: 18px; } .member-wd { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 48px; height: 48px; border-radius: 100px; border: 1px solid var(--divider-on-paper, #E8EDF7); background: var(--bg-paper, #FFF); color: #0c35ce; } .member-wd svg { transform: scale(1.75); } .bg-for-icon { display: flex; flex-shrink: 0; width: 64px; height: 64px; padding: 16px; align-items: center; gap: 4px; border-radius: 16px; background: rgba(148, 163, 184, 0.08); } .bg-for-icon.blue { display: flex; flex-shrink: 0; width: 26px; height: 26px; padding: 4px; align-items: center; gap: 4px; border-radius: 6px; background: #236BF9; } .form-container { width: 544px; margin-top: 28px; } @media screen and (max-width: 880px) { .form-container { margin-inline: auto; } } .partner-form { display: flex; flex-direction: column; gap: 20px; } .partner-form label { color: var(--text-primary); font-size: 14px; font-weight: 500; line-height: 18px; } .partner-form input, .partner-form textarea { width: 100%; margin-top: 4px; padding: 16px 12px; border-radius: 10px; border: 1px solid var(--divider-on-primary, #283039); background: var(--bg-medium); font-size: 14px; font-weight: 300; line-height: 18px; outline: none; color: white; } .form-row-divided { display: flex; gap: 24px; } .half-row { width: 260px; } @media screen and (max-width: 580px) { .form-container { width: calc(100% - 48px); } .form-row-divided { flex-direction: column; gap: 20px; } .half-row { width: 100%; } } .partner-form input:hover, .partner-form textarea:hover { background: var(--bg-light); } .partner-form input:focus, .partner-form textarea:focus { border: 1px solid #236BF9; } .partner-form textarea { height: 126px; resize: none; } input::placeholder, textarea::placeholder { color: var(--text-secondary); opacity: 1; } label::-ms-input-placeholder, textarea::-ms-input-placeholder { color: var(--text-on-paper-secondary); } .dropdown-container { position: relative; width: 100%; margin-top: 4px; } .custom-select { position: relative; width: 100%; border: 1px solid var(--divider-on-primary, #283039); background: var(--bg-medium); border-radius: 10px; cursor: pointer; font-size: 14px; font-weight: 300; line-height: 18px; color: var(--text-secondary); } .custom-select.open { border: 1px solid #236BF9; } .custom-select-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 12px; border-radius: 10px; } .custom-select-header:hover { background: var(--bg-light); } .custom-select-header .placeholder { color: #807D98; } .dropdown-arrow { display: inline-flex; align-items: center; justify-content: center; transition: transform 0.2s ease; } .dropdown-arrow.open { transform: rotate(180deg); } .custom-select-options { position: absolute; top: calc(100% + 4px); left: -1px; right: -1px; border: 1px solid var(--divider-on-primary, #283039); background: var(--bg-medium); border-radius: 12px; list-style: none; margin: 0; padding: 8px 0; display: none; z-index: 100; } .custom-select-options li { padding: 12px 16px; font-size: 14px; font-weight: 300; color: var(--text-secondary); cursor: pointer; transition: background 0.2s ease; } .custom-select-options li:hover { background: var(--bg-light); } .custom-select-options li.active::after { content: ''; position: absolute; right: 12px; width: 22px; height: 22px; background-image: url('data:image/svg+xml,%3Csvg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.5 10.9999L9.38904 14.889L17.1667 7.11084" stroke="%23236BF9" stroke-width="1.83331" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); background-repeat: no-repeat; background-size: contain; } .custom-select.open .custom-select-options { display: block; } .partner-logo-container { display: flex; align-items: center; justify-content: center; height: 68px; width: 200px; } .dark-linear-container { display: flex; width: 270px; padding: 40px 16px; flex-direction: column; align-items: center; gap: 12px; margin-top: 16px; border-radius: 20px; background: linear-gradient(162deg,#273465 11.82%,#161C32 87.56%); color: var(--text-primary); text-align: center; font-size: 16px; font-style: normal; font-weight: 300; line-height: 20px; } .lp-container.product { max-width: 788px; } .container-overview { position: relative; } .container-overview:after { content: ""; position: absolute; bottom: -20px; left: -200px; width: 500px; height: 500px; border-radius: 50%; background: rgba(64, 2, 189, 0.1); filter: blur(100px); z-index: -1; pointer-events: none; } .container-overview:before { content: ""; position: absolute; top: 100px; left: 350px; width: 700px; height: 660px; border-radius: 50%; background: rgba(4, 40, 182, 0.2); filter: blur(64px); z-index: -1; pointer-events: none; } @media screen and (max-width: 1024px) { .container-overview:after, .container-overview:before { display: none; } } .how-it-works-gray-tile { display: inline-flex; flex-direction: column; gap: 36px; flex: 0.5 1 450px; min-width: 0; padding: 36px 24px 0 104px; border-radius: 24px; background: var(--bg-light, #1F1F27); } .how-it-works-gray-tile > img { max-width: 100%; height: auto; min-width: 0; } @media screen and (max-width: 780px) { .how-it-works-gray-tile { padding: 36px 36px 0 36px; } } .how-it-works-gray-tile-absolute { display: inline-flex; position: relative; background: var(--bg-light, #1F1F27); border-radius: 24px; flex: 0.5 1 450px; min-width: 0; } .how-it-works-gray-tile-absolute .text { position: absolute; top: 36px; left: 104px; right: 101px } @media screen and (max-width: 1080px) { .how-it-works-gray-tile-absolute .text { left: 60px; right: 101px } } .how-it-works-gray-tile-absolute img { display: block; width: 100%; height: auto; } @media screen and (max-width: 550px) { .how-it-works-gray-tile-absolute .text { position: absolute; top: 50%; left: 40px; right: 40px; transform: translate(0%, -50%); } .how-it-works-gray-tile-absolute img { visibility:hidden; } } .how-it-works-gray-tile .text { display: flex; width: 282px; flex-direction: column; align-items: flex-start; gap: 12px; } .how-it-works-blue-tile { display: inline-flex; flex: 1; align-items: center; border-radius: 24px; overflow: hidden; background: 50% top/cover no-repeat url(/media/blue-box-bg.png); } .how-it-works-blue-tile-shadow { display: inline-flex; flex: 1; gap: 20px; justify-content: space-between; padding: 71px 0 0 104px; background: linear-gradient( 0deg, rgba(15, 16, 25, 0.10) 17.55%, rgba(15, 16, 25, 0.45) 50%, rgba(15, 16, 25, 0.80) 75%, rgba(15, 16, 25, 0.80) 100% ); } @media screen and (max-width: 1080px) { .how-it-works-blue-tile-shadow { padding: 71px 0 71px 0; justify-content: center; } .how-it-works-blue-tile-shadow img{ display: none; } } @media screen and (max-width: 971px) { .how-it-works-blue-tile { display: flex; width: min(100%, calc((100% + 450px) / 2)); min-width: 0; box-sizing: border-box; } .how-it-works-blue-tile-shadow { display: flex; width: 100%; min-width: 0; box-sizing: border-box; } } @media screen and (max-width: 780px) { .how-it-works-blue-tile-shadow { padding: 36px; } } .how-it-works-blue-tile .text { display: flex; max-width: 381px; flex-direction: column; align-items: flex-start; gap: 20px; } .benefits-gray-tile { display: flex; height: 299px; width: 100%; max-width: 381px; justify-content: flex-end; align-items: center; border-radius: 24px; background: var(--bg-light, #1F1F27); } .benefits-gray-tile.more { background: var(--bg-medium, #12141F); justify-content: center; } .flex.flex-column.gap-80:has(> .flex.gap-24.flex-wrap > .flex.flex-column.gap-24 > .benefits-gray-tile) { display: grid; grid-template-columns: 1fr; column-gap: 24px; row-gap: 48px; } @media (min-width: 760px) { .flex.flex-column.gap-80:has(> .flex.gap-24.flex-wrap > .flex.flex-column.gap-24 > .benefits-gray-tile) { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .flex.flex-column.gap-80:has(> .flex.gap-24.flex-wrap > .flex.flex-column.gap-24 > .benefits-gray-tile) { grid-template-columns: 1fr 1fr 1fr; } } .flex.flex-column.gap-80:has(> .flex.gap-24.flex-wrap > .flex.flex-column.gap-24 > .benefits-gray-tile) > .flex.gap-24.flex-wrap { display: contents; } .flex.flex-column.gap-80:has(> .flex.gap-24.flex-wrap > .flex.flex-column.gap-24 > .benefits-gray-tile) > .flex.gap-24.flex-wrap > .flex.flex-column.gap-24 { max-width: none !important; min-width: 0; } .flex.flex-column.gap-80:has(> .flex.gap-24.flex-wrap > .flex.flex-column.gap-24 > .benefits-gray-tile) .benefits-gray-tile img { width: 100%; height: auto; min-width: 0; } .side-navigation > div:nth-child(2) { margin-block: auto; } .side-navigation.for-apps { justify-content: space-between; gap: 4px; width: 309px; padding: 79px 24px 24px; } .for-apps .dark-linear-container { width: 260px; } .dark-linear-container .simple-link { margin-top: 12px; font-size: 16px; font-weight: 600; line-height: 20px; cursor: pointer; color: inherit; text-decoration: none; } .app-page-container { display: flex; flex-direction: column; margin: 0 auto; padding-inline: 329px; } .app-page-content { display: flex; flex-direction: column; max-width: 970px; flex-grow: 1; height: fit-content; padding-bottom: 24px; color: var(--text-on-paper-main); font-size: 18px; font-weight: 300; line-height: 22px; } .app-page-container section { display: flex; flex-direction: column; gap: 24px; } .app-columns-wrapper { display: flex; gap: 24px; } .app-page-content h3 { font-size: 24px; font-weight: 600; line-height: 28px; margin-top: 28px; } .app-page-content h4 { font-size: 18px; font-weight: 600; line-height: 22px; } #overview { padding-top: 76px; } .app-main-column { max-width: 552px; flex-shrink: 0; } .app-header { display: flex; gap: 13px; } .app-header h2 { font-size: 32px; font-weight: 600; line-height: 40px; } .app-header img { width: 40px; height: 40px; } .app-rating { display: flex; gap: 8px; align-items: center; font-size: 16px; font-weight: 300; line-height: 20px; } .app-rating img { width: 16px; height: 16px; } .app-rating .bolder { font-size: 18px; font-weight: 600; line-height: 22px; } .app-tag { display: flex; padding: 3px 7px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px; font-size: 12px; font-weight: 800; line-height: 16px; text-transform: uppercase; float: left; margin-right: 4px; } .app-tag.inline-flex { text-decoration: none; display: inline-flex; padding: 4px 8px; float: none; margin-right: 0; } .highlighting-background { display: inline-flex; padding: 4px 8px; border-radius: 4px; background: var(--bg-extra-light); } .es-tag { color: #cc8600; } .approval-tag { color: #37800c; } .cs-tag { color: #266da6; } .pdf-tag { color: #d71900; } .swagger-tag { color: #f034e9; } .ampin-tag { color: #34e3d2; } .test-manager-tag { color: #087950; } .app-table { display: grid; border-radius: 12px; border: 1px solid var(--divider-on-paper, #E8EDF7); background: var(--bg-paper, #FFF); margin-top: 16px; grid-template-columns: 38px 1fr; grid-template-rows: auto; align-items: stretch; font-size: 16px; font-weight: 300; line-height: 20px; } .app-table .grid-item { background: var(--bg-extra-light-light); padding: 6px 12px; display: flex; align-items: flex-start; } .app-table .grid-item.with-bg { background: var(--bg-extra-light, #EBEEFD); padding: 8px 12px; } .app-table .grid-item:first-child { border-top-left-radius: 11px; padding: 16px 12px 6px; } .app-table .grid-item:nth-child(2) { border-top-right-radius: 11px; padding: 14px 12px 6px; } .app-table .grid-item:nth-last-child(2) { border-bottom-left-radius: 11px; padding: 6px 12px 12px; } .app-table .grid-item:last-child { border-bottom-right-radius: 11px; padding: 6px 12px 8px; } .app-aside { display: flex; flex-direction: column; gap: 20px; max-width: 402px; } .related-blog-tile { display: flex; padding: 8px; align-items: flex-start; gap: 6px; align-self: stretch; border-radius: 12px; border: 1px solid var(--divider-on-paper-dark, #DBE3F2); color: var(--text-on-paper-main, #161C32); font-size: 14px; font-weight: 300; line-height: 18px; text-decoration: none; height: fit-content; } .related-blog-tile:hover { cursor: pointer; } .related-blog-tile .post-image { display:flex; flex-shrink: 0; } .related-blog-tile .post-image img { width: 80px; border-radius: 8px; aspect-ratio: 1; height: 80px; object-fit: cover; object-position: center; } .related-blog-tile svg { color: var(--text-blue); } .post-info { display: flex; flex-direction: column; justify-content: space-around; height: 100%; min-height: 80px; } .related-blog-tile h2 { font-size: 14px; font-weight: 500; } .related-blog-tile .author { color: var(--text-on-paper-secondary); margin-top: 8px; } .sister-app-container { display: flex; flex-shrink: 1; border-radius: 12px; border: 1px solid var(--divider-on-paper-dark, #DBE3F2); background-color: var(--bg-paper); color: var(--text-on-paper-main, #161C32); transition: all .2s; text-decoration: none; overflow: clip; } .sister-app-card { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; padding: 12px 8px 12px 2px; color: var(--text-on-paper-secondary, #807D98); font-size: 14px; font-weight: 300; line-height: 18px; } .sister-card-header { color: var(--text-on-paper-main, #161C32); font-size: 14px; font-weight: 500; line-height: 18px; } .sister-app-card-img { width: 24px; height: 24px; margin-inline: 0 8px; } .dark-linear-container.from-side-nav.app { display: none; } @media screen and (max-width: 1620px) { .app-page-container { padding-inline: 329px 100px; } } @media screen and (max-width: 1320px) { .side-navigation.for-apps { display: none; } .app-page-content .breadcrumb-container { display: none; } .app-page-container { padding-inline: 16px; } #overview { padding-top: 32px; } .app-aside { margin-top: 0; } .dark-linear-container.from-side-nav.app { display: flex; margin-top: 0; } } @media screen and (max-width: 1024px) { .app-page-container .app-columns-wrapper.screen1024 { flex-direction: column; gap: 24px; } .app-main-column { flex-shrink: 1; } .app-aside { width: 270px; } } @media screen and (max-width: 744px) { .app-page-container .app-columns-wrapper { flex-direction: column; gap: 24px; } .app-header h2 { font-size: 24px; line-height: 28px; } .app-page-content h3 { margin-top: 16px; } .app-table { margin-top: 16px; } .app-aside { width: 100%; max-width: 552px; gap: 24px; } } @media screen and (max-width: 584px) { .app-aside { width: 100%; max-width: calc(100vw - 32px); } } #gallery { padding-top: 76px; } #gallery h3 { font-size: 24px; font-style: normal; font-weight: 600; line-height: 28px; margin-top: 0; } .gallery-content { display: flex; flex-direction: column; gap: 40px; } .gallery-item { display: flex; flex-direction: column; gap: 16px; } .gallery-item img { border-radius: 16px; } .video-container { position: relative; max-width: 100%; aspect-ratio: 16 /9; border-radius: 16px; overflow: hidden; } .video-container > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .supporting-gallery-wrapper { position: relative; max-width: 402px; width: 100% ; } .supporting-gallery { position: absolute; top: 0; bottom: 0; right: 0; width: 100%; display: flex; flex-direction: column; gap: 20px; max-width: 402px; padding: 0 30px; } .sup-gallery-image-wrapper { display: flex; flex-direction: column; gap: 20px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } .sup-gallery-image-wrapper img { border-radius: 16px; } .sup-gallery-image-wrapper::-webkit-scrollbar { display: none; } .gallery { display: flex; flex-direction: column; gap: 10px; justify-content: center; } .gallery .thumb { object-fit: cover; cursor: pointer; } @media screen and (max-width: 1024px) { .supporting-gallery-wrapper { max-width: initial; height: 235px; } .supporting-gallery { max-width: initial; padding: 0; } .sup-gallery-image-wrapper { overflow-x: auto; margin-top: 0; padding: 0 ; } .gallery { flex-direction: row; justify-content: start; } .gallery .thumb { min-width: 320px; } .sup-gallery-image-wrapper::before { display: none; } .sup-gallery-image-wrapper::after { display: none; } } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(0.9,0.9,0.9) !important; transform: scale3d(0.9,0.9,0.9)!important; opacity: 1; border-radius: 19px; } .lg-backdrop { background-color: #0B0D15ED!important; } .lg-toolbar { background-color: rgba(0, 0, 0, 0) !important; } .lg-outer .lg-thumb-outer { background-color: rgba(11, 13, 21, 0.54) !important; } .lg-sub-html { display: none; } @media screen and (max-width: 880px) { .lg-outer .lg-thumb-outer { display: none; } } .lg-actions .lg-prev::after, .lg-actions .lg-next::before, .lg-toolbar .lg-close::after { color: #1738E6; background: var(--button-on-primary,#ECF2FF); background-size: contain; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 32px; height: 32px; padding: 6px; border-radius: 40px; border: 0; } .lg-actions .lg-prev::after { content: ""; background-image: url("{{ "media/arrow-leftsvg" | relURL }}"); } .lg-actions .lg-next::before { content: ""; background-image: url("{{ "media/arrow-right.svg" | relURL }}"); } .lg-actions .lg-prev:hover::after, .lg-actions .lg-next:hover::before, .lg-toolbar .lg-close:hover::after { background: var(--button-on-primary-hover, #ECF2FF); } #how-work { display: flex; flex-direction: column; padding-top: 76px; max-width: 828px; } .how-work-container { display: flex; justify-content: space-between; gap: 16px; } .how-work-container > div:first-of-type { max-width: 544px; margin-bottom: 12px; } .how-work-table { display: flex; width: 544px; padding-bottom: 16px; flex-direction: column; align-items: flex-start; gap: 12px; border-radius: 16px; border: 1px solid var(--divider-on-paper); font-size: 18px; font-weight: 300; line-height: 22px; } .how-work-table.approval, .how-work-table.signature { max-width: 828px; width: auto; gap: 16px; } .how-work-table.approval > div, .how-work-table.signature > div { display: flex; padding-inline: 12px; min-height: 44px; align-items: center; } .how-work-table.signature > div > div:first-child { min-width: 220px; font-weight: 600; } .how-work-table.approval > div > div:first-child { min-width: 240px; font-weight: 600; } .how-work-table.approval > div > div:nth-child(2), .how-work-table.signature > div > div:nth-child(2) { color: var(--text-on-paper-secondary); font-weight: 300; } @media screen and (max-width: 880px) { .how-work-container { flex-direction: column; gap: 0; } .how-work-table { width: unset; max-width: 544px; } } @media screen and (max-width: 644px) { .how-work-table.approval > div, .how-work-table.signature > div { display: flex; flex-direction: column; padding-inline: 12px; min-height: 44px; align-items: flex-start; gap: 2px; } .how-work-table.approval > div img, .how-work-table.signature > div img { visibility: collapse; } } .how-work-table header { border-radius: 16px 16px 0 0; border-bottom: 1px solid var(--divider-on-paper-dark, #DBE3F2); background: var(--bg-extralight, #EBECEF); padding: 10px 12px; width: 100%; font-size: 18px; font-weight: 600; line-height: 22px; } .how-work-details { display: flex; width: 260px; height: 63px; align-items: flex-start; gap: 8px; flex-shrink: 0; font-size: 16px; font-style: normal; font-weight: 300; line-height: 20px; } .how-work-hero-container { display: flex; max-width: 827px; padding: 16px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px; border-radius: 16px; border: 1px solid var(--divider-on-paper-dark, #DBE3F2); background: var(--bg-extra-light, #EBEEFD); margin-top: 8px; } .how-work-hero-container h2 { font-size: 16px; font-weight: 500; line-height: 18px; } .how-work-hero-container img { border-radius: 16px; } #security { display: flex; flex-direction: column; padding-top: 76px; max-width: 828px; } .info-section { display: flex; gap: 8px; max-width: 828px; padding: 12px; align-items: center; flex-shrink: 0; border-radius: 12px; border: 1px solid var(--divider-on-paper-dark, #DBE3F2); background: var(--bg-extra-light, #EBEEFD); } .info-section p { font-size: 18px; font-weight: 600; line-height: 22px; } .success-section { max-width: 828px; padding: 12px 24px; border-radius: 16px; border: 1px solid var(--divider-on-paper-dark, #DBE3F2); } .success-section span svg { display: inline-block; vertical-align: text-top; width: 18px; height: 18px; margin-right: 4px; } .success-section p { display: inline; } .security-table { display: flex; gap: 24px; } .security-table-tile { display: flex; max-width: 402px; padding: 12px; border-radius: 12px; border: 1px solid var(--divider-on-paper-dark, #DBE3F2); } .security-table-tile h5 { font-size: 16px; font-weight: 500; line-height: 18px; margin-left: 8px; } .security-table-tile p { color: var(--text-on-paper-secondary, #807D98); font-size: 16px; font-weight: 300; line-height: 20px; padding: 4px 0 0 8px; } @media screen and (max-width: 880px) { .security-table { flex-direction: column; } } #use-cases { display: flex; flex-direction: column; padding-top: 76px; max-width: 828px; } .use-cases-table { display: flex; gap: 24px; } @media screen and (max-width: 880px) { .use-cases-table { flex-direction: column; } } .use-cases-table-tile { display: flex; gap: 16px; align-items: flex-start; max-width: 402px; padding: 12px 16px; border-radius: 12px; border: 1px solid var(--divider-on-paper-dark, #DBE3F2); font-size: 16px; font-weight: 300; line-height: 20px; } .use-cases-table-tile.hoverable:hover { cursor: pointer; background-color: var(--bg-extra-light-light); } .approval .use-cases-table-tile { align-items: center; font-size: 18px; font-weight: 600; line-height: 22px; } .bg-for-icon-big { display: flex; flex-shrink: 0; padding: 12px; align-items: center; gap: 4px; border-radius: 12px; background: #236BF9; } .bg-for-icon-big svg { color: white; } #key-benefits { display: flex; flex-direction: column; padding-top: 76px; max-width: 828px; } .benefits-table { display: flex; gap: 24px; margin-top: 12px; } @media screen and (max-width: 880px) { .benefits-table { flex-direction: column; } } .benefits-table-tile { display: flex; max-width: 402px; padding: 12px; border-radius: 12px; border: 1px solid var(--divider-on-paper-dark, #DBE3F2); gap: 8px; align-items: first baseline; font-size: 16px; font-weight: 300; line-height: 20px; } .benefits-table-tile.wide { max-width: 552px; } #reviews { display: flex; flex-direction: column; padding-top: 76px; max-width: 828px; } .reviews-container { display: flex; justify-content: space-between; gap: 16px; } .reviews-container > div:first-of-type { max-width: 544px; } .reviews-tiles-container { display: flex; width: 544px; padding-bottom: 16px; flex-direction: column; align-items: flex-start; gap: 12px; font-size: 16px; font-weight: 300; line-height: 20px; margin-top: 12px; } .reviews-tile { display: flex; padding: 16px; align-items: flex-start; gap: 16px; align-self: stretch; border-radius: 12px; border: 1px solid var(--divider-on-paper, #E8EDF7); } .initials { display: flex; flex-shrink: 0; width: 24px; height: 24px; justify-content: center; align-items: center; border-radius: 50%; padding: 4px; font-size: 11px; font-weight: 500; } .review-header { display: flex; flex-direction: column; gap: 4px; padding-bottom: 8px; border-bottom: 1px solid var(--divider-on-paper, #DBE3F2); color: var(--text-on-paper-secondary, #807D98); font-size: 14px; font-weight: 300; line-height: 18px; } .review-header.response { flex-direction: row; } .review-header > div:nth-of-type(2) { height: 12px; } .reviews-table { display: flex; flex-direction: column; width: 260px; height: 101px; align-items: center; justify-content: center; gap: 20px; flex-shrink: 0; font-size: 18px; font-style: normal; font-weight: 300; line-height: 22px; margin-top: 12px; border-radius: 16px; border: 1px solid var(--divider-on-paper, #DBE3F2); padding-bottom: 17px; } .reviews-table header { display: flex; padding: 10px 12px; justify-content: center; align-items: center; gap: 4px; align-self: stretch; border-radius: 16px 16px 0 0; border-bottom: 1px solid var(--divider-on-paper, #DBE3F2); font-size: 18px; font-weight: 600; line-height: 22px; } @media screen and (max-width: 880px) { .reviews-container { flex-direction: column; gap: 0; } .reviews-tiles-container { width: unset; max-width: 544px; } } #faqs { display: flex; flex-direction: column; padding-top: 76px; min-height: calc(100vh - 107px); } .question-tile { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; max-width: 828px; border-radius: 12px; border: 1px solid var(--divider-on-paper, #DBE3F2); font-size: 16px; font-weight: 300; line-height: 20px; } .question-tile-header { display: flex; justify-content: space-between; align-items: center; padding: 16px; color: var(--text-blue, #236BF9); font-size: 16px; font-weight: 500; line-height: 18px; width: 100%; } .question-tile-header:hover { cursor: pointer; } .question-tile-header .bg-for-icon { width: 24px; height: 24px; justify-content: center; } .question-tile-header .collapse-icon { color: #C5CBD6; } .question-tile-header.active .collapse-icon { transform: rotate(180deg); color: #161C32; } .expanded-content { display: none; flex-direction: column; gap: 12px; margin-left: 36px; padding: 0 16px 16px; } .question-tile .info-section { display: block; max-width: 350px; } .main-message { display: flex; flex-direction: column; height: calc(100% - 56px); overflow: auto; } .message-container { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; margin: auto; padding: 20px; width: 100%; max-width: 952px; max-height: 678px; height: 100%; border-radius: 20px; border: 1px solid var(--divider-on-paper-dark, #DBE3F2); background: var(--bg-paper, #FFF); box-shadow: 0 32px 48px 0 rgba(191, 196, 222, 0.32); } .message-container > div { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 20px; max-height: 475px; height: 100%; } .message-content { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 16px; color: var(--text-on-paper-main); font-size: 18px; font-weight: 300; line-height: 22px; text-align: center; max-width: 524px; max-height: 234px; height: 100%; } .message-content h2 { font-size: 32px; font-weight: 600; line-height: 40px; } @media screen and (max-width: 1024px) { .message-container { padding: 20px; border: none; box-shadow: none; } } @media screen and (max-width: 744px) { .message-content h2 { font-size: 24px; font-weight: 600; line-height: 40px; } } @media screen and (max-width: 440px) { .message-container img { display: none; } .message-container > div { max-height: 330px; } .message-content { max-height: unset; } } .img-inline { display: inline-block; width: 1.1em; height: 1.1em; vertical-align: -0.15em; } .page-with-side-navigation { display: flex; flex-direction: row; flex: 1; background: var(--bg-paper); height: 100%; overflow-y: auto; overflow-x: hidden; } .side-navigation { position: fixed; display: flex; flex-direction: column; gap: 12px; width: 260px; height: calc(100% - 84px); padding: 100px 24px; border-right: 1px solid var(--divider-on-paper); overflow-x: hidden; overflow-y: auto; } .side-navigation.for-apps { justify-content: space-between; gap: 4px; width: 309px; padding: 79px 24px 24px } .side-navigation > div:nth-child(2) { margin-block: auto; } .for-apps .dark-linear-container { width: 260px } .side-button { padding:13px 12px; border-radius:10px; display:flex; gap:12px; height:44px; font-size:16px; font-weight:500; line-height:18px; text-decoration:none; color:inherit } .side-button:hover { cursor:pointer } .side-button.active { background-color:var(--bg-extra-light,#EBEEFD); color: #004EEE; } .active-indicator { visibility:hidden; width:3px } .active-indicator.active { visibility:visible; width:3px; border-radius:8px; background-color:#004EEE; } .left-border { flex-shrink:0; background-color:lightgrey; width:6px } .pdf-export-for-jira .left-border, .pdf-export-for-confluence .left-border { background-color:#ff5f5f } .contract-signature-for-jira .left-border, .contract-signature-for-confluence .left-border { background-color:#00b6ea } .test-manager-for-jira .left-border { background-color:#0cb074 } .page-with-side-navigation .link { color: #236BF9; } .color-white { color: white; }}.page-with-side-navigation{display:flex;flex-direction:row;flex:1;background:var(--bg-paper);height:100%;overflow-y:auto;overflow-x:hidden}.side-navigation{position:fixed;display:flex;flex-direction:column;gap:12px;width:260px;height:calc(100% - 84px);padding:100px 24px;border-right:1px solid var(--divider-on-paper);overflow-x:hidden;overflow-y:auto}.side-navigation.for-apps{justify-content:space-between;gap:4px;width:309px;padding:79px 24px 24px}.side-navigation>div:nth-child(2){margin-block:auto}.for-apps .dark-linear-container{width:260px}.side-button{padding:13px 12px;border-radius:10px;display:flex;gap:12px;height:44px;font-size:16px;font-weight:500;line-height:18px;text-decoration:none;color:inherit}.side-button:hover{cursor:pointer}.side-button.active{background-color:var(--bg-extra-light,#EBEEFD);color:#004eee}.active-indicator{visibility:hidden;width:3px}.active-indicator.active{visibility:visible;width:3px;border-radius:8px;background-color:#004eee}.left-border{flex-shrink:0;background-color:lightgrey;width:6px}.pdf-export-for-jira .left-border,.pdf-export-for-confluence .left-border{background-color:#ff5f5f}.contract-signature-for-jira .left-border,.contract-signature-for-confluence .left-border{background-color:#00b6ea}.test-manager-for-jira .left-border{background-color:#0cb074}.page-with-side-navigation .link{color:#236bf9}.color-white{color:#fff}}