@charset "UTF-8";
  :root{
--skaleo-light-grey-blueish: #ecf2fe;
--skaleo-light-grey-red: #ffd1dd;
}
.skaleo-card, .skaleo-card-text, .skaleo-card-title, .skaleo-link, .skaleo-input, .skaleo-input-label, .skaleo-checkbox-label, .skaleo-button {
font-family: var(--skaleo-font-satoshi);
}
.info-icon{ width:15px;} .skaleo-card {
margin: 4em auto;
width: 80vw;
box-shadow: 0px 8px 80px rgba(0, 0, 0, 0.07), 0px 3.34221px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 1.7869px 17.869px rgba(0, 0, 0, 0.0417275), 0px 1.00172px 10.0172px rgba(0, 0, 0, 0.035), 0px 0.532008px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 0.221381px 2.21381px rgba(0, 0, 0, 0.0196802);
border-radius: 15px;
padding: 1em 3em;
background-color: #fff;
}
.skaleo-card-small{
width: 30vw;
padding: 1em 5em;
}
.skaleo-card-info{
width: 40vw;
padding: 1em 3em;
}
.skaleo-flexbox-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 1em 1.2em;
width: 100%;
}
.skaleo-flexbox-column {
display: flex;
flex-direction: column;
flex-wrap:wrap;
flex-basis: 100%;
flex: 1;
justify-content: end;
gap: .5em;
}
.skaleo-card-title {
color: #2B70F0;
font-size: 3.5em;
font-weight: bold;
}
.skaleo-card-text {
text-align: center;
color: #2F3542;
font-size: 1.2em;
}
.skaleo-text-left{
text-align: left !important;
}
.skaleo-text-small{
font-size: .65em !important;
}
.skaleo-text-medium{
font-size: .8em !important;
}
.skaleo-text-greyed-out{
opacity: .5 !important;
}
.skaleo-text-highlight{
color: var(--e-global-color-accent);
font-weight: 600;
}
.skaleo-input-label{
display:block;
font-weight: 400;
font-size: 1.2em;
cursor:pointer;
}
.skaleo-helper{ width:100%;}
.skaleo-invalid > .skaleo-input{
background: var(--skaleo-light-grey-red);
}
.skaleo-input, .skaleo-select{
display:block;
color: var(--e-global-color-accent);
font-weight: 700;
background-color: var(--skaleo-light-grey-blueish);
border-width: 0px !important;
border-radius: 6px !important;
}
.skaleo-input[readonly], .skaleo-select[readonly]{
color: var(--e-global-color-text);
opacity: .7;
cursor: default;
}
.skaleo-input::placeholder{
color: var(--e-global-color-accent);
opacity: .3;
}
.skaleo-select{
padding-top: 9px;
padding-bottom: 9px;
}
.skaleo-helper > .skaleo-input, .skaleo-helper > .skaleo-select {width:70%;}
.skaleo-flexbox-column-checkbox {
flex-direction: row;
justify-content: normal;
}
.skaleo-checkbox{
display:block;
color: var(--e-global-color-accent);
background-color: var(--skaleo-light-grey-blueish);
border-width: 0px !important;
border-radius: 6px !important;
}
.skaleo-checkbox-label { 
width:60%;
display: block;
font-weight: 400;
font-size: 1.2em;
cursor:pointer;
}
.skaleo-button {
width: fit-content;
font-size: 1.3em;
font-weight: 500;
fill: #FFFFFF;
color: #FFFFFF;
padding: .2em 1em;
background-color: #2B70F0;
border-color: var(--e-global-color-accent);
border-radius: 199px 199px 199px 199px;
box-shadow: 0px 6px 16px 0px rgba(10.49999999999998, 9.769565217391285, 9.769565217391285, 0.14);
}
.skaleo-button:hover {
color: var(--e-global-color-accent);
background: #fff;
border-color: #fff;
}
.skaleo-button:focus {
color: #FFFFFF;
background-color: #2B70F0; 
border-color: var(--e-global-color-accent);
}
.skaleo-icon-container{
position: relative;
width: 102px;
height: 102px;
}
.skaleo-icon{
position: absolute;
left: 25%;
top: 25%;
}
.skaleo-flexbox-column-button{
flex:none;
} .skaleo-gap-top{ margin-top: .5em}
.skaleo-gap-bottom{ margin-bottom: .5em;}
.skaleo-hidden{ display: none;}
.skaleo-text-center{ text-align: center;}
.skaleo-center-items{ 
display: flex;
justify-content: center;
} @media screen and (max-width: 1700px){
.skaleo-card-small{
width: 40vw;
padding: 1em;
}
}
@media screen and (max-width: 900px){
.skaleo-card{
padding: 1em;
}
.skaleo-card-small{
width: 80vw;
padding: 1em;
}
.skaleo-card-info{
width: 80vw;
padding: 1em;
}
.skaleo-flexbox-row, .skaleo-flexbox-column {
display: block;
}
.skaleo-flexbox-row {
padding: 0 1.2em;
}
.skaleo-flexbox-column{
padding: 1em 0;
}
.skaleo-input-label{
padding-bottom: 1em;
}
.skaleo-helper > .skaleo-input, .skaleo-helper > .skaleo-select {width:100%;}
.skaleo-card-title {
font-size: 2.5em !important;
}
.skaleo-card-text {
font-size: .8em;
} 
.skaleo-flexbox-column-checkbox{
display:flex; }
.skaleo-checkbox-label { 
width:90%;
}
.skaleo-icon-container{
transform: scale(0.7);
} .skaleo-mobile-hidden{ display:none;}
.skaleo-center-items{
display:flex;
}
}