:root {
--white: white;
--black: black;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
.floating-message-top {
z-index: 2147483647;
justify-content: center;
align-items: center;
width: 100vw;
display: flex;
position: fixed;
inset: 2% auto auto;
}
.floating-message-top.spot-reserve-olostep {
display: none;
}
.success-link-copied {
z-index: 2147483647;
background-color: #18c37d;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 360px;
max-width: none;
height: auto;
padding: 8px 12px;
display: flex;
position: static;
inset: 4% 40% auto;
}
.image-586 {
width: 1rem;
height: 1rem;
}
.text-block-401 {
color: #fff;
margin-left: 8px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
line-height: 24px;
}
.auth-shops-signupmodal {
z-index: 1000000000;
background-color: #c1c9d2b3;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: fixed;
inset: 0%;
overflow: scroll;
}
.auth-shops-signupmodal.mainpage {
background-color: #c1c9d2;
display: none;
}
.div-block-994 {
color: #4e4e4e;
background-color: #fff;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 450px;
height: auto;
max-height: none;
padding-top: 20px;
padding-bottom: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
display: flex;
box-shadow: 0 7px 14px #3c425714, 0 3px 6px #0000001f;
}
.loader-auth-redirect {
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 200px;
min-height: 200px;
display: flex;
}
.lottie-animation-30 {
width: 100px;
}
.lottie-animation-30.invite {
width: 60px;
}
.text-block-343 {
margin-top: 10px;
}
.button-150 {
color: #fff;
text-align: center;
background-color: #161616;
border: 2px solid #161616;
border-radius: .5rem;
padding: .75rem 1.5rem;
font-size: 1rem;
font-weight: 500;
line-height: 1;
transition: all .2s;
}
.button-150:hover {
background-color: #2e2e2e;
border-color: #0000;
}
.button-150.button-large {
padding: 1rem 2rem;
font-size: 1.125rem;
}
.button-150.button-large.max-width-full-mobile-portrait.main-color {
background-color: #635bff;
border-width: 0;
border-color: #635bff;
justify-content: center;
align-items: center;
padding: 1rem 1.5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .9rem;
font-weight: 500;
display: flex;
box-shadow: 0 2px 5px #0003;
}
.button-150.button-large.max-width-full {
margin-top: 20px;
}
.button-150.button-large.max-width-full.purple {
background-color: #635bff;
border-width: 1px;
}
.button-150.button-large.max-width-full.purple.credits {
cursor: pointer;
background-color: #161616;
margin-top: 0;
margin-bottom: 10px;
font-size: 14px;
display: block;
}
.button-150.button-large.max-width-full.purple.credits.home-page {
color: #c9c9c9;
background-color: #3b3b3b;
}
.libraries-faq_icon {
align-self: flex-start;
width: 2rem;
margin-left: 1.5rem;
}
.section_libraries-usecases {
justify-content: center;
align-items: center;
margin-top: 100px;
display: none;
}
.libraries-usecases_card2 {
background-color: #f5f6f8;
border: 1px solid #f5f6f8;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
padding: 3.5rem 3.5rem 0;
display: flex;
position: relative;
overflow: hidden;
}
.italic-text-3 {
color: #0a76cf;
font-style: normal;
text-decoration: underline;
}
.heading-large-2 {
letter-spacing: -.02em;
font-size: 2.25rem;
font-weight: 500;
line-height: 1.2;
}
.heading-xhuge {
font-size: 4rem;
font-weight: 500;
line-height: 1.2;
}
.heading-xhuge.notsohuge {
font-size: 2.5rem;
}
.heading-xhuge.notsohuge.pricing-page {
font-weight: 700;
}
.heading-xhuge.notsohuge.home-page {
margin-top: 0;
font-weight: 700;
}
.text-color-grey {
color: #161616bf;
}
.text-color-grey.text-size-medium {
text-align: left;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
line-height: 26px;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.libraries-header_image-wrapper {
background-color: #f5f6f8;
background-image: url('../images/noise.png');
background-position: 0 0;
background-size: 18.75rem;
background-attachment: fixed;
border-radius: 1.5rem;
padding-top: 3rem;
padding-bottom: 3rem;
overflow: hidden;
}
.libraries-header_image-inner-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: max-content max-content max-content;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
display: grid;
}
.text-span-209 {
color: #161616bf;
text-decoration: underline;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.libraries-faq_expand-wrapper {
height: auto;
position: relative;
overflow: hidden;
}
.libraries-pricing_tabs {
flex-direction: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.text-size-large-2 {
text-align: left;
font-size: 1.25rem;
}
.text-size-large-2.text-align-center {
text-align: center;
margin-top: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.3rem;
line-height: 33px;
}
.text-block-425 {
color: #fff;
margin-left: 5px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12.5px;
font-weight: 500;
}
.libraries-header_image {
filter: brightness(98%);
border-radius: .5rem;
width: 61.25rem;
box-shadow: 0 16px 2.5rem #0000000d;
}
.global-styles-6 {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.text-weight-medium {
font-weight: 500;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom.padding-xxhuge.max {
max-width: 1024px;
}
.libraries-usecases_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
}
.image-630 {
width: 100px;
}
.link-block-74 {
display: none;
}
.nav_container {
justify-content: space-between;
align-items: center;
display: flex;
}
.button-secondary-3 {
color: #000;
text-align: center;
background-color: #fff;
border: 2px solid #000;
border-radius: .5rem;
padding: .75rem 1.5rem;
font-weight: 500;
line-height: 1;
transition: all .2s;
}
.button-secondary-3:hover {
background-color: #d8d5d1;
}
.button-secondary-3.button-large {
padding: 1rem 2rem;
font-size: 1.125rem;
}
.button-secondary-3.button-large.max-width-full {
margin-top: 20px;
}
.button-secondary-3.button-large.max-width-full.newui {
border-width: 1px;
}
.heading-huge {
text-align: left;
width: 100%;
font-size: 3.5rem;
font-weight: 500;
line-height: 1.2;
}
.heading-huge.not {
font-size: 34px;
}
.heading-huge.credits {
margin-bottom: 10px;
font-size: 20px;
}
.libraries-pricing_tabs-menu {
background-color: #fff;
border-radius: .75rem;
align-self: center;
margin-bottom: 2rem;
padding: .5rem;
}
.libraries-pricing_tabs-menu.montly-yearly, .libraries-pricing_tabs-menu.hidden, .libraries-pricing_tabs-menu.pricing-page {
display: none;
}
.section_libraries-featured {
justify-content: center;
align-items: center;
display: none;
}
.logo-company-using-ol {
box-shadow: none;
border-radius: 10%;
width: 150px;
margin-left: 0;
margin-right: 50px;
}
.logo-company-using-ol.leya {
width: 120px;
}
.logo-company-using-ol.agent {
margin-right: 15px;
}
.logo-company-using-ol.lastmob.lessdi {
margin-left: 10px;
margin-right: 17px;
}
.logo-company-using-ol.lastmob.khoj {
width: 90px;
margin-right: 10px;
}
.logo-company-using-ol.first {
margin-left: 50px;
}
.logo-company-using-ol.first.hidden {
display: none;
}
.logo-company-using-ol.otto {
opacity: .9;
width: 85px;
margin-bottom: 5px;
margin-right: 30px;
}
.libraries-faq_accordion {
border-top: .0625rem solid #16161626;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.paragraph-250 {
margin-bottom: 0;
margin-right: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.paragraph-250.parser {
margin-top: 15px;
}
.paragraph-249 {
color: #333c;
text-align: center;
margin-top: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
line-height: 28px;
}
.paragraph-249.main {
color: #333;
margin-top: 5px;
margin-bottom: 30px;
font-size: 18px;
font-weight: 400;
}
.main-wrapper-4 {
min-height: 70vh;
margin-top: 78px;
display: block;
}
.libraries-usecases_image {
width: 100%;
}
.libraries-usecases_image.rel {
z-index: 10;
position: relative;
top: -20px;
left: 30px;
}
.libraries-usecases_image.lio {
width: 95%;
}
.libraries-usecases_image.lio.new {
width: 60%;
margin-top: 20px;
}
.libraries-usecases_image.newui {
border-radius: 10px;
max-width: 80%;
margin-top: 20px;
}
.text-block-442 {
text-align: center;
font-size: 34px;
}
.libraries-usecases_card3 {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
background-color: #f5f6f8;
border: 1px solid #f5f6f8;
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 0;
margin-bottom: 30px;
padding: 3.5rem;
display: grid;
}
.page-wrapper-6 {
display: block;
overflow: hidden;
}
.page-wrapper-6.sticky-on-page {
overflow: visible;
}
.libraries-pricing_starter-plan-outline {
background-image: linear-gradient(103deg, #ff7448, #ff4848 50%, #6248ff 97%);
border-radius: 1.125rem;
padding: .1875rem;
}
.libraries-featured_component {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: #e9d7fe;
background-image: url('../images/untitled-bg2.svg');
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 0 0 0 3.5rem;
display: grid;
position: relative;
overflow: hidden;
}
.nav-logo_link.main-page {
width: auto;
height: auto;
}
.max-width-medium {
width: 100%;
max-width: 35rem;
}
.libraries-pricing_tab-link {
color: #161616a6;
background-color: #fff;
border-radius: .5rem;
margin-left: 3px;
padding: .5rem 1rem;
font-weight: 500;
transition: all .2s;
}
.libraries-pricing_tab-link:hover {
background-color: #f1f0ee;
}
.libraries-pricing_tab-link.w--current {
color: #fff;
background-color: #161616;
}
.libraries-pricing_tab-link.hidden {
display: none;
}
.page-padding-5 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.page-padding-5.max {
max-width: 1024px;
padding-left: 0;
padding-right: 0;
}
.nav-component {
z-index: 1;
background-color: #0000;
padding: 1rem 2.5rem;
}
.nav-component.mellowtel {
padding-top: .5rem;
position: static;
}
.nav-component.mellowtel.home-page {
z-index: 99;
background-color: #fdfbfbfa;
padding-left: 0;
padding-right: 0;
position: fixed;
inset: 0% 0% auto;
}
.nav-component.mellowtel.home-page.main-page {
background-color: #fffffffa;
border-bottom: 1.2px solid #f5f6f8;
padding-top: .2rem;
padding-bottom: .8rem;
}
.nav-component.mellowtel.home-page.main-page.newui {
justify-content: center;
align-items: stretch;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.nav-component.original {
display: none;
}
.libraries-header_heading {
letter-spacing: -.03em;
font-size: 4.4rem;
font-weight: 500;
line-height: 1.2;
}
.libraries-featured_text-wrapper {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.text-align-center-2 {
text-align: center;
}
.libraries-usecases_card-overlay {
z-index: 1;
background-image: linear-gradient(#0000, #d8d5d1);
height: 8rem;
position: absolute;
inset: auto 0% 0%;
}
.text-block-443 {
color: #333333b3;
margin-top: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13.4px;
display: none;
}
.nav_menu {
align-items: center;
display: flex;
}
.nav_menu.main-page.newui {
position: static;
}
.libraries-pricing_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.text-style-link {
text-decoration: underline;
}
.heading-small {
letter-spacing: -.02em;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4;
}
.image-631 {
position: absolute;
left: 0;
}
.libraries-usecases_text-label {
letter-spacing: .02em;
text-transform: uppercase;
background-color: #fff;
border: .125rem solid #000;
border-radius: .5rem;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 700;
display: inline-block;
box-shadow: 2px 3px #000;
}
.paragraph-251 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 26px;
}
.libraries-faq_layout {
grid-column-gap: 3rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.section_libraries-faq {
justify-content: center;
align-items: center;
margin-top: 100px;
display: flex;
}
.button-wrapper-2 {
margin-top: 1rem;
margin-right: 1rem;
}
.button-wrapper-2.button-wrapper-center {
margin-left: .5rem;
margin-right: .5rem;
}
.button-wrapper-2.button-wrapper-center.max-width-full-mobile-portrait {
margin-top: 0;
}
.libraries-faq_component {
margin-top: 40px;
}
.libraries-pricing_title-wrapper {
justify-content: space-between;
align-items: flex-start;
margin-bottom: .75rem;
display: flex;
}
.div-block-1157 {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.libraries-pricing_feature-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: .5rem;
padding-bottom: .5rem;
display: grid;
}
.section_libraries-header.overflow-hidden {
padding-bottom: 55px;
overflow: hidden;
}
.section_pricing {
margin-top: 60px;
}
.section_pricing.central {
justify-content: center;
align-items: center;
margin-top: 70px;
margin-bottom: 50px;
padding-left: 9rem;
padding-right: 9rem;
display: flex;
}
.libraries-faq_question {
cursor: pointer;
border-radius: .75rem;
justify-content: space-between;
align-items: center;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
transition: background-color .2s;
display: flex;
}
.libraries-pricing_list-item {
align-items: flex-start;
display: flex;
}
.button-row {
flex-wrap: wrap;
align-items: center;
display: flex;
}
.button-row.button-row-center {
justify-content: center;
}
.div-block-1158 {
opacity: .7;
align-items: center;
display: flex;
}
.menu-button {
display: none;
}
.section-companies-using {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 100px;
margin-bottom: 10px;
padding-top: 40px;
display: flex;
}
.div-block-1142 {
cursor: pointer;
background-color: #2d3239;
border-radius: 3px;
align-items: center;
height: 25px;
margin-right: 10px;
padding: 5px 10px;
display: flex;
}
.libraries-header_heading-wrapper {
text-align: center;
justify-content: center;
width: 100%;
padding-bottom: 2.5rem;
}
.preloader {
z-index: 9999;
background-color: #f1f0ee;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.tick-icon {
align-self: flex-start;
margin-right: .75rem;
}
.libraries-usecases_card1 {
background-color: #f5f6f8;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
padding: 3.5rem 3.5rem 0;
display: flex;
position: relative;
overflow: hidden;
}
.libraries-featured_image {
margin-top: 2.5rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-small.example {
margin-top: 20px;
}
.libraries-pricing_layout {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
padding: 5px;
display: flex;
}
.heading-xxlarge {
letter-spacing: -.02em;
font-size: 3rem;
font-weight: 500;
line-height: 1.2;
}
.libraries-faq_list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-bottom: .0625rem solid #16161626;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: start stretch;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
display: grid;
}
.libraries-pricing_divider {
background-color: #16161626;
width: 100%;
height: .0625rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.libraries-pricing_plan {
background-color: #e4e2df;
border-radius: 1rem;
height: 100%;
padding: 2rem;
}
.libraries-pricing_plan.starter-plan {
background-color: #fff;
padding: 1.8125rem;
}
.libraries-pricing_plan.starter-plan.bigger {
width: 100%;
min-width: 220px;
padding-left: 1rem;
padding-right: 1rem;
}
.libraries-pricing_plan.pro-plan {
background-color: #fff;
border: 1px solid #f5f6f8;
padding-left: 1rem;
padding-right: 1rem;
box-shadow: 0 2px 10px #00000021;
}
.libraries-pricing_plan.pro-plan.growth {
display: none;
}
.container-large-5 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-block-424 {
cursor: pointer;
border-bottom: 1px dashed #0000;
margin-right: 17px;
padding-left: 5px;
padding-right: 5px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13.9px;
font-weight: 600;
}
.text-block-424:hover {
border-bottom-width: 1px;
border-bottom-color: #4e4e4ecc;
}
.libraries-faq_answer {
overflow: hidden;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-large {
flex-direction: column;
align-items: center;
padding-bottom: 100px;
display: flex;
}
.nav_logo-3 {
width: 128px;
}
.libraries-header_component {
flex-direction: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-xxlarge.tran {
justify-content: center;
align-items: center;
display: flex;
}
.margin-bottom.margin-xxlarge.tran.main, .margin-bottom.margin-xxlarge.tran.pricing-page {
margin-bottom: 40px;
}
.text-size-medium-2 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
}
.text-size-medium-2.text-color-darkgrey {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.text-span-210 {
color: #0048ce;
text-decoration: underline;
}
.heading-medium {
letter-spacing: -.02em;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.3;
}
.text-rights-short {
color: #1e283380;
text-align: right;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-decoration: none;
display: block;
}
.div-block-1134.limit-h {
height: 10px;
}
.footer-horizontal {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-horizontal.pricing-page {
margin-top: 40px;
}
.footer-link-centre {
color: #1e2833;
margin-left: 14px;
margin-right: 14px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: block;
}
.footer-link-centre:hover {
color: #5e4dcd;
}
.footer-block {
width: 30%;
}
.footer-block.imag-op {
align-items: center;
display: flex;
}
.image-607 {
margin-top: 6px;
margin-left: 10px;
}
.image-607.hidde-footer {
display: none;
}
.footer-08 {
background-color: #fff;
padding: 40px 3%;
}
.footer-08.greycolor {
padding-bottom: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.footer-link-wrap-short {
white-space: nowrap;
align-items: center;
margin-right: 20px;
display: flex;
}
.container-16 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: block;
}
.text-block-444, .text-block-445, .text-block-446, .text-block-447, .text-block-448, .text-block-449 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.body {
color: #181412;
background-color: #151110;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.body.white {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
background-color: #fff;
border: 1px solid #fffdfd;
justify-content: center;
align-items: center;
margin-top: 0;
}
.main-div {
background-color: #181412;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: block;
}
.section {
background-color: #181412;
min-height: 2000px;
}
.div-block-1159 {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: center;
align-items: center;
max-width: 450px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: flex;
}
.image {
width: auto;
height: auto;
}
.text-block-450 {
color: #f2e7e2;
text-align: left;
min-height: auto;
font-size: 38px;
line-height: 50px;
}
.text-block-450.black {
color: #181412;
font-weight: 700;
position: relative;
left: -20px;
}
.div-block-1160 {
min-height: auto;
line-height: 50px;
}
.search-bar {
background-color: #181412;
border: 2px solid #342f2e;
border-radius: 6px;
flex-flow: column;
justify-content: center;
align-items: center;
min-width: 700px;
max-width: 100%;
min-height: 50px;
margin-top: 0;
display: flex;
position: static;
}
.search-bar.white {
background-color: #fff;
border-width: 1px;
border-color: #a8a29d69;
border-radius: 15px;
min-height: 25px;
padding: 7px;
box-shadow: 0 2px 5px #0000000f;
}
.search-bar.white.chat-started {
position: absolute;
}
.search-bar.white.aristotle {
border-radius: 18px;
}
.mistral-footer {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
position: static;
inset: auto 0% 19%;
}
.div-block-1162 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
display: flex;
}
.paragraph-252 {
color: #a8a29d;
font-size: 25px;
line-height: 21px;
}
.paragraph-252.model-name {
margin-bottom: 0;
font-size: 17px;
line-height: 20px;
}
.paragraph-252.model-name.aristotle {
font-size: 16px;
line-height: 18px;
}
.div-block-1163 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 20px;
padding-left: 10px;
display: flex;
}
.no-results {
grid-column-gap: 20px;
grid-row-gap: 20px;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
color: #fff;
text-align: left;
background-color: #fff;
border: 1px solid #f5f5f5;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 0;
padding: 0;
font-size: 16px;
font-weight: 800;
line-height: 1.1;
text-decoration: none;
transition: background-color .325s ease-out;
display: block;
}
.no-results:hover {
text-decoration: none;
}
.form-block-28 {
background-color: #0000;
border: 0 solid #fff;
border-radius: 0;
min-width: 100px;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.form-block-28:active, .form-block-28:focus {
border: 0 solid #f90;
}
.install-extension-please {
background-color: #fff;
border: 1px solid #f2f6ff;
border-top-width: 0;
width: 100%;
min-height: 200px;
padding: 2px;
display: none;
box-shadow: 0 1px 1px #00000042;
}
.list-19 {
margin-top: 10px;
list-style-type: none;
display: none;
}
.text-block-229 {
color: #4e4e4e;
width: 100%;
margin-left: 10px;
font-family: PT Serif, serif;
font-size: 13px;
font-weight: 400;
overflow: hidden;
}
.text-block-229.searchresult {
z-index: 0;
width: auto;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16.4px;
position: relative;
}
.image-381 {
z-index: 0;
border-radius: 5px;
position: relative;
left: -60px;
}
.button-112 {
background-color: #754dff;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
font-family: PT Serif, serif;
font-size: 15px;
font-weight: 700;
display: flex;
}
.search-cms-wrapper {
color: #fff;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
width: 100%;
max-height: none;
margin-left: auto;
margin-right: auto;
padding: 0;
display: none;
position: absolute;
overflow: auto;
}
.image-367 {
width: 18px;
height: 18px;
}
.image-367.small-search {
opacity: .9;
width: 10px;
height: 10px;
}
.div-block-833 {
cursor: pointer;
align-items: center;
margin-top: 0;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
display: flex;
}
.search-input-2 {
color: var(--white);
background-color: #181412;
border: 1px #000;
border-radius: 5px 30px 30px 5px;
min-width: 600px;
height: auto;
min-height: 39px;
margin-bottom: 0;
margin-left: 0;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
font-size: 15px;
}
.search-input-2:active {
border-width: 0;
}
.search-input-2:focus {
border-style: none;
border-width: 0;
}
.search-input-2.white {
color: var(--black);
background-color: #fff;
justify-content: flex-start;
align-items: center;
min-width: 560px;
min-height: auto;
max-height: 40px;
margin-left: 5px;
margin-right: 45px;
font-size: 17px;
display: block;
}
.search-input-2.white.aristotle {
font-size: 16px;
}
.div-block-846 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 500px;
height: 100%;
min-height: 150px;
display: flex;
}
.div-block-847 {
max-width: 300px;
}
.div-block-832 {
background-color: #f6f9fcb5;
border-radius: 200px;
justify-content: center;
align-items: center;
width: 22px;
height: 22px;
display: flex;
}
.div-block-832.no-link {
display: none;
}
.link-block-go {
cursor: pointer;
justify-content: flex-start;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
display: none;
}
.search-form {
background-color: #0000;
border-radius: 0;
padding-left: 10px;
position: relative;
}
.search-form:active, .search-form:focus {
border: 0 solid #f90;
}
.list-item-36 {
display: block;
}
.search-input-wrapper {
background-color: #181412;
border: 1px #000c;
border-radius: 200000px;
flex-direction: row;
justify-content: center;
align-items: center;
min-height: 0;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.search-input-wrapper.white {
background-color: #fff;
padding-top: 0;
}
.search-icon {
z-index: 0;
opacity: 1;
width: 17px;
height: 17px;
margin-left: 0;
position: static;
inset: 30% 2% auto auto;
}
.search-icon.bigger {
width: 24px;
height: 24px;
}
.search-icon.bigger.first.soph {
opacity: .5;
width: 21px;
height: 21px;
}
.search-icon.bigger.first.soph.original {
display: block;
}
.search-icon.bigger.first.soph.original.stark {
opacity: 1;
}
.search-icon.bigger.second {
display: block;
}
.send-icon {
cursor: pointer;
background-color: #f2f6ff;
border-left: .5px solid #4e4e4e;
border-radius: 2px 0 0 2px;
justify-content: center;
align-items: center;
min-width: 44px;
min-height: 44px;
display: flex;
position: absolute;
top: 0%;
right: 0%;
}
.send-icon.lrigh {
background-color: #181412;
border-left-color: #4e4e4e24;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
min-width: 39px;
min-height: 39px;
display: flex;
}
.send-icon.lrigh.stop-generating {
flex-flow: column;
min-width: 39px;
min-height: 39px;
display: block;
}
.send-icon.lrigh.white {
background-color: #ffe8d6;
border: 1px solid #fecda9;
border-radius: 3px;
}
.send-icon.lrigh.white.opaque {
opacity: .7;
border-radius: 10px;
min-width: 37px;
min-height: 37px;
margin-top: 5px;
position: absolute;
top: auto;
bottom: 1px;
right: 0;
}
.send-icon.lrigh.white.opaque.main-page {
background-color: #f5f6f8;
border-color: #635bff;
bottom: 3.6px;
right: 5px;
}
.send-icon.lrigh.white.stop {
min-width: 37px;
min-height: 37px;
display: none;
top: 0%;
bottom: 1px;
}
.div-block-845 {
box-shadow: none;
background-color: #fff;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 200px;
padding: 20px;
display: flex;
}
.paragraph-167 {
color: #4e4e4e;
font-family: PT Serif, serif;
font-size: 15px;
font-weight: 400;
}
.heading-216 {
color: #4e4e4ee0;
font-family: PT Serif, serif;
font-size: 27px;
}
.image-380 {
z-index: 10;
width: 80px;
max-width: none;
height: 80px;
position: relative;
}
.div-block-1164 {
border-right: 2px solid #342f2e;
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.div-block-1164.white {
border-right-width: 1px;
border-right-color: #a8a29d69;
}
.div-block-1165 {
margin-top: 5px;
}
.paragraph-253 {
color: #a8a29d;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
}
.le-chat-noir {
margin-bottom: 40px;
display: block;
}
.chat-interface {
justify-content: center;
align-items: flex-start;
width: 760px;
height: 80vh;
min-height: 50px;
max-height: 80vh;
margin-top: 0;
margin-bottom: 0;
padding-top: 60px;
padding-bottom: 20px;
padding-right: 0;
display: flex;
position: relative;
top: 0;
overflow: scroll;
}
.user-avatar {
color: #342f2e;
background-color: #342f2e;
border: 0 solid #342f2e;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
}
.user-avatar.white {
background-color: #e4e4e7;
}
.text-block-451 {
color: #fff;
font-size: 12px;
font-weight: 700;
}
.text-block-451.white {
color: #a1a1aa;
}
.div-chat-item {
margin-top: 40px;
display: flex;
}
.div-chat-item.first {
margin-top: 0;
margin-bottom: 0;
}
.div-chat-item.mistral {
margin-top: 20px;
}
.display-text {
color: #fff;
margin-left: 40px;
}
.display-text.mistral {
color: #d4d4d4;
width: 95%;
margin-left: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 28px;
display: none;
}
.display-text.mistral.white {
color: #18181b;
width: 93%;
font-weight: 400;
display: block;
}
.display-text.user {
width: auto;
max-width: 90%;
margin-top: 5px;
margin-left: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 19px;
line-height: 24px;
}
.display-text.user.white {
color: #18181b;
font-size: 16px;
}
.image-632 {
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
margin-left: 0;
}
.image-632.aristotle {
width: 30px;
min-width: 28px;
height: 30px;
min-height: 28px;
}
.user-avatar-blck {
flex-flow: column;
display: flex;
}
.div-block-1169 {
background-color: #292524;
width: 1px;
height: 40px;
display: none;
position: relative;
top: 0;
left: 13px;
}
.div-block-1169.longer {
height: 400px;
top: 1px;
left: 9px;
}
.mistral-avatar {
margin-left: 5px;
}
.mistral-avatar.aristotle {
width: auto;
font-size: 14px;
}
.tool-mistral-header {
cursor: auto;
align-items: center;
margin-bottom: 8px;
margin-left: 20px;
display: flex;
}
.olostep-browser-status-txt {
color: #aaa;
margin-right: 4px;
font-size: 15px;
}
.olostep-browser-status-txt.white {
color: #18181b;
}
.loading-results {
width: 28px;
margin-top: -2px;
margin-left: 5px;
display: block;
}
.loading-results.original {
margin-top: -2px;
display: block;
}
.loading-results.favicon {
width: 70px;
max-width: none;
}
.image-633 {
width: 800px;
display: none;
}
.results-available {
width: 20px;
height: 20px;
margin-left: 2px;
display: none;
}
.tool-mistral {
max-width: 320px;
display: none;
}
.tool-mistral-body {
border: 1px solid #292524;
border-radius: 10px;
width: 700px;
min-height: 0;
margin-top: 10px;
margin-left: 20px;
display: none;
}
.list-item-37 {
border: 0 solid #000;
}
.source-block {
cursor: pointer;
border-bottom: 1px solid #292524;
border-radius: 10px 10px 0 0;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
height: auto;
padding: 10px 20px;
display: flex;
}
.source-block.last {
border-bottom-width: 0;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.source-list {
margin-bottom: 0;
}
.favicon-src {
width: 17px;
height: 17px;
}
.title-src {
color: #d6d6d6;
margin-left: 15px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.div-block-1172 {
display: flex;
}
.open-link-img {
width: 20px;
height: 20px;
display: none;
}
.source-link {
width: 100%;
text-decoration: none;
}
.hidden-submit {
display: none;
}
.paragraph-254 {
color: #949494;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px;
}
.chat-list {
min-width: 97%;
max-width: 97%;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.user-item {
margin-top: 0;
margin-bottom: 50px;
display: none;
}
.mistral-item {
margin-bottom: 50px;
display: none;
}
.image-635 {
width: 24px;
}
.suggestions-mistral {
justify-content: center;
align-items: center;
width: 700px;
min-height: 30px;
margin-top: 20px;
margin-bottom: 0;
display: flex;
}
.suggestions-mistral.project-mistral {
opacity: 1;
margin-top: 20px;
display: flex;
}
.suggestions-mistral.project-mistral.mobile {
display: none;
}
.suggestions-mistral.project-mistral.desktop {
opacity: 1;
position: relative;
}
.sugg-item {
cursor: pointer;
background-color: #fff;
border: 1px solid #a8a29d69;
border-radius: 50px;
justify-content: center;
align-items: center;
width: auto;
min-width: 110px;
height: auto;
margin-right: 10px;
padding: 8px;
display: flex;
box-shadow: 0 0 10px #00000017;
}
.sugg-item.project_mistral {
border-radius: 45px;
padding-top: 10px;
padding-bottom: 10px;
}
.text-block-452 {
color: #676767;
padding-left: 1px;
padding-right: 1px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13px;
}
.div-block-552 {
margin-top: 30px;
padding-top: 5px;
padding-bottom: 5px;
display: none;
}
.div-block-552.onmenu {
margin-top: 20px;
display: block;
}
.image-254 {
opacity: .96;
color: #fff;
cursor: pointer;
background-color: #0000;
width: 14px;
max-width: 100%;
height: 14px;
line-height: 20px;
}
.heading-171 {
color: #4e4e4e;
font-family: PT Serif, serif;
font-size: 40px;
font-weight: 400;
line-height: 38px;
}
.div-block-594 {
padding-bottom: 0;
padding-left: 60px;
}
.header-block-premium {
outline-offset: 0px;
color: #fcfcfc;
border-bottom: .5px solid #4e4e4e52;
outline: .1px solid #cecece;
justify-content: space-between;
align-items: flex-end;
width: 100%;
margin-top: 0;
margin-bottom: 10px;
padding: 15px 20px;
display: flex;
position: fixed;
box-shadow: 0 .25px 2px .25px #00000008;
}
.div-block-553 {
border: 1px solid #4e4e4e;
border-radius: 4px;
flex-direction: row;
width: 400px;
margin-top: 0;
padding: 8px 5px;
display: flex;
}
.div-block-553.menu {
justify-content: center;
align-items: center;
width: 340px;
}
.div-block-595 {
padding-top: 20px;
padding-left: 60px;
}
.form-17 {
width: 500px;
max-width: 500px;
}
.source-div {
z-index: 10000;
background-color: #fff;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
flex-direction: column;
align-items: stretch;
width: 50vw;
height: 100%;
display: block;
position: absolute;
inset: 0% 0% 0% auto;
transform: translate(1400px);
box-shadow: 0 1px 28px 2px #0000001f;
}
.source-div.original {
z-index: 2147483647;
box-shadow: none;
outline-offset: 0px;
color: #181412;
background-color: #fff;
border-left: 1px solid #e2e2e252;
outline: .25px solid #cecece;
justify-content: flex-start;
align-items: center;
width: 27vw;
display: none;
overflow: hidden;
transform: translate(0);
}
.paragraph-131 {
color: #4e4e4ed4;
max-width: 500px;
margin-top: 0;
margin-bottom: 0;
padding-top: 15px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 18px;
line-height: 25px;
}
.text-field-29 {
border: 1px solid #000;
}
.text-block-131 {
font-family: PT Serif, serif;
font-weight: 700;
}
.text-block-131.menu1 {
font-size: 16px;
}
.heading-172 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: PT Serif, serif;
}
.div-block-554 {
flex-direction: column;
margin-left: 20px;
display: flex;
}
.text-block-130 {
font-size: 12px;
line-height: 15px;
}
.text-block-130.menu {
font-size: 14px;
}
.button-90 {
color: #4e4e4e;
text-align: center;
background-color: #fff;
border: 1px solid #4e4e4e;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 150px;
font-weight: 700;
display: flex;
}
.div-block-596 {
background-color: #2bc35f;
border-bottom-left-radius: 4px;
align-items: center;
height: 50px;
padding-left: 40px;
display: none;
position: absolute;
inset: auto 0% 0%;
}
.image-255 {
display: none;
}
.paragraph-255 {
color: #2c2c2c;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
}
.list-item-38 {
color: #f3efee;
background-color: #fff;
}
.single-source-div {
cursor: pointer;
border-radius: 10px;
flex-flow: column;
min-height: 50px;
margin-left: 7px;
margin-right: 7px;
padding: 8px 15px 8px 5px;
display: block;
}
.div-block-1174 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 2px;
padding-bottom: 2px;
padding-left: 4px;
display: flex;
}
.paragraph-256 {
color: #fff;
flex-flow: column;
margin-bottom: 0;
font-size: 12px;
line-height: 15px;
display: flex;
}
.paragraph-256.white {
color: #000;
}
.heading-217 {
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 15px;
}
.heading-217.white {
color: #000;
}
.div-block-1175 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 0;
padding-left: 5px;
display: flex;
}
.paragraph-257 {
color: #b3b3b3;
margin-bottom: 0;
padding-top: 2px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13.5px;
font-weight: 200;
line-height: 20px;
}
.paragraph-257.white {
color: #5d5d5d;
}
.list-item-39 {
margin-top: 0;
padding-top: 3.5px;
padding-bottom: 3.5px;
display: none;
}
.list-20 {
margin-top: 60px;
padding-left: 5px;
padding-right: 5px;
display: block;
}
.conversation-screen {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: none;
}
.div-block-1177 {
display: flex;
}
.text-span-211 {
color: #a8a29d;
text-decoration: none;
}
.link {
text-decoration: none;
}
.favicon-img {
border-radius: 50%;
width: 16px;
min-width: 16px;
height: 16px;
min-height: 16px;
}
.favicon-img.analyze {
border-radius: 50%;
width: 18px;
min-width: 18px;
height: 18px;
min-height: 18px;
}
.image-wrapper {
background-color: #fff;
border: .5px solid #e2e2e252;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 16.8px;
height: 16.8px;
padding: .4px;
display: flex;
}
.image-wrapper.analyze {
border-color: #c4c4c4;
width: 18.8px;
height: 18.8px;
margin-left: 5px;
position: absolute;
}
.logo-mistral {
background-color: #fff;
width: 130px;
}
.logo-mistral.aristotle {
background-color: var(--white);
opacity: .93;
color: #fff;
border-radius: 0;
width: 100px;
}
.image-637 {
cursor: pointer;
background-color: #fafaf9;
border-radius: 20px;
box-shadow: 0 0 #0003;
}
.paragraph-258 {
color: #3d3d3d;
max-width: 200px;
margin-bottom: 0;
margin-left: 5px;
font-size: 30px;
font-weight: 700;
line-height: 32px;
}
.body-2 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.disclaimer-refresh-desktop {
justify-content: center;
align-items: stretch;
width: 95%;
max-width: 700px;
margin-top: 10px;
display: flex;
}
.paragraph-259 {
color: #a8a29d;
-webkit-text-stroke-color: #a8a29d;
padding-right: 2px;
font-size: 12px;
}
.div-block-1179 {
margin-top: 5px;
}
.suggestions-list {
opacity: 1;
justify-content: center;
align-items: flex-start;
width: auto;
min-width: 740px;
height: 210px;
margin-top: 0;
display: flex;
position: relative;
top: -44px;
}
.suggestions-list.desktop {
z-index: -10;
opacity: 0;
border-radius: 5px;
}
.suggestions-list.mobile {
display: none;
}
.show-search-options {
display: flex;
position: relative;
top: -44px;
bottom: 0;
left: 41px;
}
.paragraph-260 {
color: #70706fad;
margin-bottom: 0;
padding-right: 2px;
font-size: 16px;
line-height: 20px;
}
.list-suggestions {
width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
padding-top: 0;
padding-left: 10px;
}
.suggestion-item {
cursor: pointer;
background-color: #fff;
border: 0 solid #000;
border-bottom: .5px solid #d4d4d4;
border-radius: 5px;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 15px 10px;
display: flex;
}
.suggestion-item.last {
border-bottom-width: 0;
}
.paragraph-261 {
color: #70706f;
margin-bottom: 0;
margin-left: 3px;
padding-left: 0;
font-size: 16px;
line-height: 20px;
}
.image-639 {
cursor: pointer;
margin-top: 21px;
margin-left: 4px;
display: block;
}
.initial-screen {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 150px;
display: flex;
position: static;
inset: 0%;
}
.header-mobile {
display: none;
}
.fixed-wrp-search {
z-index: 10;
background-color: #fff;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 15px;
padding-bottom: 10px;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.loading-favicon {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
margin-left: 15px;
display: none;
}
.view-markdown {
border: 1px solid #a8a29d69;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 40%;
min-width: 120px;
height: 30px;
margin-top: 10px;
margin-bottom: 10px;
display: none;
box-shadow: 0 0 10px #00000017;
}
.text-block-454 {
color: #181412e6;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13.5px;
}
.text-feat-1 {
color: #545969;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 11px;
line-height: 12px;
}
.content-wrap {
display: flex;
}
.div-block-1227 {
margin-top: 40px;
padding-left: 10px;
}
.nav-links {
border-bottom: 1px solid #ebedec;
max-height: 300px;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 30px;
overflow: scroll;
}
.nav-links.olostep {
border-bottom-width: 0;
padding-top: 30px;
overflow: visible;
}
.nav-links.olostep.mellowt {
margin-top: 40px;
padding-top: 0;
}
.mobile-nav-2 {
display: none;
}
.link-wrapper {
grid-column-gap: 15px;
color: #000;
align-items: center;
margin-bottom: 10px;
padding: 10px 9px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.link-wrapper:hover, .link-wrapper.w--current {
background-color: #ebedec;
}
.link-wrapper.olostep {
grid-column-gap: 1rem;
border-radius: 3px;
margin-bottom: 4px;
padding: 5px 7px;
}
.link-wrapper.olostep.selected {
background-color: #ebedec;
justify-content: flex-start;
align-items: center;
}
.link-wrapper.olostep.side-side {
justify-content: space-between;
}
.link-wrapper.olostep.side-side.disabled {
cursor: pointer;
}
.docs-btn-top {
cursor: pointer;
border: 1px solid #e9e9ec;
border-radius: 5px;
align-items: center;
padding: 6px 12px;
display: flex;
}
.docs-btn-top:hover {
background-color: #fcfcfc;
}
.docs-btn-top.refresh {
display: flex;
}
.heading-249 {
color: #4e4e4e;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.mb-20 {
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 30px;
font-weight: 500;
}
.mb-20.smaller-hello {
font-size: 1.1235rem;
line-height: 1.75rem;
}
.mb-20.smaller-hello.dashboard {
font-size: 25px;
font-weight: 600;
}
.nav-bot {
grid-column-gap: 15px;
align-items: center;
display: flex;
}
.nav-bot.account {
cursor: pointer;
border-top: 0 solid #ebedec;
justify-content: space-between;
padding: 15px 24px;
transition: background-color .2s;
overflow: hidden;
}
.nav-bot.account:hover {
background-color: #ebedec;
}
.log-out-btn {
cursor: pointer;
background-color: #fff;
border: 1.4px solid #f4f4f5;
border-radius: .375rem;
align-items: center;
margin-left: 20px;
margin-right: 20px;
padding: .5rem;
display: flex;
}
.log-out-btn:hover {
background-color: #00000026;
}
.log-out-btn.hidden {
display: none;
}
.text-block-458 {
margin-left: 7px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 27px;
font-weight: 300;
line-height: 39px;
}
.feature-tassello {
background-color: #ebeef1;
border: 1px solid #d5dbe1;
border-radius: 5px;
justify-content: center;
align-items: center;
width: auto;
max-width: 110px;
height: auto;
padding: 2px 5px;
display: flex;
}
.feature-tassello.hidden {
display: none;
}
.feature-tassello.second {
margin-left: 7px;
}
.paragraph-277 {
margin-left: 10px;
margin-right: 20px;
padding-left: 0;
}
.btn-integrate {
background-color: #635bff;
border-radius: 6px;
justify-content: center;
align-items: center;
height: 30px;
margin-top: 15px;
display: flex;
}
.btn-integrate.disabled {
cursor: not-allowed;
background-color: #d5dbe1;
}
.btn-integrate.original {
cursor: pointer;
}
.paragraph-208 {
margin-top: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.paragraph-208.mellow {
color: #3339;
margin-top: 20px;
margin-left: 0;
margin-right: 20px;
font-size: 13.4px;
line-height: 18px;
}
.paragraph-201 {
color: #636363;
margin-top: 3px;
margin-bottom: 0;
padding-left: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.paragraph-201.more-info {
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 10px;
padding-left: 20px;
padding-right: 0;
font-size: 12px;
line-height: 17px;
display: flex;
}
.div-block-980 {
background-color: #f5f8fa;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.manual-refresh {
cursor: pointer;
background-color: #f8f8f8;
border: 1px solid #4e4e4e1a;
border-radius: 5px;
justify-content: center;
align-items: center;
width: auto;
min-width: 100px;
height: 30px;
padding-left: 4px;
padding-right: 4px;
display: flex;
}
.manual-refresh:hover {
background-color: #e9e9e9;
}
.manual-refresh.anulla {
background-color: #fff;
border-color: #4e4e4e30;
min-width: 70px;
height: 25px;
margin-right: 9px;
box-shadow: 0 2px 5px #0000001c;
}
.manual-refresh.anulla.delete {
background-color: #df1b41;
}
.manual-refresh.update {
opacity: 1;
background-color: #635bff;
height: 25px;
}
.header-olostep {
border-bottom: 1px solid #ebedec;
justify-content: flex-end;
align-items: center;
padding-top: 18px;
padding-bottom: 0;
padding-right: 40px;
display: flex;
}
.home-page-olostep {
display: block;
}
.open-transactions-loader {
border: .5px solid #4e4e4e1a;
border-radius: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
min-width: 0;
min-height: 400px;
padding-top: 20px;
display: flex;
}
.open-transactions-loader.not-that-high {
justify-content: center;
min-height: 210px;
display: flex;
}
.open-transactions-loader.not-that-high.uninstall-metrics {
justify-content: center;
display: flex;
}
.totale-donazioni {
background-color: #fff;
border: 1px solid #4e4e4e1a;
border-radius: 10px;
min-height: auto;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.totale-donazioni.lessmargin {
margin-bottom: 15px;
}
.totale-donazioni.lessmargin.noshow {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-width: 0;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
margin-bottom: 10px;
margin-left: 0;
padding-left: 0;
padding-right: 10px;
display: flex;
}
.totale-donazioni.lessmargin.noshow.credits-usage {
justify-content: space-between;
align-items: stretch;
margin-bottom: 3px;
padding-top: 5px;
padding-bottom: 5px;
display: none;
}
.totale-donazioni.lessmargin.noshow.credits-left-div {
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
.totale-donazioni.lessmargin.noshow.opposites {
justify-content: space-between;
}
.totale-donazioni.lessmargin.noshow.get-in-touch {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.totale-donazioni.lessmargin.copy-api {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
place-content: center space-between;
align-items: center;
margin-bottom: 0;
padding-right: 10px;
display: flex;
}
.totale-donazioni.lessmargin.copy-api.no-border {
border-width: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.wrap-icon-txt {
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
}
.tooltip-arrow {
margin-top: auto;
margin-bottom: auto;
position: absolute;
inset: 34% auto auto -8px;
}
.tooltip-arrow.v3 {
inset: 0% auto 0% -8px;
}
.tooltip-arrow.v3.hidde {
display: none;
}
.tooltip-arrow.v3.bottom {
z-index: 1000000000;
background-color: #0000;
border-width: 0;
inset: auto 0% -8px;
}
.div-block-1135 {
align-items: center;
display: flex;
}
.expl-txt {
padding-right: 5px;
}
.div-block-1140 {
justify-content: flex-end;
padding-right: 10px;
display: flex;
}
.tab-page-olostep, .tab-page-olostep.refer-and-earn, .tab-page-olostep.refer-and-earn.playground-tab, .tab-page-olostep.activity-logs-tab, .tab-page-olostep.feedback-tab, .tab-page-olostep.feedback-tab.api-tab, .tab-page-olostep.feedback-tab.team-tab, .tab-page-olostep.feedback-tab.billing-tab, .tab-page-olostep.playground-tab {
display: none;
}
.single-row-transactionj {
border-bottom: .5px solid #4e4e4e1f;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 35px;
display: flex;
}
.single-row-transactionj.minheigchange {
min-height: 30px;
}
.single-row-transactionj.minheigchange.display {
display: flex;
}
.single-row-transactionj.minheigchange.display.uninstall-metrics {
flex-flow: column;
align-items: flex-start;
margin-top: 10px;
margin-bottom: 20px;
}
.single-row-transactionj.minheigchange.display.uninstall-metrics.team-members {
flex-flow: row;
margin-bottom: 10px;
}
.nav-3 {
z-index: 999;
border-right: 1px solid #ebedec;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 220px;
height: 100vh;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: sticky;
top: 0;
}
.nav-3.no-bottom {
max-width: 270px;
padding-top: 20px;
padding-bottom: 0;
padding-left: 0;
}
.nav-3.no-bottom.stripe {
color: #222;
background-color: #fdfdfe;
background-image: linear-gradient(4deg, #fdfdfe, #fff);
border-right-width: 1px;
max-width: 240px;
}
.heading-258 {
margin-top: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
}
.paragraph-199 {
color: #4e4e4e;
font-size: 15px;
}
.paragraph-199.hiddenstate {
z-index: -1;
opacity: 0;
position: relative;
}
.paragraph-199.hiddenstate.nothigh {
max-height: 50px;
}
.text-system-white {
color: #fff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
display: block;
}
.btn-withdraw-div {
cursor: pointer;
background-color: #635aff;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 90px;
height: 35px;
display: flex;
}
.image-480 {
object-fit: cover;
width: 100%;
height: 100%;
}
.image-480.bitcoin {
width: 90%;
height: 90%;
}
.tooltip-v3-3 {
background-color: #fff;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
min-width: 332px;
max-width: 432px;
height: 168px;
padding: 0;
display: none;
box-shadow: 4px 4px 14px #080f340a, 1px 1px 1px #170f490a, 0 0 1px #170f4908;
}
.tooltip-v3-3.kilo {
display: flex;
}
.textarea-5 {
border: 1px solid #0000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 100%;
height: 100%;
min-height: 120px;
margin-bottom: 0;
}
.textarea-5:focus, .textarea-5:focus-visible, .textarea-5[data-wf-focus-visible] {
border-width: 2px;
}
.form-33 {
width: 100%;
height: auto;
}
.feedback-tooltip-wrapper {
box-shadow: none;
}
.feedback-tooltip-wrapper.dnheader {
z-index: 2147483647;
border-radius: 3px;
position: relative;
box-shadow: 0 2px 10px #00000005;
}
.content-top {
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.content-top.pad40 {
padding-left: 60px;
padding-right: 60px;
}
.content-top.pad40.stripe {
margin-top: 35px;
padding-left: 0;
padding-right: 0;
}
.stripe-logo-wrp {
background-color: #fff0;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 33px;
min-width: 33px;
height: 33px;
min-height: 33px;
display: flex;
overflow: hidden;
box-shadow: 0 2px 8px #00000026;
}
.gird-abbonamenti-connect-acc {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
place-content: center;
place-items: center;
width: 100%;
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
}
.gird-abbonamenti-connect-acc.mellow {
grid-template-columns: 1fr 1fr 1fr;
padding-left: 0;
}
.div-block-976 {
display: flex;
}
.div-block-976.invite-team-members {
align-items: stretch;
}
.loader-lottie-mllwtl-pay {
width: 37px;
margin-top: 3px;
display: none;
}
.image-609 {
height: 1.25rem;
}
.content-3 {
background-color: #f8f8f8;
width: 100%;
min-width: 0;
height: auto;
min-height: 100vh;
padding: 20px 40px 40px;
}
.content-3.stark-contrast {
background-color: #fff;
padding-top: 28px;
padding-left: 0;
padding-right: 0;
}
.content-3.stark-contrast.mllwel {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.heading-278 {
margin-top: 4px;
font-weight: 400;
}
.dashboard-olostep {
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.dashboard-olostep.devs, .dashboard-olostep.devs.nonprofits {
display: none;
}
.dashboard-olostep.devs.nonprofits.mellowtel {
display: flex;
}
.holder-logo-partner {
justify-content: flex-start;
align-items: flex-start;
width: 20%;
margin-right: 0;
padding-top: 0;
display: flex;
}
.content-loaded-shop-admin {
flex-direction: column;
display: flex;
}
.content-loaded-shop-admin.original {
display: block;
}
.content-loaded-shop-admin.original.payment_methods {
padding-top: 10px;
display: none;
}
.content-loaded-shop-admin.original.withdrawals, .content-loaded-shop-admin.original.withdrawals.uninstall-metrics {
display: block;
}
.tooltip-float-v3-3 {
z-index: 1;
min-width: 432px;
min-height: 190px;
margin-top: auto;
margin-bottom: auto;
display: none;
position: absolute;
}
.tooltip-float-v3-3.bottom {
display: none;
top: 30px;
right: 0;
}
.tooltip-float-v3-3.bottom.olostep {
justify-content: flex-end;
display: none;
}
.tooltip-float-v3-3.top {
z-index: 2147483647;
background-color: #fff;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 332px;
min-width: 0;
min-height: 0;
margin-left: auto;
margin-right: auto;
display: none;
inset: auto 0% 130% -80%;
box-shadow: 0 -2px 5px #0000001a;
}
.hidden-spacer-p {
z-index: -1;
opacity: 0;
position: relative;
}
.hidden-spacer-p.height1 {
height: 1px;
overflow: hidden;
}
.hidden-spacer-p.max-h {
max-height: 4px;
margin-bottom: 0;
overflow: hidden;
}
.div-block-997 {
object-fit: cover;
border: 1px solid #e0e6eb;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 40px;
min-width: 40px;
max-width: 40px;
height: 40px;
min-height: 40px;
max-height: 40px;
display: flex;
overflow: hidden;
box-shadow: 0 2px 5px #0003;
}
.div-block-997.bitcoin {
background-color: #f3f3f3;
}
.amount-div {
justify-content: space-between;
width: 33.3%;
height: 100%;
display: flex;
}
.amount-div.uninstall-metrics {
margin-bottom: 7px;
}
.amount-div.uninstall-metrics.name-div {
width: 100%;
margin-bottom: 0;
padding-left: 7px;
padding-right: 7px;
}
.amount-div.first {
align-items: center;
width: 33%;
}
.amount-div.first.uninstall-metrics {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f4f4f5;
border-radius: 5px;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding: 3px 7px;
}
.amount-div.first.uninstall-metrics.team-members-role {
width: 30%;
margin-left: 10px;
}
.text-block-459 {
color: #000;
margin-left: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.logout-paypal-txt {
color: #4e4e4eb3;
cursor: pointer;
margin-top: 5px;
margin-bottom: 0;
font-size: 12px;
line-height: 14px;
text-decoration: underline;
display: none;
}
.copy-api-key {
background-color: #635aff;
border-radius: 4px;
}
.copy-api-key.choose-your-plan {
color: #000;
background-color: #fff;
border: 1px solid #e9e9ec;
border-radius: 5px;
padding: 5px 9px;
font-size: 12px;
line-height: 19px;
box-shadow: 0 2px 8px #00000008;
}
.copy-api-key.choose-your-plan.invite-team-members {
flex-flow: column;
justify-content: center;
align-items: center;
width: 30%;
height: 40px;
min-height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
box-shadow: 0 2px 2px #0000000f;
}
.copy-api-key.choose-your-plan.invite-team-members.change-name {
width: 25%;
display: flex;
}
.signature-bottom-feedback {
width: 100%;
}
.spacer, .spacer.feedback-tab {
width: 40px;
}
.spacer-mllwtl {
height: 20px;
}
.image-646 {
width: 70%;
}
.first-letter-olostep {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 11px;
}
.submit-hidden-submitted {
display: none;
}
.top-container-feedback {
flex-direction: column;
align-items: center;
display: flex;
}
.last-section-mllwtl {
margin-top: 20px;
}
.text-block-420 {
color: #4e4e4e;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12.9px;
}
.api-keys-header {
border-top: .5px solid #4e4e4e1f;
border-bottom: .5px solid #4e4e4e1f;
height: 30px;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.api-keys-header._100 {
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 2px;
padding-right: 2px;
}
.div-block-1228 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
outline-offset: 0px;
color: #fff;
background-color: #fff;
background-image: radial-gradient(circle, #fafafa, #fff);
border-radius: 5px;
outline: .25px solid #2c2c2c36;
align-items: center;
margin-bottom: 10px;
margin-left: 0;
padding: 7px;
font-size: 14px;
display: flex;
}
.div-block-1228.hidden {
display: none;
}
.div-block-1228.discord-btn {
margin-left: 0;
}
.div-block-1228.discord-btn.email, .div-block-1228.discord-btn.discord {
margin-left: 20px;
}
.lottie-wrapper {
height: 28px;
display: none;
overflow: hidden;
}
.paragraph-202 {
color: #4e4e4ed6;
text-align: left;
margin-top: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
}
.bottom-wrapper-feedback {
background-color: #f6f8fa;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
padding: 10px;
display: flex;
box-shadow: 0 -1px 1px #0000001a;
}
.header-shop-biz {
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
min-height: 40px;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.header-shop-biz.feel-me {
padding-left: 20px;
}
.header-shop-biz.vertical.less._20right {
justify-content: space-between;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}
.header-shop-biz.vertical.less._20right.invite-team-members {
justify-content: flex-start;
align-items: flex-end;
}
.header-shop-biz.vertical.less._20right.team-members-header {
justify-content: flex-start;
}
.div-block-1136 {
background-color: #f7f7f7;
border: 1px solid #e4e4e7;
border-radius: .375rem;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
margin-right: 7px;
display: flex;
}
.nav-top-2._20padding {
padding-left: 20px;
}
.still-to-send {
width: 100%;
height: 100%;
display: block;
}
.image-459 {
width: 20px;
}
.image-459.olostep {
width: 1.25rem;
min-width: 1.25rem;
height: 1.25px;
min-height: 1.25rem;
}
.image-459.olostep.btn-olostep {
width: 1rem;
min-width: 1rem;
height: 1px;
min-height: 1rem;
margin-right: 5px;
}
.image-459.olostep.mllw {
width: 1rem;
min-width: 1rem;
min-height: 1rem;
}
.grey {
color: #929292;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.grey.one {
margin-bottom: 0;
}
.holder-partner-body {
flex-direction: column;
justify-content: flex-start;
width: 80%;
height: auto;
min-height: 190px;
padding-left: 5px;
display: flex;
}
.holder-partner-body.mellow {
min-height: 0;
}
.old-transactions-item {
margin-top: 0;
margin-bottom: 9px;
display: none;
}
.old-transactions-item.withdrawals {
justify-content: space-between;
align-items: center;
display: block;
}
.old-transactions-item.withdrawals.uninstall-metrics.team-members {
width: 100%;
}
.text-block-340 {
color: #fff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
display: block;
}
.text-block-340.medium {
font-weight: 600;
}
.container-connect {
cursor: default;
border-radius: 5px;
justify-content: space-between;
width: auto;
min-width: 260px;
height: auto;
padding: 20px 15px 10px;
display: flex;
}
.container-connect:hover {
background-color: #f6f8fa;
}
.container-connect.disabled {
cursor: not-allowed;
}
.content-mid {
grid-column-gap: 60px;
background-color: #fff;
border-radius: 10px;
flex-direction: column;
align-items: stretch;
min-height: 300px;
padding-top: 10px;
display: flex;
}
.content-mid.olostep {
background-color: #fcfcfc;
border: 1px solid #e5e7eb;
margin-left: 60px;
margin-right: 60px;
padding-top: 5px;
}
.content-mid.olostep.your-items.nominhe {
background-color: #fff;
border-color: #eef0f2;
min-height: 0;
margin-left: 0;
margin-right: 0;
}
.content-mid.olostep.your-items.nominhe.plans {
margin-top: 10px;
margin-right: 0;
}
.content-mid.olostep.your-items.nominhe.feedback-tab.get-in-touch {
min-width: 60%;
}
.already-sent {
width: 100%;
display: none;
}
.already-sent.olostep {
justify-content: center;
align-items: center;
display: none;
}
.icon-label {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.nav-logo {
border-bottom: 1px solid #ebedec;
align-items: center;
padding-bottom: 10px;
display: flex;
}
.nav-logo.no-bott-border {
border-bottom-width: 0;
padding-bottom: 0;
}
.hamburger-line-2.top {
display: block;
}
.heading-317 {
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
}
.heading-317.mllwtl-h-s {
display: none;
}
.heading-317.mllwtl-h-s.credits-used {
margin-left: 0;
display: none;
}
.heading-317.mllwtl-h-s.credits-used.credits-total {
color: #636363;
margin-left: 7px;
font-size: 18px;
line-height: 28px;
}
.heading-317.mllwtl-h-s.credits-used.credits-total.dash {
margin-left: 7px;
font-weight: 300;
}
.heading-317.mllwtl-h-s.credits-used.credits-left {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-left: 10px;
display: flex;
}
.heading-317.mllwtl-h-s.billing-credits {
color: #6a7280;
margin-top: 7px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
display: block;
}
.heading-317.mllwtl-h-s.feedback-go-to-docs {
display: block;
}
.tooltip-content---brix-6 {
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.image-518 {
width: 30px;
}
.paragraph-276 {
font-size: 16px;
}
.save-product {
cursor: pointer;
background-color: #635bff;
border-radius: 6px;
justify-content: center;
align-items: center;
width: auto;
min-width: 150px;
height: 28px;
padding: 4px 8px;
display: flex;
}
.save-product.opaque {
opacity: .5;
cursor: not-allowed;
}
.container-98 {
padding-left: 20px;
padding-right: 0;
}
.container-98.mintlify {
background-color: #fcfcfc;
padding-left: 0;
}
.form-block-41 {
width: 100%;
height: auto;
margin-bottom: 0;
}
.text-block-323 {
color: #1a1b25;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 11px;
}
.api {
color: #3f3f45;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
line-height: 21px;
}
.api.api-key-name {
font-size: 11px;
line-height: 18px;
}
.txt-in-btn {
color: #fff;
display: block;
}
.middle-sect-mellow {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top: 20px;
display: flex;
}
.middle-sect-mellow.feedback {
flex-flow: column;
margin-top: 10px;
}
.image-610 {
width: 1.25rem;
height: auto;
margin-right: 1rem;
}
.no-api-keys {
grid-column-gap: 16px;
grid-row-gap: 16px;
box-shadow: none;
background-color: #0000;
border: .5px solid #4e4e4e29;
border-radius: 5px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
min-height: 100px;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
display: none;
}
.no-api-keys.withdrawals, .no-api-keys.withdrawals.uninstall-metrics, .no-api-keys.withdrawals.referrals {
display: none;
}
.thanks-note {
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 170px;
padding-top: 20px;
padding-bottom: 10px;
display: flex;
}
.list-live-transactions {
width: 100%;
display: block;
}
.list-live-transactions.withdrawals {
display: block;
}
.list-live-transactions.withdrawals.referrals {
display: none;
}
.list-live-transactions.api-keys-list {
display: block;
}
.olostep-loader-lottie {
width: 250px;
height: 30px;
display: block;
overflow: hidden;
}
.olostep-loader-lottie.loader-referral, .olostep-loader-lottie.team-tab, .olostep-loader-lottie.name-loader, .olostep-loader-lottie.remaining-credits {
display: block;
}
.olostep-loader-lottie.remaining-credits.credits-usage {
display: none;
}
.features-integration {
align-items: center;
display: flex;
}
.paragraph-198 {
margin-bottom: 0;
}
.paragraph-198.olostep {
color: #4e4e4e;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
}
.paragraph-198.olostep.mllwtl {
color: #353a44;
margin-left: 10px;
font-size: 15px;
font-weight: 400;
line-height: 27px;
}
.lottie-animation-28 {
height: 29px;
}
.tops-links {
align-items: center;
display: flex;
}
.paragraph-192 {
color: #4e4e4e;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.paragraph-192.system {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.heading-253 {
color: #4e4e4e;
margin-top: 20px;
margin-bottom: 0;
font-family: PT Serif, serif;
font-weight: 400;
}
.heading-253.with-drawals {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.content-shop-bar {
min-height: 100px;
margin-top: 10px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.content-shop-bar.nonegative.nominkey {
justify-content: center;
min-height: 0;
padding-bottom: 0;
display: block;
}
.content-shop-bar.nonegative.nominkey.uninstall-metrics {
padding-left: 10px;
padding-right: 10px;
}
.content-shop-bar.nonegative.nominkey.support-tab {
justify-content: flex-start;
display: flex;
}
.content-shop-bar.nonegative.less-m-bottom {
padding-bottom: 10px;
}
.text-block-364 {
text-align: center;
}
.lottie-animation-46 {
width: 40px;
height: 40px;
display: none;
}
.no-transac-yet {
width: 400px;
max-width: 350px;
}
.api-keys-list, .api-keys-list.withdrawals, .api-keys-list.withdrawals.uninstall-metrics {
display: none;
}
.api-keys-list.withdrawals.uninstall-metrics.team-members {
width: 90%;
display: none;
}
.loader-stripe-btn {
width: 15px;
height: 15px;
display: none;
}
.lottie-animation-18 {
width: 60px;
height: 60px;
}
.lottie-animation-18.sub-loader {
justify-content: center;
align-items: center;
display: block;
}
.link-block-75 {
color: #302f2f;
background-color: #fff;
margin-left: 10px;
text-decoration: none;
}
.link-block-75.cta {
margin-left: 0;
}
.image-645 {
background-color: #fff0;
border-radius: 20px;
width: 30px;
height: 30px;
}
.heading-277 {
color: #635bffd6;
margin-top: 5px;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 15px;
line-height: 20px;
}
.oppure-block {
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 10px;
display: flex;
}
.oppure-block.hidden {
display: flex;
}
.diagonal-section {
z-index: -2;
width: 100vw;
margin-top: -20px;
position: relative;
}
.diagonal-section.wayup {
margin-top: -200px;
}
.diagonal-section.wayup.trycolor {
margin-top: -290px;
}
.the_real_iscrizione_button {
color: #fff;
cursor: pointer;
background-color: #635bff;
justify-content: center;
align-items: center;
width: 100%;
height: 45px;
margin-top: 5px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 500;
display: none;
}
.forgot-pass-link {
color: #4e4e4e;
}
.email-wrapper {
width: 100%;
padding-bottom: 10px;
display: block;
}
.close-div {
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
transition: opacity .4s ease-in;
display: flex;
}
.close-div:hover {
background-color: #ececec;
}
.close-div.goback {
display: none;
}
.paragraph-147 {
text-align: left;
margin-left: 0;
}
.checkbox-2 {
width: 14px;
height: 14px;
display: none;
}
.checkbox-2.w--redirected-checked {
background-color: #2d323e;
}
.checkbox-2.nomargin {
margin-left: 0;
}
.image-73 {
width: 25px;
max-width: none;
}
.image-73.rio {
width: 18px;
margin-right: 10px;
}
.image-73.rio.hid-show {
display: block;
}
.image-73.rio.apple {
margin-right: 12px;
}
.image-73.rio.apple.hid-show {
display: none;
}
.image-73.rio.github {
width: 22px;
}
.modal-element {
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
width: 100%;
max-width: 430px;
display: flex;
}
.fed-button {
opacity: .92;
cursor: pointer;
background-color: #4d6cad;
border-radius: 7px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 220px;
max-width: none;
height: 45px;
max-height: 100px;
margin-right: 10px;
padding: 5px 10px;
display: flex;
box-shadow: 0 1px 4px #0000007d;
}
.fed-button.accesso {
margin-bottom: 20px;
padding-top: 0;
}
.fed-button.accesso.fb {
justify-content: flex-start;
align-items: center;
width: 240px;
margin-bottom: 10px;
margin-right: 0;
padding-bottom: 0;
display: flex;
}
.fed-button.accesso.fb.oop {
margin-bottom: 10px;
}
.fed-button.accesso.fb.oop.new_signup {
box-shadow: none;
background-color: #fff;
border: 2px solid #e4eaee;
border-radius: 2px;
justify-content: center;
width: 360px;
}
.fed-button.accesso.fb.oop.new_signup.small {
width: 100%;
height: 40px;
display: none;
}
.fed-button.accesso.fb.oop.new_signup.jk._100 {
width: 100%;
}
.fed-button.accesso.fb.oop.new_signup.jk._100.nofacebook {
display: flex;
}
.fed-button.google {
cursor: pointer;
background-color: #fff;
justify-content: flex-start;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.fed-button.google.to {
justify-content: center;
width: 850px;
margin-bottom: 10px;
margin-right: 0;
padding-top: 0;
display: flex;
}
.fed-button.google.to.authexst {
width: auto;
height: auto;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.fed-button.google.to.authexst.other {
justify-content: flex-start;
width: 240px;
height: 45px;
padding-top: 0;
box-shadow: 0 1px 4px #000000b3;
}
.fed-button.google.to.authexst.other.signup_new {
box-shadow: none;
border-width: 2px;
border-color: #e4eaee;
border-radius: 2px;
justify-content: center;
width: 360px;
padding-bottom: 0;
}
.fed-button.google.to.authexst.other.signup_new.apple_hidden {
display: flex;
}
.fed-button.google.to.authexst.other.signup_new.apple_hidden._100 {
width: 100%;
}
.fed-button.google.to.authexst.other.signup_new.jk._100 {
border: 1.9px solid #d8dee4;
width: 100%;
}
.referral-code-div {
width: 100%;
margin-top: 0;
margin-bottom: 20px;
display: none;
}
.field-label-3 {
color: #374252;
font-weight: 600;
position: relative;
left: -114px;
}
.field-label-3._2 {
margin-top: 0;
position: relative;
left: -98px;
}
.field-label-3._2.static {
color: #4e4e4e;
margin-bottom: 15px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12.9px;
font-weight: 500;
line-height: 14px;
position: static;
}
.field-label-3._2.static.referral {
margin-bottom: 10px;
display: flex;
}
.lottie-animation-35 {
width: 50px;
}
.image-40 {
width: 40px;
}
.image-40.loader-new {
width: 20px;
height: 20px;
}
.text-field-5 {
border-radius: 5px;
width: 300px;
height: 45px;
margin-bottom: 10px;
font-size: 15px;
}
.text-field-5:focus {
border: 1px solid #009da3;
}
.text-field-5.larger {
width: 360px;
}
.text-field-5.larger.auto:focus {
border-color: #178bff80;
box-shadow: 0 0 0 3px #2791ff80;
}
.text-field-5.larger.auto._100 {
width: 100%;
margin-bottom: 0;
}
.text-field-5.larger.auto._100.email {
margin-bottom: 5px;
}
.text-field-5.larger.auto._100.signup {
justify-content: center;
align-items: center;
font-size: 18px;
display: inline-flex;
}
.slide-navigation {
opacity: 0;
color: #151c34;
margin-top: 0;
font-size: 10px;
display: none;
bottom: 10px;
}
.div-block-711 {
flex-direction: column;
margin-left: 10px;
display: flex;
}
.form-field-wrapper {
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0;
display: flex;
}
.form-field-wrapper._100 {
width: 100%;
}
.image-39 {
width: 24px;
position: relative;
top: -54px;
left: 124px;
}
.image-39.longer {
cursor: pointer;
left: 156px;
}
.image-39.longer.relative {
position: relative;
top: -35px;
bottom: 0;
left: 170px;
}
.b-zecento-heading {
color: #3c4257;
text-align: left;
margin-top: 0;
margin-bottom: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.alr-federated {
background-color: #ffe5d6;
border-radius: 2px;
align-items: flex-start;
width: 360px;
min-height: 40px;
margin-bottom: 20px;
padding: 12px 12px 8px 8px;
display: flex;
}
.alr-federated.green {
background-color: #eee;
border: 1px solid #4e4e4e61;
width: 100%;
display: none;
}
.auth-ext-block {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 60px;
display: flex;
}
.err-placeholder-pass {
width: 100%;
height: 1px;
margin-top: -15px;
}
.form-box {
flex-direction: column;
justify-content: center;
align-items: center;
width: 400px;
margin-top: 10px;
display: flex;
position: relative;
top: 0;
}
.form-box.max100 {
width: 100%;
margin-top: 0;
display: flex;
}
.form-block-9 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.loading-btn-accesso {
cursor: not-allowed;
background-color: #635bff;
border-radius: 2px;
justify-content: center;
align-items: center;
width: 100%;
height: 45px;
margin-top: 5px;
display: none;
}
.loading-btn-accesso.verify {
display: none;
}
.heading-71 {
color: #f2f6ff;
cursor: pointer;
margin-top: 0;
margin-bottom: 0;
font-family: Exo, sans-serif;
font-size: 14px;
line-height: 14px;
}
.heading-71.black {
color: #374857;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
}
.heading-71.black.normalheading {
font-weight: 500;
}
.heading-71.googe {
color: #4e4e4e;
cursor: pointer;
}
.heading-71.googe.ui {
font-size: 17px;
}
.heading-71.googe.ui.authexst {
font-family: PT Serif, serif;
font-size: 17px;
}
.heading-71.googe.ui.authexst.black {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
line-height: 14px;
}
.modal-header {
border-bottom: 1px solid #151c341a;
justify-content: space-between;
align-items: center;
min-height: 58px;
padding: 10px 10px 8px;
display: flex;
}
.modal-header.nomin {
min-height: 54px;
padding-left: 0;
display: flex;
}
.button-14 {
background-color: #a2a3e9;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 300px;
height: 45px;
font-size: 16px;
display: flex;
box-shadow: 0 1px 8px #000;
}
.button-14.noshadow {
box-shadow: none;
border-radius: 2px;
width: 360px;
}
.button-14.noshadow.auto {
background-color: #635bff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
}
.button-14.noshadow.auto._100 {
width: 100%;
margin-top: 5px;
margin-bottom: 4px;
}
.modal-slider {
background-color: #0000;
height: 100%;
margin-left: 20px;
}
.modal-slider.newclass {
width: 430px;
margin-left: 0;
}
.modal-slider.newclass.genius {
width: 100%;
}
.modal-content {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 0;
margin-bottom: 19px;
margin-right: 11px;
padding: 20px 0 0;
display: flex;
}
.modal-content.nomargin.nodown {
margin-bottom: 0;
margin-right: 0;
padding: 20px 20px 10px;
}
.content-4 {
display: none;
}
.line-margin-or {
background-color: #ddd;
width: 33%;
height: 1px;
}
.line-margin-or.left {
width: 45%;
margin-right: 10px;
}
.line-margin-or.right {
width: 45%;
margin-left: 10px;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.text-field-47 {
width: 100%;
}
.welcome-olostep {
width: 100%;
min-height: 30px;
display: block;
}
.checkbox-field-2 {
margin-top: -4px;
margin-bottom: 15px;
padding-left: 73px;
padding-right: 52px;
}
.checkbox-field-2.nopadding {
padding-left: 0;
padding-right: 0;
}
.checkbox-field-2.nopadding.tos {
margin-bottom: 10px;
display: none;
}
.text-block-42 {
color: #9d9c9c;
text-align: center;
flex: 0 auto;
margin-top: 5px;
display: flex;
}
.text-block-42.oppure {
margin-bottom: 5px;
font-family: PT Serif, serif;
}
.image-532 {
width: 100px;
margin-bottom: 15px;
margin-left: 10px;
}
.image-532.mellowtel {
width: 110px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0;
}
.iscrizione_box {
background-color: #fff;
border: 1px solid #fff;
border-radius: 11px;
justify-content: center;
align-items: center;
width: 450px;
height: auto;
margin-top: auto;
margin-bottom: auto;
display: flex;
box-shadow: 0 1px 5px #4e4e4e3d;
}
.iscrizione_box.full-wid-ol {
border-radius: 5px;
width: 450px;
display: flex;
box-shadow: 0 1px 20px #4e4e4e29;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.federated-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.federated-wrapper.bigger._100 {
width: 100%;
}
.federated-wrapper.bigger._100.hidden {
display: flex;
}
.diagonal-background {
z-index: 0;
background-image: linear-gradient(to right, #bfebf3, #754dff 85%, #0a76cf);
position: absolute;
inset: 0%;
transform: skew(0deg, -5deg);
}
.diagonal-background.whi-tak {
background-image: linear-gradient(to right, #fff, #f2f6ff 85%, #ddd);
}
.diagonal-background.whi-tak.purple {
background-image: linear-gradient(218deg, #635bff, #fff);
}
.diagonal-background.whi-tak.new {
background-image: linear-gradient(90deg, #e3e4e600, #f2f6ff 85%, #e3e4e6 96%, #ddd);
}
.f-pass-text {
text-align: left;
margin-bottom: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
text-decoration: underline;
display: none;
}
.text-span-101 {
font-weight: 600;
}
.error-text {
color: #cd3d64;
text-align: left;
margin-left: 5px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 14px;
}
.hero-2 {
opacity: .9;
border-left: .5px dashed #4e4e4e36;
border-right: .5px solid #4e4e4e36;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
min-height: 100vh;
margin-top: 0;
padding: 60px 10px 0;
display: flex;
}
.email-auth {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.email-auth.full {
width: 100%;
display: flex;
}
.modal-slide {
color: #151c34;
}
.text-span-99 {
font-weight: 700;
}
.div-block-709 {
width: 360px;
display: flex;
}
.div-block-709.auto._100 {
width: 100%;
}
.div-block-709.auto._100.pass {
margin-top: 5px;
}
.div-block-709.auto._100.hide {
display: none;
}
.hidden-pass-sesamo {
width: 100%;
margin-bottom: 10px;
padding-top: 0;
display: none;
}
.container-100 {
width: 100%;
max-width: 100em;
margin-left: auto;
margin-right: auto;
padding: 5em 6em;
}
.container-100.is-nav {
color: #4e4e4e;
background-color: #0000;
border-bottom: 0 dashed #4e4e4e36;
justify-content: space-between;
align-items: center;
padding: 1em 16em;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
display: flex;
}
.container-100.is-nav.central {
justify-content: center;
padding-top: 0;
padding-left: 16em;
padding-right: 16em;
overflow: visible;
}
.container-100.is-nav.central.stampaoltre {
margin-top: -100px;
padding-top: 0;
padding-bottom: 0;
}
.container-100.is-nav.central.stampaoltre.no-100 {
margin-top: -70px;
}
.heading-25 {
color: #4e4e4ecf;
text-align: left;
width: 700px;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 19px;
font-weight: 400;
line-height: 18px;
}
.heading-25.right {
color: #4e4e4e;
text-align: center;
width: 100%;
padding-right: 30px;
font-size: 15px;
font-weight: 700;
display: block;
}
.heading-25.right.noright {
padding-right: 0;
}
.left-arrow {
display: none;
}
.padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding-global.is-relative {
position: relative;
}
.checkbox-label-3 {
opacity: .7;
color: #2d323e;
text-align: center;
margin-top: 0;
margin-left: -22px;
font-size: 14.6px;
font-weight: 500;
line-height: 14px;
}
.checkbox-label-3.nomargin {
text-align: left;
margin-left: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 17px;
}
.right-arrow {
display: none;
}
.link-4 {
color: #2d323e;
font-weight: 500;
text-decoration: none;
}
.close-icon {
width: 15px;
height: 16px;
}
.div-block-60 {
background-color: #fff;
border: 0 solid #a2a3e9;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 300px;
height: 45px;
margin-bottom: -48px;
display: none;
position: relative;
top: -60px;
box-shadow: 0 1px 6px #0000003b;
}
.div-block-60.new-graphic {
border-width: 0;
border-radius: 3px;
width: 365px;
height: 48px;
display: none;
box-shadow: 0 1px 6px #4e4e4e80;
}
.success-message-3 {
color: #009da3;
background-color: #009da31f;
padding-top: 24px;
padding-bottom: 24px;
font-weight: 600;
}
.image-72 {
cursor: pointer;
max-width: none;
height: 30px;
margin-right: 10px;
}
.image-72.hid-show {
display: none;
}
.error-box {
align-items: center;
width: 100%;
min-height: 0;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.error-box.password {
margin-top: 0;
margin-bottom: 10px;
display: none;
}
.error-box.email {
margin-top: 7px;
display: none;
}
.error-box.btn-klo {
margin-top: 10px;
display: none;
}
.error-box.referral {
margin-top: 7px;
margin-bottom: 10px;
display: none;
}
.error-box.verification {
margin-top: 7px;
display: none;
}
.text-field-box {
flex-direction: column;
align-items: center;
width: 49%;
display: flex;
}
.text-field-box._2 {
align-items: center;
width: 100%;
margin-top: 0;
}
.text-field-box._2._100 {
display: block;
}
.image-647 {
margin-left: 0;
}
.div-block-1229 {
width: auto;
height: auto;
}
.div-block-1229.manage-subscription {
border-radius: 5px;
flex-flow: column;
display: flex;
}
.heading-318 {
color: #fff;
cursor: pointer;
background-color: #635bff;
border-radius: 5px;
margin-left: 0;
padding: 7px 10px;
font-size: 15px;
font-weight: 400;
line-height: 21px;
}
.heading-318.manage-sub {
justify-content: center;
display: flex;
}
.div-block-1230 {
padding-left: 30px;
padding-right: 30px;
}
.image-573 {
width: 24px;
height: 24px;
}
.uploader-inner {
flex-direction: column;
justify-content: space-between;
width: 362px;
height: auto;
display: flex;
}
.text-block-394 {
margin-left: 15px;
}
.heading-301 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.api-key-generator {
background-color: #00000080;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.drag-drop-area {
border: 1px dashed #4e4e4e61;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 186px;
display: flex;
}
.cancel-uploader {
color: #4e4e4e;
background-color: #f7f7f8;
border-radius: 5px;
justify-content: center;
align-items: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
display: flex;
}
.cancel-uploader:hover {
background-color: #e3e3e6;
}
.spacer-uploader-20 {
height: 20px;
}
.api-key-outer {
background-color: #fff;
border-radius: 10px;
width: auto;
height: auto;
padding: 20px;
}
.uploader-icon-wrapper {
background-color: #f7f7f8;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
}
.picker-uploader {
cursor: pointer;
border-radius: 5px;
align-items: center;
height: 36px;
padding: 2px 10px;
display: flex;
}
.image-574 {
width: 16px;
height: 16px;
}
.heading-319 {
font-size: 30px;
line-height: 32px;
}
.paragraph-203 {
color: #4e4e4e;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.div-block-982 {
height: 44px;
}
.paragraph-278 {
color: #4e4e4e;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.paragraph-278.white {
color: #fff;
text-align: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
display: block;
}
.paragraph-278.system {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.text-block-327 {
color: #1a1b25;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.header-iban-connect {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 0;
padding: 16px 12px 10px 20px;
display: flex;
position: relative;
box-shadow: 0 2px 5px #0000000f;
}
.div-iban-floating-connect {
background-color: #fff;
border-bottom: 1px solid #4e4e4e57;
border-radius: 5px;
flex-direction: column;
justify-content: space-between;
width: 448px;
min-height: auto;
margin-top: -20px;
display: flex;
box-shadow: 0 2px 20px #00000012;
}
.heading-255 {
color: #000;
margin-bottom: 2px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
}
.body-iban {
background-color: #f5f8fa;
height: auto;
min-height: auto;
margin-top: 0;
padding: 7px 10px 7px 20px;
}
.div-block-983 {
justify-content: space-between;
align-items: stretch;
padding-right: 0;
display: flex;
}
.text-block-326 {
color: #1a1b25;
margin-top: 30px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.select-field-7 {
background-color: #fff;
border-radius: 5px;
height: 28px;
margin-top: 10px;
padding: 0 7px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
box-shadow: 0 2px 5px #0000000f;
}
.api-key {
z-index: 1000000000;
background-color: #c1c9d2b3;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0% 0% auto;
}
.api-key.original {
display: flex;
}
.api-key.original.create {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.api-key.delete-product, .api-key.delete-product.api-key-delete {
display: none;
}
.api-key.delete-product.api-key-delete.success-change-name {
background-color: #c1c9d200;
border-radius: 5px;
flex-flow: column;
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
margin-right: 40px;
padding-bottom: 20px;
display: none;
}
.api-key.delete-product.api-key-delete.delete {
display: none;
}
.heading-254 {
color: #1a1b25;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.text-field-41 {
border-radius: 5px;
height: 26px;
margin-top: 5px;
margin-bottom: 40px;
padding-left: 8px;
box-shadow: 0 2px 2px #0000000f;
}
.text-field-41.first {
color: #000;
width: 100%;
height: 40px;
margin-top: 7px;
margin-bottom: 0;
}
.text-field-41.first:focus {
border: 1px solid #178bff80;
box-shadow: 0 0 0 3px #2791ff80;
}
.text-field-41.first.invite-team-members {
color: #000;
width: 100%;
margin-top: 7px;
margin-left: 0;
padding-bottom: 8px;
padding-left: 10px;
}
.footer-connect-iban {
z-index: 10;
justify-content: flex-end;
align-items: center;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
display: flex;
position: relative;
box-shadow: 0 2px 5px #0003;
}
.ajax-small-loader {
width: 15px;
height: 15px;
display: block;
}
.ajax-small-loader.create-loader, .ajax-small-loader.delete-loader, .ajax-small-loader.delete-loader.manage-subscription, .ajax-small-loader.delete-loader.loader-change-name {
display: none;
}
.ajax-small-loader.delete-loader.loader-change-name.team-change-name {
width: 12px;
height: 12px;
display: none;
}
.paragraph-204 {
color: #71717a;
margin-top: 7px;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13.5px;
}
.paragraph-279 {
color: #4e4e4e;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.paragraph-279.success-div {
margin-left: 20px;
margin-right: 20px;
}
.paragraph-279.not-reverted-text {
margin-top: 7px;
}
.div-block-1231 {
height: 44px;
}
.div-block-1231.notbig {
height: auto;
}
.paragraph-280 {
color: #4e4e4e;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.paragraph-280.white {
color: #fff;
text-align: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
}
.paragraph-280.system {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.div-iban-floating-connect-2 {
background-color: #fff;
border-bottom: 1px solid #4e4e4e57;
border-radius: 5px;
flex-direction: column;
justify-content: space-between;
width: 448px;
min-height: 574px;
margin-top: -20px;
display: flex;
box-shadow: 0 2px 20px #00000012;
}
.div-iban-floating-connect-2.nomin {
min-height: 0;
}
.div-iban-floating-connect-2.nomin.delete-api-key.success-div {
border-radius: 5px;
width: auto;
}
.image-481 {
width: 14px;
height: 14px;
margin-left: 10px;
}
.body-iban-2 {
background-color: #f5f8fa;
height: 100%;
min-height: 442px;
margin-top: 0;
padding: 20px 10px 10px 20px;
}
.body-iban-2.notmin {
min-height: 224px;
padding-left: 20px;
padding-right: 20px;
}
.body-iban-2.notmin.evenless {
min-height: auto;
padding-bottom: 20px;
}
.body-iban-2.notmin.evenless.success-div {
border-radius: 5px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding: 10px 7px;
display: flex;
}
.text-block-337 {
color: #fff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
}
.heading-320 {
color: #1a1b25;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.connect-to-stripe {
cursor: pointer;
background-color: #635bffe6;
border-radius: 5px;
justify-content: center;
align-items: center;
height: 40px;
margin-top: 40px;
display: none;
}
.connect-to-stripe:hover {
background-color: #635bff;
}
.choose-plan {
margin-left: 10px;
}
.form-34 {
width: 90%;
padding-left: 20px;
padding-right: 10px;
}
.div-block-1232 {
display: flex;
}
.form-block-42 {
justify-content: space-between;
align-items: baseline;
width: 90%;
display: flex;
}
.form-block-42.team-name {
align-items: baseline;
display: none;
}
.form-block-42.invite {
margin-left: 2px;
}
.nav_container-2 {
justify-content: space-between;
align-items: center;
margin-top: 15px;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
position: static;
inset: 0% 0% auto;
}
.nav_container-2.newui {
width: 100%;
max-width: 1024px;
padding-left: 0;
padding-right: 0;
text-decoration: none;
}
.olostep-logo-top {
width: 100px;
margin-left: 0;
}
.social-holder {
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
display: flex;
}
.social-divider {
height: 24px;
margin-left: 8px;
margin-right: 8px;
}
.social-divider.line {
border: .9px solid #e2e2e3;
margin-right: 10px;
}
.image-662 {
opacity: .9;
mix-blend-mode: normal;
width: 25px;
height: 25px;
}
.image-662.slack {
width: 23px;
height: 23px;
}
.right-nav {
justify-content: center;
align-items: center;
display: flex;
}
.text-block-460 {
cursor: pointer;
border-bottom: 1px dashed #0000;
margin-right: 17px;
padding-left: 5px;
padding-right: 5px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13.9px;
font-weight: 600;
}
.text-block-460:hover {
border-bottom-width: 1px;
border-bottom-color: #4e4e4ecc;
}
.text-block-460.main-page {
color: #605a56;
font-weight: 500;
text-decoration: none;
}
.text-block-460.main-page.last {
margin-right: 10px;
text-decoration: none;
}
.text-block-460.main-page.last.sign-in {
font-size: 14.2px;
text-decoration: none;
}
.text-block-460.main-page.pricing {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.form-block-43 {
width: 90%;
}
.awaiting-confermation {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100px;
padding-bottom: 20px;
display: none;
}
.image-663 {
width: 35px;
height: 35px;
}
.paragraph-281 {
max-width: 210px;
}
.no-receive {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 230px;
margin-top: 10px;
display: flex;
}
.text-block-461 {
color: #adadad;
font-size: 12px;
font-weight: 400;
}
.paragraph-282 {
text-align: left;
font-size: 11px;
}
.paragraph-282.action {
cursor: pointer;
font-weight: 600;
display: none;
}
.div-block-1233 {
width: 92%;
}
.div-block-1234 {
background-color: #dcdcdd;
border-radius: 7px;
padding: 5px;
}
.div-block-1235 {
padding: 7px;
display: block;
}
.div-block-1235.success-copy-api-key {
background-color: #0000;
display: none;
}
.div-block-1235.success-copy-api-key.success-copy-email {
margin-left: 10px;
padding: 0;
display: none;
}
.div-block-1235.copy-api {
padding: 5px;
}
.div-block-1235.copy-api.copy-email {
margin-left: 10px;
padding: 0;
}
.heading-321 {
color: #635bff;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 10px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
display: flex;
}
.for-paid-plans {
background-color: #635bff80;
border-radius: 5px;
flex-flow: column;
justify-content: center;
align-items: center;
height: 25px;
margin-left: 10px;
padding: 7px;
display: flex;
}
.lottie-animation-47 {
width: 100px;
}
.loading-confirm {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 20px;
display: none;
}
.email-confirmed {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.image-664 {
width: 40px;
}
.error-confimation {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: none;
}
.verification-code-div {
width: 100%;
margin-bottom: 20px;
display: none;
}
.verification-code-div.signup {
min-width: 0%;
display: flex;
}
.paragraph-283 {
flex-flow: column;
justify-content: flex-end;
align-items: baseline;
margin-top: 10px;
margin-bottom: 0;
margin-left: 10px;
font-size: 15px;
display: none;
}
.text-span-212 {
color: #272727;
cursor: pointer;
font-size: 12.5px;
}
.div-block-1236 {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.paragraph-284 {
margin-bottom: 10px;
font-size: 12.5px;
line-height: 18px;
}
.div-block-1237 {
cursor: pointer;
}
.section-subscriptions {
justify-content: center;
align-items: center;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.billing-credits {
display: none;
}
.billing-credits.loader {
flex-flow: row;
align-items: stretch;
width: 100%;
height: 50px;
display: block;
}
.div-block-1238 {
justify-content: space-between;
align-items: baseline;
display: flex;
}
.div-block-1239 {
width: 100%;
display: none;
}
.paragraph-285 {
margin-left: 20px;
}
.lottie-animation-48 {
flex-flow: column;
width: 100%;
height: 100%;
display: block;
}
.subscription {
display: none;
}
.div-block-1240 {
justify-content: center;
display: flex;
}
.div-block-1240.loader-subscription {
display: flex;
}
.tabs-content {
justify-content: center;
align-items: center;
display: flex;
}
.link-block-76 {
color: #333;
}
.image-665 {
margin-left: 20px;
}
.paragraph-286 {
margin-bottom: 0;
}
.paragraph-287 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.paragraph-287.percentage {
margin-left: 10px;
}
.paragraph-287.percentage.used {
margin-left: 0;
}
.paragraph-287.percentage.used.dash {
color: #6a7280;
margin-left: 2px;
}
.paragraph-287.percentage.used.dash.total-credits {
margin-left: 1px;
}
.div-block-1241 {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.div-block-1242 {
display: flex;
}
.link-5, .link-6 {
text-decoration: underline;
}
.api-key-to-delete {
margin-top: 3px;
margin-bottom: 0;
padding-left: 0;
font-size: 15px;
font-weight: 400;
line-height: 21px;
}
.div-block-1243 {
outline-offset: 0px;
cursor: pointer;
border: .225px solid #000;
border-radius: 5px;
outline: 3px #333;
flex-flow: row;
justify-content: center;
align-items: center;
width: auto;
min-width: 75px;
max-width: 100px;
height: 40px;
min-height: 40px;
max-height: 40px;
margin-right: 0;
padding: 3px;
display: flex;
position: static;
}
.paragraph-288 {
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-bottom: 0;
margin-left: 0;
font-size: 12px;
line-height: 19px;
display: block;
}
.ms-step-two-label {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #f5f5f5;
border-radius: 10px;
align-items: center;
margin-bottom: 20px;
padding: 14px;
display: flex;
}
.ms-input {
color: #121331;
background-color: #fff;
border: 1px solid #12133140;
border-radius: 5px;
min-height: 40px;
margin-bottom: 20px;
padding: 8px 12px;
transition: box-shadow .2s, color .2s, box-shadow .2s, border-color .2s;
position: relative;
box-shadow: 0 5px 10px -5px #0000001a;
}
.ms-input:hover {
z-index: 2;
box-shadow: none;
border-color: #2962ff;
}
.ms-input::placeholder {
color: #12133199;
}
.ms-input.is-token {
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
}
.ms-token-overflow {
z-index: 5;
background-color: #fff;
width: 45px;
height: 60px;
position: absolute;
top: 0%;
left: 100%;
right: auto;
}
.ms-input-wrap {
padding: 0;
display: flex;
position: relative;
}
.ms-input-wrap.token {
grid-column-gap: 12px;
width: 100%;
max-width: 100%;
}
.ms-mail-icon {
flex: none;
min-width: 40px;
max-width: 50px;
max-height: 50px;
}
.ms-token-input {
z-index: 2;
color: #000;
text-align: left;
letter-spacing: 50px;
text-transform: uppercase;
background-color: #0000;
border: 1px #000;
width: 100%;
height: 60px;
margin-bottom: 0;
padding: 0 0 0 10px;
font-family: Verdana, Geneva, sans-serif;
font-size: 32px;
font-weight: 400;
position: absolute;
top: 0;
left: 0;
}
.ms-token-input::placeholder {
color: #6b7b8a;
font-weight: 400;
}
.ms-input-label {
text-align: left;
margin-bottom: 5px;
font-weight: 600;
}
.form-block-44 {
width: 100%;
max-width: none;
margin-top: 20px;
}
.feedback-tab-olostep {
display: block;
}
.feedback-tab-olostep.feedback-tab {
display: none;
}
.text-block-202 {
text-align: center;
margin-top: 10px;
}
.text-block-191 {
color: #fff;
margin-left: 5px;
font-weight: 700;
}
.text-block-191.bigger {
font-size: 15px;
}
.text-block-191.bigger.here {
color: #754dff;
}
.image-333 {
width: 20px;
height: 20px;
}
.textarea-2 {
min-height: 65px;
}
.div-block-779 {
background-color: #4e4e4e;
width: 300px;
height: .6px;
margin-top: 30px;
margin-bottom: 0;
}
.heading-202 {
color: #4e4e4e;
text-align: center;
font-size: 16px;
font-weight: 400;
display: block;
}
.div-block-781 {
border: .5px solid #4e4e4e;
flex-direction: column;
justify-content: center;
align-items: center;
width: 400px;
margin-top: 10px;
margin-bottom: 20px;
padding: 20px 10px;
display: none;
}
.div-block-777 {
background-color: #fff;
border: 3px solid #f2f6ff;
flex-direction: column;
align-items: center;
min-width: auto;
max-width: 1200px;
min-height: auto;
margin-top: 7px;
padding: 10px 40px;
display: flex;
}
.div-block-778 {
cursor: pointer;
border: 1px solid #4e4e4e;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 400px;
height: 40px;
display: none;
}
.text-block-201 {
margin-left: 6px;
}
.link-block-34 {
width: 100%;
text-decoration: none;
}
.form-block-26 {
width: 400px;
max-width: none;
margin-top: 20px;
padding-bottom: 0;
display: block;
}
.heading-201 {
color: #4e4e4e;
text-align: center;
font-family: PT Serif, serif;
font-size: 30px;
}
.button-109 {
background-color: #4e4e4e;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 0;
display: flex;
}
.div-block-780 {
width: 400px;
margin-top: 0;
}
.image-334 {
width: 22px;
height: 22px;
}
.image-334.blockmol {
display: none;
}
.div-block-747 {
cursor: pointer;
background-color: #4e4e4e;
border-radius: 6px;
justify-content: flex-start;
align-items: center;
width: 210px;
height: 48px;
margin-top: 0;
padding: 10px 14px;
display: flex;
}
.div-block-747.activate {
color: #2c6cdf;
background-color: #2c6cdf;
border: 0 solid #000;
justify-content: center;
width: 100%;
height: 44px;
margin-top: 20px;
}
.div-block-747.activate.purple {
background-color: #fff;
border-width: 1px;
border-color: #754dff;
}
.link-block-77, .link-block-78, .link-block-79, .link-block-80 {
text-decoration: none;
}
.text-block-234 {
color: #231f2099;
margin-bottom: 10px;
}
.text-block-234.copy {
margin-bottom: 0;
}
.text-block-234.copy.lower {
margin-top: 60px;
margin-bottom: 10px;
}
.text-block-462 {
color: #fff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
display: block;
}
.text-block-462.medium {
font-weight: 600;
}
.text-block-235 {
text-decoration: none;
}
.paragraph-289 {
color: #4e4e4e;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.paragraph-289.system {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.seprator {
background-color: #231f204d;
width: 1px;
height: 20px;
margin-left: 10px;
margin-right: 10px;
display: none;
}
.form-block-45 {
width: 100%;
height: auto;
margin-bottom: 0;
}
.div-block-2 {
width: 100%;
max-width: 1024px;
}
.textarea-6 {
border: 1px solid #0000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 100%;
height: 100%;
min-height: 120px;
margin-bottom: 0;
}
.textarea-6:focus, .textarea-6:focus-visible, .textarea-6[data-wf-focus-visible] {
border-width: 2px;
}
.footer_copyright {
margin-top: 20px;
}
.link-69 {
color: #000000b3;
}
.link-block-52 {
margin-top: 4px;
}
.div-block-316 {
align-items: center;
display: flex;
}
.copy_and_legal {
justify-content: space-between;
align-items: center;
display: flex;
}
.text-block-463 {
text-align: center;
}
.image-666 {
width: 30px;
}
.footer_copy_menu {
justify-content: center;
align-items: center;
margin-left: 30px;
display: flex;
}
.footer_nav_item {
color: #231f20b3;
width: 100%;
margin-bottom: 5px;
padding-bottom: 3px;
text-decoration: none;
}
.footer_nav_item.terms-conditions, .footer_nav_item.chat-online, .footer_nav_item.chat-whatsapp {
display: none;
}
.footer-logo {
width: 70px;
}
.footer-logo.round {
border-radius: 200px;
}
.footer-logo.round.smaller {
border: 1px solid #7b7b7d12;
width: 40px;
max-width: none;
display: block;
}
.footer-disclaimer-2 {
border-bottom: 1px solid #0000004d;
padding-bottom: 10px;
}
.footer-disclaimer-2.copy {
margin-bottom: 10px;
}
.link-68 {
color: #06c;
text-decoration: none;
}
.footer_nav_block {
display: block;
}
.footer_nav_block.padding22 {
padding-top: 22px;
display: none;
}
.footer_nav_block.legal {
display: none;
}
.custom_container {
width: 100%;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}
.link-71 {
color: #06c;
text-decoration: none;
}
.heading-322 {
margin-top: 4px;
font-weight: 400;
}
.link-block-53 {
margin-top: 0;
}
.footer_nav {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 0;
display: grid;
}
.form-35 {
width: 100%;
height: auto;
}
.text-block-363 {
color: #4e4e4e;
margin-left: 5px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12px;
font-weight: 500;
}
.image-43 {
width: 200px;
min-width: 0;
}
.image-43.chomewebs {
border-radius: 4px;
width: 700px;
}
.image-43.chomewebs.smaller {
border: .5px solid #7b7b7d45;
width: 120px;
max-width: 100%;
}
.image-43.notsobig {
width: 120px;
}
.feedback-component {
cursor: pointer;
background-color: #fff;
border-radius: 5px;
align-items: center;
width: 140px;
height: 24px;
padding-left: 4px;
padding-right: 4px;
display: flex;
box-shadow: 0 2px 5px #0000;
}
.heading-323 {
color: #635bffd6;
margin-top: 5px;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 15px;
line-height: 20px;
}
.link-block-54 {
margin-top: 7px;
}
.link-block-7 {
text-decoration: none;
}
.footer-zec-official {
background-color: #f5f5f7;
flex-direction: column;
align-items: center;
margin-top: 0;
padding: 30px 0 20px;
display: none;
}
.footer_country {
color: #231f20b3;
}
.footer_nav_headin {
margin-top: 22px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 400;
}
.body-3 {
padding-left: 0;
padding-right: 0;
}
.paragraph-290 {
color: #71717a;
font-size: 18px;
line-height: 26px;
}
.paragraph-291 {
color: #a3a3a3;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
font-size: 12px;
line-height: 18px;
display: flex;
}
.div-block-1244 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
margin-top: 5px;
display: block;
}
.link-72 {
-webkit-text-decoration: none;
text-decoration: none;
}
.link-73 {
color: #858585;
text-decoration: none;
}
.text-field-48 {
border: 1px solid #0a254030;
border-radius: 10px;
width: 400px;
height: 45px;
margin-bottom: 0;
padding-top: 12px;
padding-bottom: 10px;
padding-left: 15px;
font-size: 15px;
box-shadow: 0 2px 14px #0000002e;
}
.text-field-48:focus {
border-color: #178bff80;
box-shadow: 0 0 0 3px #2791ff80;
}
.text-field-48::placeholder {
font-size: 15px;
}
.section-parsers {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 60px;
margin-bottom: 10px;
padding-top: 20px;
display: flex;
}
.title-div-round {
border-radius: 10px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-bottom: 20px;
padding: 3px 10px;
display: flex;
box-shadow: 0 2px 5px #0003;
}
.title-div-round.white {
color: #fff;
background-color: #fff0;
border: 1px solid #fff;
box-shadow: inset 0 2px 5px #0003;
}
.text-span-213 {
color: #0a2540;
font-style: normal;
}
.div-block-1245 {
cursor: pointer;
border: 1px solid #ddd;
border-radius: 10px;
width: 300px;
height: auto;
padding: 10px;
box-shadow: 0 2px 7px #0000002e;
}
.text-block-464 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13.5px;
font-weight: 400;
}
.text-block-465 {
color: #231f2099;
margin-bottom: 10px;
}
.text-block-465.copy {
margin-bottom: 0;
display: block;
}
.text-block-465.copy.lower {
margin-top: 60px;
margin-bottom: 10px;
}
.text-block-466 {
color: #fff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
display: block;
}
.text-block-466.medium {
font-weight: 600;
}
.text-block-467 {
text-decoration: none;
}
.paragraph-292 {
color: #4e4e4e;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.paragraph-292.system {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.form-block-46 {
width: 100%;
height: auto;
margin-bottom: 0;
}
.div-block-1246 {
width: 100%;
max-width: 1024px;
}
.link-74 {
color: #000000b3;
}
.link-block-81 {
margin-top: 4px;
}
.div-block-1247 {
align-items: center;
display: flex;
}
.text-block-468 {
text-align: center;
}
.image-667 {
width: 30px;
}
.footer_nav_block-2.padding22 {
padding-top: 22px;
}
.heading-324 {
margin-top: 4px;
font-weight: 400;
}
.form-36 {
width: 100%;
height: auto;
}
.text-block-469 {
color: #4e4e4e;
margin-left: 5px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12px;
font-weight: 500;
}
.image-668 {
width: 200px;
min-width: 0;
}
.image-668.chomewebs {
border-radius: 4px;
width: 700px;
}
.image-668.chomewebs.smaller {
border: .5px solid #7b7b7d45;
width: 120px;
max-width: 100%;
}
.image-668.notsobig {
width: 120px;
}
.heading-325 {
color: #635bffd6;
margin-top: 5px;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 15px;
line-height: 20px;
}
.link-block-82 {
margin-top: 7px;
}
.link-block-83 {
text-decoration: none;
}
.link-block-83.terms-and-conditions {
display: none;
}
.footer-zec-official-2 {
background-color: #f5f5f7;
flex-direction: column;
align-items: center;
margin-top: 0;
padding: 30px 20px 20px;
display: flex;
}
.footer_nav_headin-2 {
margin-top: 22px;
margin-bottom: 10px;
}
.button-151 {
color: #fff;
background-color: #635bff;
border-radius: 100px;
padding: 5px 18px;
font-size: 13.5px;
box-shadow: 0 2px 5px #0003;
}
.image-669 {
width: auto;
height: auto;
max-height: 100%;
}
.div-block-1248 {
display: flex;
}
.section-displayui {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 10px;
padding-top: 20px;
display: flex;
}
.text-block-470 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 700;
}
.paragraph-293 {
margin-top: 20px;
}
.form-block-47 {
margin-top: 0;
margin-bottom: 5px;
position: relative;
}
.div-block-1249 {
border: 1px solid #ddd;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-right: 10px;
padding: 3px;
display: flex;
overflow: clip;
}
.browser-window {
background-color: #f0f0f2;
justify-content: center;
align-items: flex-start;
height: 200px;
padding-top: 20px;
display: flex;
}
.top-bar {
background-color: #ffffffe0;
border-bottom: 1px solid #f5f6f8;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
display: flex;
}
.top-bar__left {
justify-content: space-between;
align-items: center;
width: 170px;
display: flex;
}
.site-wrapper {
background-color: #000;
background-image: url('../images/Light-Gradient-03.png');
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
height: 400px;
padding: 0 1%;
display: flex;
}
.search-bar-2 {
text-align: center;
background-color: #e3e3e3cc;
border-radius: 6px;
justify-content: center;
align-items: center;
max-width: 100%;
height: 26px;
margin-left: 14px;
padding: 2px 20px 2px 10px;
font-size: 12px;
display: flex;
}
.browser-wrapper {
border: 1px solid #f5f6f8;
border-radius: 18px;
flex: 1;
max-width: 400px;
overflow: hidden;
box-shadow: 0 2px 5px #0000001f;
}
.arrows-wrapper {
margin-left: 5px;
display: flex;
}
.top-bar__center {
flex: 1;
max-width: 40%;
}
.top-bar__right {
justify-content: flex-end;
align-items: center;
width: 120px;
display: flex;
}
.top-bar__right-contents {
justify-content: space-between;
align-items: center;
width: 100px;
margin-left: 10px;
display: flex;
}
.icon-wrapper {
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
}
.div-block-1250 {
background-color: #fff;
width: 70%;
max-width: 300px;
padding: 5px 10px;
}
.show-conversion {
justify-content: center;
align-items: center;
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.text-block-471 {
font-weight: 700;
}
.code-response {
background-color: #18181b;
border-radius: 18px;
width: 400px;
height: auto;
min-height: auto;
margin-left: 40px;
padding-top: 10px;
padding-bottom: 30px;
}
.text-block-472 {
color: #cecece;
}
.header-code {
color: #94949d;
border-bottom: 1px solid #cecece;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.paragraph-294 {
color: #cecece;
}
.div-block-1251 {
margin-left: 20px;
margin-right: 20px;
padding-left: 10px;
padding-right: 10px;
}
.text-span-214 {
color: #8b85ff;
}
.div-block-1252 {
margin-left: 40px;
}
.letter-container {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
min-height: 80px;
padding: 40px 20px;
display: flex;
}
.div-block-1253 {
margin-bottom: 60px;
}
.paragraph-295 {
max-width: 700px;
font-family: PT Serif, serif;
font-size: 22px;
line-height: 32px;
}
.link-105 {
color: #313030;
}
.image-670 {
margin-left: 10px;
}
.section-code-example {
background-color: #0a2540;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 0;
padding-top: 20px;
padding-bottom: 100px;
display: flex;
}
.tab-link-tab-1 {
background-color: #fff;
border: 1px solid #cecece;
border-radius: 5px;
width: 300px;
margin-left: 10px;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 500;
box-shadow: 0 2px 5px #0003;
}
.tab-link-tab-1.w--current {
color: #333;
background-color: #dadada;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 300px;
font-weight: 500;
display: flex;
}
.section-2 {
background-color: #0a2540;
border-bottom: 90px solid #0a2540;
border-left: 100vw solid #fff;
margin-top: 140px;
}
.section-2.flipped {
border-color: #000 #000 #fff #0a2540;
border-top-style: solid;
border-top-width: 0;
border-left-width: 100vw;
border-right-style: solid;
border-right-width: 0;
margin-top: 0;
display: none;
}
.tab-pane-tab-1 {
background-color: #fff;
border-radius: 10px;
width: auto;
}
.tabs-menu {
justify-content: center;
align-items: center;
margin-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.div-block-1254 {
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.image-671 {
width: 18px;
margin-right: 10px;
}
.div-block-1255 {
background-color: #2b2b2b;
border: 1px solid #cecece;
border-radius: 10px;
margin-top: 20px;
padding: 15px 0 20px;
}
.tabs-content-2 {
border-radius: 10px;
}
.tabs-menu-2 {
color: #f3f3f3;
border-bottom: .5px solid #cecece;
justify-content: flex-start;
align-items: center;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 20px;
display: flex;
}
.tabs-content-3 {
padding-left: 10px;
padding-right: 20px;
}
.tab-link-tab-2 {
color: #927d7d;
background-color: #2b2b2b;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
text-decoration: none;
}
.tab-link-tab-2.w--current {
color: #fff;
background-color: #e9d7fe;
border-radius: 5px;
justify-content: flex-start;
align-items: center;
max-width: none;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600;
display: flex;
}
.text-block-473 {
color: #635bff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600;
}
.tab-link-code {
color: #fff;
background-color: #2b2b2b;
border: 0 solid #cecece;
border-radius: 5px;
justify-content: center;
align-items: center;
margin-right: 10px;
padding: 5px 10px;
font-size: 12.5px;
display: flex;
}
.tab-link-code.w--current {
color: #fff;
background-color: #fff0;
border-width: 1px;
justify-content: center;
align-items: center;
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 700;
}
.tab-link-tab-1-2 {
color: #9e6c6c;
}
.tab-link-tab-1-2.w--current {
color: #fff;
}
.image-672 {
width: 17px;
margin-right: 10px;
}
.form-37 {
justify-content: center;
align-items: center;
display: flex;
}
.button-152 {
color: #18181b;
background-color: #f3f3f3;
border: 1px solid #18181b;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
justify-content: center;
align-items: center;
height: 45px;
margin-left: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600;
display: flex;
}
.link-106 {
cursor: pointer;
-webkit-text-decoration: underline dashed;
text-decoration: underline dashed;
}
.section-features {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 100px;
display: flex;
}
.div-block-1256 {
background-color: #f5f6f8;
border: 1px solid #cecece;
border-radius: 20px;
width: 100%;
height: 430px;
padding: 20px;
box-shadow: 0 2px 10px #0000000f;
}
.quick-stack {
width: 100%;
}
.div-block-1257 {
width: 100%;
max-width: 1024px;
}
.image-673 {
width: 25px;
}
.heading-326 {
margin-top: 10px;
font-size: 20px;
font-weight: 400;
line-height: 25px;
}
.div-block-1258 {
background-color: #f5f6f8;
border: 1px solid #cecece;
border-radius: 20px;
width: 100%;
min-height: 100px;
padding: 20px;
}
.quick-stack-2 {
padding-top: 0;
}
.tabs {
margin-top: 20px;
}
.text-block-474 {
font-size: 15px;
}
.body-quote {
background-color: #f0f0f2;
justify-content: center;
align-items: flex-start;
padding-top: 60px;
display: flex;
}
.div-block-1259 {
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 5px;
width: 600px;
min-height: 0;
padding: 32px;
box-shadow: 0 2px 10px #00000005;
}
.heading-327 {
margin-top: 0;
}
.paragraph-296 {
margin-top: 20px;
font-size: 14.5px;
line-height: 22.5px;
}
.paragraph-297 {
color: #333333f0;
font-size: 14px;
line-height: 21px;
}
.paragraph-298 {
color: #605a56b3;
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 5px;
display: flex;
}
.div-block-1260 {
margin-top: 0;
margin-bottom: 10px;
}
.add-ons-container {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 1024px;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 0;
display: flex;
}
.add-ons-container.home-page {
margin-left: 0;
margin-right: 0;
}
.heading-328 {
margin-bottom: 10px;
font-size: 1.75rem;
line-height: 1.3rem;
}
.paragraph-299 {
margin-top: 0;
margin-bottom: 7px;
margin-left: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.heading-329 {
margin-top: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13.9px;
font-weight: 500;
line-height: 20px;
}
.div-block-1261 {
background-color: #fff;
border: 1px solid #f5f6f8;
border-radius: 10px;
justify-content: center;
width: auto;
min-width: auto;
height: 100%;
margin-bottom: 10px;
margin-left: 0;
padding: .7rem 1rem .12rem;
display: block;
box-shadow: 0 2px 5px #0003;
}
.div-block-1261.second-credit-pack {
margin-top: 7px;
margin-left: 0;
}
.div-block-1261.topup {
width: 40%;
}
.div-block-1261._500k {
margin-left: 20px;
}
.paragraph-300 {
justify-content: center;
font-size: 12px;
display: flex;
}
.div-block-1262 {
flex-flow: column;
margin-top: 7px;
display: flex;
}
.div-block-1262.top-up-wrpr, .federated-block {
width: 100%;
}
.div-block-1263 {
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-1264 {
padding-left: 0;
padding-right: 0;
}
.loading-invitation {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 20px;
display: none;
}
.text-block-475 {
font-size: 12px;
}
.main-auth-block {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.error-invitation {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: none;
}
.heading-330 {
font-weight: 500;
}
.paragraph-301 {
color: #151c34cc;
}
@media screen and (min-width: 1280px) {
.body.white {
margin-top: 0;
}
.div-block-1159 {
justify-content: center;
align-items: center;
margin-top: 0;
}
.mistral-footer {
inset: auto 0% 19%;
}
.no-results {
background-color: #fff;
border-width: 0;
}
.list-19 {
display: none;
}
.search-cms-wrapper {
background-color: #0000;
width: 100%;
display: block;
}
.link-block-go {
display: none;
}
.div-block-1165 {
margin-top: 0;
}
.paragraph-253 {
padding-bottom: 2px;
padding-right: 2px;
}
.suggestions-mistral.project-mistral {
margin-top: 20px;
display: flex;
}
.suggestions-mistral.project-mistral.mobile {
display: none;
}
.suggestions-mistral.project-mistral.desktop {
opacity: 1;
}
.sugg-item.project_mistral {
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.source-div.original, .list-item-39 {
display: none;
}
.text-span-211 {
color: #9da1a8;
font-weight: 700;
line-height: 20px;
}
.link {
text-decoration: none;
}
.logo-mistral {
width: 130px;
}
.paragraph-258 {
max-width: 200px;
margin-bottom: 0;
font-size: 30px;
line-height: 32px;
position: relative;
left: -2px;
}
.disclaimer-refresh-desktop {
margin-top: 10px;
display: flex;
}
.paragraph-259 {
margin-bottom: 0;
}
.div-block-1179 {
margin-top: 0;
}
.bold-text {
line-height: 20px;
}
.suggestions-list {
justify-content: flex-start;
align-items: flex-start;
width: auto;
min-width: 750px;
margin-top: 0;
top: -44px;
}
.suggestions-list.desktop {
z-index: -10;
opacity: 0;
}
.suggestions-list.mobile {
display: none;
}
.image-638 {
background-color: #0000;
margin-top: 10px;
padding-top: 0;
padding-left: 0;
}
.paragraph-260 {
color: #70706fad;
padding-right: 2px;
font-size: 16px;
line-height: 20px;
}
.list-suggestions {
width: 100%;
margin-top: 5px;
padding-left: 10px;
}
.suggestion-item {
opacity: 1;
outline-offset: 0px;
border-bottom: .5px solid #aaa;
outline: 1px snow;
align-items: stretch;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.paragraph-261 {
color: #70706f;
padding-left: 2px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.textarea-5:focus, .textarea-5:focus-visible, .textarea-5[data-wf-focus-visible] {
border-width: 2px;
}
.amount-div.first {
padding-right: 30px;
}
.content-shop-bar.nonegative {
margin-top: 10px;
}
.checkbox-2 {
margin-left: 0;
}
.fed-button.google.to.authexst.other {
min-height: 0;
}
.slider-dots {
display: none;
}
.field-label-3 {
text-align: left;
width: 300px;
position: relative;
left: 0;
}
.field-label-3._2 {
left: 0;
}
.text-field-5 {
width: 300px;
position: static;
left: 0;
}
.slide-navigation {
opacity: 0;
}
.form-field-wrapper {
justify-content: center;
align-items: center;
}
.form-box {
width: auto;
position: relative;
top: 0;
left: 0;
}
.modal-content {
align-items: center;
width: auto;
padding-left: 0;
padding-right: 0;
}
.checkbox-field-2 {
justify-content: center;
align-items: center;
width: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
left: 92px;
}
.hero-2 {
padding-left: 20px;
padding-right: 20px;
}
.email-auth {
position: relative;
left: 0;
}
.checkbox-label-3 {
text-align: center;
width: 300px;
margin-left: 0;
position: relative;
left: -92px;
}
.div-block-60 {
display: none;
}
.text-field-box {
display: block;
}
.text-field-box._2 {
width: auto;
}
.text-field-box._2._100 {
width: 100%;
}
.textarea-6:focus, .textarea-6:focus-visible, .textarea-6[data-wf-focus-visible] {
border-width: 2px;
}
.footer-logo {
width: 70px;
}
}
@media screen and (min-width: 1440px) {
.home-page-olostep {
display: block;
}
.tab-page-olostep.feedback-tab.team-tab {
display: none;
}
.nav-3.no-bottom {
max-width: 300px;
}
.feedback-tooltip-wrapper.dnheader {
display: block;
}
.amount-div.first {
padding-right: 90px;
}
.olostep-loader-lottie.name-loader {
display: none;
}
.content-shop-bar.nonegative {
margin-top: 10px;
}
.content-shop-bar.nonegative.nominkey {
display: block;
}
.field-label-3._2, .text-field-5 {
left: 0;
}
.form-field-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
}
.form-box {
justify-content: center;
align-items: center;
width: auto;
top: 0;
left: 0;
}
.modal-content {
padding-left: 0;
padding-right: 0;
}
.checkbox-field-2 {
left: 0;
}
.hero-2 {
padding-left: 20px;
}
.heading-25 {
width: 900px;
}
.checkbox-label-3 {
text-align: center;
left: 0;
}
.div-block-60 {
display: none;
}
.text-field-box {
justify-content: center;
align-items: center;
}
.text-field-box._2 {
flex-direction: column;
justify-content: center;
}
.form-34 {
width: 80%;
padding-left: 0;
}
.form-34.team-invite {
padding-left: 20px;
}
.form-block-42.team-name {
width: 90%;
display: flex;
}
}
@media screen and (min-width: 1920px) {
.nav-3.no-bottom {
max-width: 350px;
}
.amount-div.first {
padding-right: 200px;
}
.hero-2 {
padding-left: 20px;
}
.container-100.is-nav {
width: auto;
margin-right: auto;
padding-left: 25em;
padding-right: 25em;
}
.container-100.is-nav.central.stampaoltre {
box-shadow: 0 2px 10px #00000012;
}
}
@media screen and (max-width: 991px) {
.libraries-usecases_card2 {
padding: 2.5rem;
}
.heading-large-2 {
font-size: 2.25rem;
}
.heading-xhuge {
font-size: 3.5rem;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.libraries-header_image-inner-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-left: -50%;
}
.max-width-large.align-center {
max-width: 45rem;
}
.libraries-header_image {
width: 40rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.libraries-usecases_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.heading-huge {
font-size: 3.25rem;
}
.text-block-442 {
line-height: 38px;
}
.libraries-usecases_card3 {
padding: 3rem 2.5rem;
}
.page-wrapper-6.sticky-on-page {
padding-left: 0;
padding-right: 0;
}
.libraries-pricing_starter-plan-outline {
margin-top: 20px;
}
.libraries-featured_component {
background-position: 50% 100%;
grid-template-columns: 1fr;
padding-left: 0;
}
.nav-component.mellowtel.home-page.main-page.newui {
padding-left: 3rem;
padding-right: 3rem;
}
.libraries-header_heading {
font-size: 3.5rem;
}
.libraries-featured_text-wrapper {
padding: 3rem 2.5rem 0;
}
.nav_menu {
display: block;
}
.libraries-pricing_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.libraries-faq_layout {
grid-column-gap: 2rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.menu-button {
display: none;
}
.max-width-xlarge.align-center {
max-width: 45rem;
}
.libraries-usecases_card1 {
padding: 2.5rem;
}
.libraries-featured_image {
margin-top: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.libraries-pricing_layout {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
grid-template-columns: 1fr;
display: block;
}
.libraries-pricing_plan {
margin-top: 20px;
margin-bottom: 0;
}
.libraries-pricing_plan.starter-plan.standard-plan, .libraries-pricing_plan.starter-plan.bigger {
margin-top: 0;
}
.container-large-5 {
padding-left: 20px;
padding-right: 20px;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-medium {
font-size: 1.75rem;
}
.text-rights-short {
text-align: center;
}
.div-block-1134 {
margin-right: -30px;
}
.footer-horizontal {
text-align: center;
flex-direction: column;
justify-content: center;
}
.footer-block.imag-op {
flex-direction: column;
justify-content: center;
}
.image-607 {
margin-bottom: 20px;
margin-left: 0;
}
.footer-link-wrap-short {
margin-right: 0;
}
.container-16 {
overflow: visible;
}
.logo-flat {
margin-bottom: 32px;
}
.logo-flat.olostep {
margin-bottom: 0;
}
.search-input-2 {
height: 40px;
padding-left: 10px;
}
.search-icon {
left: 3%;
}
.div-block-552.onmenu {
max-width: 300px;
}
.div-block-553.menu {
width: 300px;
}
.div-block-595 {
width: auto;
}
.source-div {
transform: translate(1400px);
}
.paragraph-131 {
max-width: 300px;
}
.paragraph-258 {
font-size: 30px;
font-weight: 700;
line-height: 32px;
}
.nav-links {
padding-left: 40px;
}
.mobile-nav-2 {
z-index: 9999;
background-color: #fff;
border-bottom: 1px solid #ebedec;
justify-content: space-between;
align-items: center;
height: 60px;
padding: 20px;
display: flex;
position: sticky;
inset: 0% 0% auto;
}
.link-wrapper {
justify-content: flex-start;
}
.logo-link-2.mobile {
width: 100px;
}
.nav-bot {
padding-left: 40px;
}
.tooltip-arrow.v3 {
inset: -8px auto auto 20px;
transform: rotate(90deg);
}
.tooltip-arrow.v3.bottom {
inset: auto auto -27px 20px;
transform: rotate(-90deg);
}
.nav-3 {
background-color: #fff;
border-left: 1px solid #ebedec;
height: auto;
padding-left: 0;
display: none;
position: fixed;
inset: 60px 0% 0% auto;
}
.tooltip-v3-3 {
height: 152px;
}
.textarea-5 {
min-height: 120px;
}
.gird-abbonamenti-connect-acc {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-left: 0;
padding-right: 0;
}
.content-3 {
padding-left: 20px;
padding-right: 20px;
}
.tooltip-float-v3-3.top {
display: none;
inset: auto auto 186% 0%;
}
.logo-img.mobile {
width: 70%;
}
.logo-img.mobile.partner {
width: 50%;
margin-top: -20px;
display: none;
}
.still-to-send {
display: block;
}
.container-connect {
width: auto;
min-width: 240px;
padding-left: 10px;
padding-right: 10px;
}
.content-mid {
grid-row-gap: 60px;
flex-direction: column;
}
.already-sent {
height: 100%;
min-height: 0;
}
.nav-logo {
display: none;
}
.hamburger-line-2 {
background-color: #000;
height: 3px;
padding-bottom: 0;
padding-right: 0;
}
.hamburger-line-2.mid {
margin-top: 5px;
margin-bottom: 5px;
}
.hamburger-2 {
cursor: pointer;
width: 40px;
}
.container-98 {
padding-left: 0;
padding-right: 0;
}
.thanks-note {
background-color: #fff;
border-radius: 5px;
height: 167px;
}
.content-shop-bar {
padding-left: 10px;
padding-right: 10px;
}
.fed-button.google.to {
width: 725px;
}
.slide-navigation {
opacity: 0;
}
.form-box {
width: 550px;
margin-top: 0%;
}
.modal-content {
justify-content: center;
align-items: center;
margin-left: -70px;
margin-right: 0;
}
.modal-content.nomargin {
margin-left: 0;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.hero-2 {
padding-left: 20px;
padding-right: 20px;
}
.container-100 {
padding-left: 6vw;
padding-right: 6vw;
}
.container-100.is-nav {
padding: .8em 1em .5em;
}
.container-100.is-nav.central {
padding-left: 1em;
padding-right: 1em;
}
.heading-25 {
width: auto;
}
.heading-25.right {
width: 100%;
}
.checkbox-label-3 {
width: 300px;
}
.checkbox-label-3.nomargin {
width: 100%;
}
.text-field-box {
width: 49%;
}
.api-key {
display: none;
}
.text-block-201 {
color: #4e4e4e;
font-size: 13px;
}
.textarea-6 {
min-height: 120px;
}
.footer-zec-official, .footer-zec-official-2 {
padding-left: 20px;
padding-right: 20px;
}
.show-conversion {
flex-flow: column;
justify-content: center;
align-items: center;
}
.code-response, .div-block-1252 {
margin-left: 0;
}
.tab-link-tab-1 {
width: 100%;
margin-top: 10px;
margin-left: 0;
}
.tab-link-tab-1.w--current {
width: 100%;
}
.tabs-menu {
flex-flow: column;
}
.div-block-1258 {
height: auto;
min-height: 200px;
}
.image-674 {
margin-top: 20px;
margin-bottom: 20px;
transform: rotate(90deg);
}
.add-ons-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 767px) {
.div-block-994 {
max-height: none;
padding-top: 20px;
padding-bottom: 20px;
}
.libraries-faq_icon {
width: 1.75rem;
}
.libraries-usecases_card2 {
padding-left: 2rem;
padding-right: 2rem;
}
.heading-large-2 {
font-size: 1.875rem;
}
.heading-xhuge {
font-size: 2.25rem;
}
.heading-xhuge.notsohuge.home-page {
text-align: center;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.libraries-header_image-wrapper {
padding-top: 2rem;
padding-bottom: 2rem;
}
.text-size-large-2 {
font-size: 1.125rem;
}
.libraries-header_image {
width: 25rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.libraries-usecases_component {
grid-template-columns: 1fr;
}
.nav_container {
flex-direction: column;
}
.heading-huge {
font-size: 2.125rem;
}
.libraries-pricing_tabs-menu {
justify-content: center;
width: 100%;
margin-bottom: 2rem;
display: flex;
}
.logo-company-using-ol.agent {
width: 90px;
}
.paragraph-250 {
text-align: center;
}
.libraries-usecases_card3 {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
padding: 2.5rem 2rem;
}
.libraries-featured_component {
background-position: 75% 200%;
}
.libraries-pricing_tab-link {
text-align: center;
flex: 1;
}
.page-padding-5 {
padding-left: 5vw;
padding-right: 5vw;
}
.nav-component.mellowtel.home-page.main-page.newui {
background-color: #fffffffc;
}
.libraries-header_heading {
font-size: 2.5rem;
}
.libraries-featured_text-wrapper {
padding-top: 2.5rem;
padding-left: 2rem;
padding-right: 2rem;
}
.nav_menu {
display: none;
}
.libraries-pricing_component {
grid-template-columns: 1fr;
}
.heading-small {
font-size: 1.25rem;
}
.libraries-faq_layout {
grid-template-columns: 1fr;
}
.section_libraries-header.overflow-hidden {
padding-bottom: 0;
}
.libraries-faq_question {
padding-top: 1rem;
padding-bottom: 1rem;
}
.section-companies-using {
padding-top: 0;
padding-right: 5px;
}
.libraries-usecases_card1 {
padding-top: 2.5rem;
padding-left: 2rem;
padding-right: 2rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.libraries-pricing_layout {
grid-template-columns: 1fr;
}
.heading-xxlarge {
font-size: 2.5rem;
}
.libraries-faq_list.top {
border-bottom-style: none;
}
.libraries-pricing_plan {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.libraries-pricing_plan.starter-plan {
padding-left: 1.3125rem;
padding-right: 1.3125rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-large {
padding-bottom: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-size-medium-2 {
font-size: 1rem;
}
.heading-medium {
font-size: 1.5rem;
line-height: 1.4;
}
.text-rights-short {
text-align: center;
}
.footer-horizontal {
text-align: center;
flex-wrap: wrap;
justify-content: center;
}
.footer-08 {
padding-bottom: 10px;
}
.footer-link-wrap-short {
margin-right: 0;
}
.logo-flat {
margin-bottom: 40px;
}
.div-block-1159 {
flex-flow: row;
margin-top: 90px;
}
.text-block-450.black {
font-size: 30px;
line-height: 35px;
}
.div-block-1160 {
display: none;
}
.search-bar.white {
width: 95%;
min-width: auto;
display: flex;
}
.mistral-footer {
margin-top: 0;
padding-top: 0;
bottom: -16%;
}
.div-block-1162 {
width: 100%;
}
.paragraph-252.model-name {
font-size: 14px;
}
.form-block-28 {
width: 95%;
min-width: auto;
}
.search-input-2 {
width: 100%;
padding-left: 5px;
}
.search-input-2.white {
min-width: auto;
font-size: 14px;
line-height: 18px;
}
.search-input-wrapper {
width: 100%;
margin-bottom: 0;
}
.search-icon.bigger.first.soph.original {
line-height: 18px;
}
.div-block-1164.white {
width: 20%;
padding-left: 5px;
padding-right: 5px;
}
.div-block-1165 {
margin-top: -10px;
}
.paragraph-253 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: flex;
overflow: hidden;
}
.le-chat-noir {
margin-top: -150px;
}
.suggestions-mistral {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row-reverse wrap;
width: auto;
margin-top: 0;
margin-bottom: 160px;
}
.sugg-item {
margin-right: 5px;
padding: 6px 4px;
}
.div-block-594 {
padding-left: 20px;
}
.div-block-595 {
width: auto;
padding-left: 10px;
padding-right: 10px;
}
.form-17 {
width: auto;
}
.source-div {
width: 70vw;
}
.source-div.original {
width: 55vw;
display: none;
}
.logo-mistral {
width: 120px;
height: auto;
}
.disclaimer-refresh-desktop {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
display: none;
}
.paragraph-259 {
padding-left: 10px;
}
.bold-text {
padding-left: 2px;
}
.suggestions-list {
width: 95%;
min-width: auto;
top: -200px;
}
.paragraph-261, .div-block-1181 {
width: 95%;
}
.logo-link-2.mobile {
width: 100px;
}
.tooltip-arrow.v3 {
inset: -8px auto auto 15px;
transform: rotate(90deg);
}
.tooltip-v3-3 {
height: 132px;
}
.textarea-5 {
min-height: 100px;
}
.content-top {
grid-row-gap: 20px;
flex-direction: column-reverse;
align-items: stretch;
}
.content-top.pad40 {
padding-left: 20px;
padding-right: 20px;
}
.gird-abbonamenti-connect-acc {
grid-template-columns: 1fr;
}
.content-3.stark-contrast {
padding-top: 20px;
}
.amount-div {
justify-content: flex-start;
}
.container-connect {
width: 100%;
}
.content-mid {
grid-row-gap: 40px;
}
.content-mid.olostep.your-items {
margin-left: 20px;
margin-right: 20px;
}
.thanks-note {
height: 148px;
}
.tops-links {
display: none;
}
.content-shop-bar {
margin-top: -30px;
}
.content-shop-bar.nonegative {
margin-top: 10px;
}
.diagonal-section {
display: none;
}
.modal-element {
border-radius: 0;
}
.alr-federated.green {
display: none;
}
.form-box {
width: auto;
margin-top: 5%;
}
.form-box.max100 {
min-width: 360px;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.iscrizione_box.full-wid-ol {
border-radius: 0;
width: 100%;
height: 100%;
}
.container-100.is-nav {
padding: 1em 2em;
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.api-key {
display: none;
}
.nav_container-2 {
flex-direction: column;
}
.right-nav {
display: none;
}
.textarea-6 {
min-height: 100px;
}
.footer_copy_menu {
display: none;
}
.footer_nav {
grid-template-columns: 1fr 1fr;
}
.image-43 {
min-width: auto;
}
.div-block-1245 {
width: 100%;
}
.image-668 {
min-width: auto;
}
.top-bar__left {
display: none;
}
.browser-wrapper {
width: 100%;
}
.top-bar__center {
max-width: 100%;
}
.top-bar__right {
display: none;
}
.div-block-1258 {
min-height: 90px;
}
.tabs {
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.quick-stack-3 {
width: 100%;
}
.div-block-1261 {
margin-top: 0;
}
.div-block-1261.second-credit-pack, .div-block-1261._500k {
margin-top: 10px;
margin-left: 0;
}
.div-block-1262, .div-block-1263 {
flex-flow: column;
}
}
@media screen and (max-width: 479px) {
.div-block-994 {
align-items: flex-start;
width: 100%;
height: 100vh;
max-height: none;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.libraries-usecases_card2 {
padding: 2rem 1.5rem;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.logo-company-using-ol {
margin-right: 0;
}
.logo-company-using-ol.agent {
width: 150px;
margin-right: 0;
}
.logo-company-using-ol.lastmob {
margin-top: 20px;
}
.logo-company-using-ol.lastmob.lessdi {
margin-top: 5px;
margin-right: 0;
}
.logo-company-using-ol.first {
margin-left: 0;
}
.logo-company-using-ol.otto {
margin-right: 0;
}
.paragraph-250 {
text-align: center;
}
.paragraph-249 {
margin-top: 10px;
margin-bottom: 20px;
}
.libraries-usecases_image.lio.new {
width: 75%;
margin-top: 15px;
margin-bottom: 10px;
}
.text-block-442 {
line-height: 34px;
}
.libraries-usecases_card3 {
padding: 2rem 1.5rem;
}
.page-wrapper-6.sticky-on-page {
overflow: hidden;
}
.page-padding-5.max {
max-width: 100%;
}
.nav-component.mellowtel.home-page.main-page.newui {
padding-left: 1rem;
padding-right: 1rem;
}
.libraries-header_heading {
font-size: 2.3rem;
}
.libraries-featured_text-wrapper {
padding-top: 2rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.libraries-faq_layout {
grid-template-columns: 1fr;
}
.button-wrapper-2.button-wrapper-center.max-width-full-mobile-portrait {
margin-left: 0;
margin-right: 0;
}
.div-block-1157 {
flex-direction: column;
}
.div-block-1158 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.section-companies-using {
padding-left: 5px;
}
.libraries-usecases_card1 {
padding: 2rem 1.5rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.container-large-5 {
max-width: 100%;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.footer-block.imag-op {
flex-direction: column;
justify-content: flex-start;
margin-bottom: 20px;
}
.image-607 {
margin-top: 0;
margin-left: 0;
}
.footer-08 {
padding-bottom: 10px;
}
.footer-link-wrap-short {
flex-direction: column;
}
.logo-flat.olostep {
margin-bottom: 10px;
}
.div-block-1159 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
margin-top: 0;
}
.text-block-450.black {
font-size: 30px;
font-weight: 700;
line-height: 35px;
}
.div-block-1160 {
display: none;
}
.div-block-1160.mistral_project {
font-weight: 400;
display: block;
}
.search-bar.white {
border-radius: 9px;
align-items: flex-start;
width: 95%;
min-height: auto;
margin-top: 10px;
margin-bottom: 0;
padding: 7px 0 5px 5px;
}
.mistral-footer {
padding-bottom: 0;
position: absolute;
inset: auto 0% 1.2%;
}
.div-block-1162 {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: stretch;
}
.paragraph-252.model-name {
width: 100%;
min-width: auto;
font-size: 11px;
line-height: 16px;
}
.no-results {
display: none;
}
.form-block-28 {
color: #000;
width: 95%;
min-width: auto;
min-height: auto;
margin-bottom: 2px;
font-size: 18px;
}
.form-block-28.olostep {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.search-input-2 {
padding-left: 5px;
font-size: 16px;
}
.search-input-2::placeholder {
font-size: 12px;
}
.search-input-2.white {
color: var(--black);
min-width: auto;
height: auto;
min-height: auto;
max-height: 30px;
margin-left: 0;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 5px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
line-height: 16px;
}
.search-input-2.white::placeholder {
font-size: 14px;
line-height: 14px;
}
.search-form {
justify-content: center;
align-items: center;
width: 100%;
min-width: auto;
margin-bottom: 0;
padding: 0 0 0 5px;
display: flex;
}
.search-input-wrapper {
margin-bottom: 0;
}
.search-input-wrapper.white {
padding-bottom: 0;
}
.search-icon {
width: 17px;
top: 30%;
left: 3%;
}
.search-icon.bigger.first.soph.original {
width: auto;
height: auto;
padding-top: 0;
padding-bottom: 0;
}
.send-icon.lrigh.white.opaque {
border-radius: 6px;
justify-content: center;
align-items: center;
min-width: 30px;
min-height: 30px;
margin-bottom: 0;
padding-top: 0;
display: flex;
right: -12px;
}
.send-icon.lrigh.white.opaque.main-page {
margin-top: 0;
bottom: 7.5px;
}
.send-icon.lrigh.white.stop {
justify-content: center;
padding-top: 4px;
padding-bottom: 4px;
display: none;
}
.div-block-1164.white {
padding-left: 10px;
padding-right: 10px;
display: none;
}
.paragraph-253 {
flex-flow: row;
justify-content: flex-start;
align-items: baseline;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
line-height: 18px;
}
.le-chat-noir {
margin-top: -100px;
margin-bottom: 40px;
}
.chat-interface {
width: 100%;
padding-top: 40px;
}
.user-item, .mistral-item {
display: none;
}
.suggestions-mistral {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: row-reverse wrap;
width: 95%;
margin-bottom: 20px;
}
.suggestions-mistral.project-mistral.mobile {
opacity: 1;
width: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.suggestions-mistral.project-mistral.desktop {
display: none;
}
.sugg-item {
min-width: auto;
margin-right: 0;
padding: 6px 5px;
}
.sugg-item.project_mistral {
min-width: 110px;
min-height: 35px;
padding: 12px;
}
.text-block-452 {
color: #676767;
font-size: 13px;
line-height: 15px;
}
.div-block-594, .div-block-595 {
padding-left: 10px;
padding-right: 10px;
}
.source-div {
width: 100vw;
}
.source-div.original {
width: 80vw;
display: none;
}
.conversation-screen {
width: 100%;
display: none;
}
.logo-mistral {
width: 100px;
height: auto;
margin-top: 0;
margin-left: -5px;
}
.paragraph-258 {
max-width: 120px;
margin-bottom: 0;
font-size: 27px;
font-weight: 400;
line-height: 30px;
}
.suggestions-list {
opacity: 1;
width: 95%;
min-width: auto;
position: static;
top: -200px;
}
.suggestions-list.desktop {
display: none;
}
.suggestions-list.mobile {
z-index: -10;
opacity: 0;
height: auto;
display: none;
position: relative;
top: 0;
bottom: auto;
}
.paragraph-260 {
font-size: 14px;
}
.list-suggestions.desktop {
margin-left: 0;
padding-left: 0;
}
.paragraph-261 {
width: 95%;
font-size: 14px;
}
.div-block-1181 {
width: 98%;
}
.wrap-conversation {
margin-top: 69px;
}
.initial-screen {
display: flex;
}
.header-mobile {
z-index: 100;
background-color: #fff;
border-bottom: 1px solid #a8a29d69;
justify-content: space-between;
align-items: center;
height: auto;
padding: 10px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.text-block-453 {
color: #5d5d5d;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
}
.refresh-mobile {
cursor: pointer;
}
.hidden-img {
opacity: 0;
display: block;
}
.content-wrap {
display: none;
}
.mobile-nav-2 {
padding-left: 10px;
padding-right: 10px;
}
.mb-20 {
margin-top: 0;
font-size: 28px;
}
.logo-link-2.mobile {
width: auto;
max-width: 80%;
}
.open-transactions-loader {
padding-top: 20px;
display: flex;
}
.paragraph-199 {
text-align: center;
}
.tooltip-v3-3 {
min-width: 230px;
max-width: 300px;
}
.content-top.pad40 {
padding-left: 10px;
padding-right: 10px;
}
.div-block-976 {
width: 100%;
}
.content-3 {
padding: 0 10px 20px;
}
.tooltip-float-v3-3 {
min-width: 300px;
}
.tooltip-float-v3-3.top {
width: auto;
}
.amount-div {
justify-content: space-between;
width: 26%;
padding-left: 5px;
padding-right: 0;
}
.logo-img.mobile {
width: 100px;
}
.logo-img.mobile.partner {
width: 30%;
margin-top: 0;
margin-bottom: -5px;
margin-left: 4px;
}
.api-keys-header {
justify-content: space-between;
}
.header-shop-biz {
margin-bottom: 10px;
}
.header-shop-biz.vertical {
flex-direction: column;
margin-bottom: 0;
}
.header-shop-biz.vertical.less {
margin-bottom: -30px;
}
.old-transactions-item {
display: none;
}
.text-block-340 {
font-size: 13px;
}
.content-mid {
justify-content: flex-start;
align-items: center;
margin-top: -30px;
}
.content-mid.olostep.your-items {
margin-left: 10px;
margin-right: 10px;
}
.hamburger-2 {
width: 30px;
}
.save-product {
min-width: 130px;
padding-left: 8px;
}
.text-block-323.mobile {
font-size: 10px;
}
.api {
font-size: 12px;
line-height: 15px;
}
.content-shop-bar {
width: 100%;
margin-top: -30px;
padding-left: 10px;
padding-right: 10px;
}
.content-shop-bar.nonegative {
margin-top: 0;
}
.no-transac-yet {
width: auto;
}
.api-keys-list {
display: none;
}
.top-labele {
margin-bottom: 20px;
}
.fed-button.accesso.fb.oop.new_signup.jk {
width: 95%;
}
.fed-button.google.to.authexst {
border-radius: 4px;
margin-bottom: 6px;
margin-left: 10px;
margin-right: 10px;
}
.fed-button.google.to.authexst.other.signup_new.apple_hidden, .fed-button.google.to.authexst.other.signup_new.jk {
width: 95%;
}
.text-field-5.larger.auto {
width: 100%;
min-width: 318px;
}
.text-field-5.larger.auto._100.email.auto-fo {
min-width: 318px;
}
.image-39.longer {
position: relative;
top: -54px;
left: 144px;
right: 0;
}
.image-39.longer.relative {
left: 140px;
}
.auth-ext-block {
flex-direction: column;
padding-top: 20px;
display: flex;
}
.form-box {
width: 100%;
margin-top: 0%;
}
.form-box.max100 {
min-width: 0;
}
.form-block-9 {
width: 100%;
}
.modal-header {
min-height: 48px;
padding-top: 0;
padding-bottom: 0;
}
.modal-header.nomin {
padding-left: 10px;
padding-right: 20px;
}
.button-14.noshadow.auto {
width: 100%;
min-width: 318px;
}
.modal-slider.newclass.genius {
width: 100%;
}
.modal-content {
padding-left: 30px;
padding-right: 30px;
}
.image-532 {
margin-bottom: 20px;
margin-left: 14px;
}
.iscrizione_box {
width: 98%;
}
.iscrizione_box.full-wid-ol {
align-items: flex-start;
height: 100%;
margin-top: 0;
}
.federated-wrapper.bigger {
width: 100%;
}
.hero-2 {
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.email-auth, .div-block-709.auto {
width: 100%;
}
.container-100.is-nav, .container-100.is-nav.central {
padding-left: 1em;
padding-right: 1em;
}
.container-100.is-nav.central.stampaoltre {
padding-left: .2em;
padding-right: .2em;
}
.checkbox-label-3.nomargin {
width: 100%;
}
.div-block-60.new-graphic {
width: 100%;
display: none;
}
.text-field-box {
width: 100%;
}
.div-block-982 {
height: auto;
}
.header-iban-connect {
padding-top: 16px;
padding-bottom: 12px;
}
.div-iban-floating-connect {
width: 100vw;
height: 100%;
min-height: 0;
margin-top: 0;
}
.body-iban {
height: 100%;
min-height: 0;
}
.api-key {
display: none;
inset: 0%;
}
.footer-connect-iban {
background-color: #fff;
position: fixed;
inset: auto 0% 0%;
}
.div-block-1231 {
height: auto;
}
.div-iban-floating-connect-2 {
width: 100vw;
height: 100%;
min-height: 0;
margin-top: 0;
}
.body-iban-2 {
height: 100%;
min-height: 0;
}
.nav_container-2.newui {
width: 100px;
height: auto;
}
.olostep-logo-top {
width: 400px;
}
.ms-input-wrap.token {
overflow: hidden;
}
.ms-token-input {
letter-spacing: 30.5px;
margin-left: 0;
font-size: 20px;
}
.text-block-462 {
font-size: 13px;
}
.footer-logo {
margin-bottom: 32px;
}
.footer_nav {
grid-template-columns: 1fr;
}
.image-43 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.feedback-component {
width: 144px;
height: 32px;
}
.footer-zec-official {
display: block;
}
.body-3 {
padding-left: 10px;
padding-right: 10px;
}
.text-field-48 {
width: 100%;
}
.section-parsers {
padding-left: 10px;
padding-right: 10px;
}
.text-block-466 {
font-size: 13px;
}
.image-668 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.footer-zec-official-2 {
display: block;
}
.form-block-47 {
width: 100%;
}
.browser-window {
height: 220px;
padding-bottom: 0;
}
.site-wrapper {
padding-top: 100px;
padding-bottom: 100px;
}
.show-conversion {
max-width: 100%;
}
.code-response {
width: 100%;
}
.letter-container {
padding-left: 10px;
padding-right: 10px;
}
.paragraph-295 {
width: 98%;
max-width: none;
}
.tabs-menu {
padding-left: 10px;
padding-right: 10px;
}
.form-37 {
width: 100%;
}
.div-block-1256 {
height: 390px;
}
.add-ons-container {
margin-right: 20px;
padding-left: 20px;
}
}
#w-node-dfaa3cf9-1ae2-ffe4-841e-05723240c087-d93e90cd {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_0d1291ff-098a-8124-6f72-ce3011269625-d93e90cd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0d1291ff-098a-8124-6f72-ce3011269626-d93e90cd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0d1291ff-098a-8124-6f72-ce301126964b-d93e90cd {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_42dee36d-e9ae-cb27-b25a-46929938744e-d93e90cd {
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
}
#w-node-_17cf4b45-301e-a96b-5e02-71d8acc80b5d-d93e90cd {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_0d1291ff-098a-8124-6f72-ce3011269687-d93e90cd, #w-node-_93716ff9-788f-0799-3249-7689a3390bbc-d93e90cd, #w-node-_8d305bfd-e522-9330-66c9-066691d21118-57619b6a, #w-node-_8d305bfd-e522-9330-66c9-066691d2117f-57619b6a, #w-node-_488d39a4-8a5c-2efa-a2b5-1dc3a05a4bfb-284833e0, #w-node-_488d39a4-8a5c-2efa-a2b5-1dc3a05a4c62-284833e0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
#w-node-dfaa3cf9-1ae2-ffe4-841e-05723240c087-d93e90cd {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 767px) {
#w-node-dfaa3cf9-1ae2-ffe4-841e-05723240c087-d93e90cd {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_0d1291ff-098a-8124-6f72-ce3011269625-d93e90cd {
grid-column: span 1 / span 1;
}
#w-node-_42dee36d-e9ae-cb27-b25a-46929938744e-d93e90cd {
grid-template-rows: auto;
grid-template-columns: 1.25fr;
}
#w-node-_17cf4b45-301e-a96b-5e02-71d8acc80b5d-d93e90cd {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
}