html {
    font-family:sans-serif;
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}
footer {
    display:block
}
h1 {
    font-size:2em;
    margin:.67em 0
}
main {
    display:block
}
a {
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:active, a:hover, a:focus {
    outline-width:0;
}
small {
    font-size:80%
}
svg:not(:root) {
    overflow:hidden
}
[hidden] {
    display:none
}
@font-face {
    font-family:Montserrat;
    font-weight:400;
    font-style:normal;
    font-display:swap;
    src:url(fonts/Montserrat-Regular.woff2) format("woff2"),url(fonts/Montserrat-Regular.woff) format("woff")
}
@font-face {
    font-family:Montserrat;
    font-weight:600;
    font-style:normal;
    font-display:swap;
    src:url(fonts/Montserrat-SemiBold.woff2) format("woff2"),url(fonts/Montserrat-SemiBold.woff) format("woff")
}
@font-face {
    font-family:Montserrat;
    font-weight:700;
    font-style:normal;
    font-display:swap;
    src:url(fonts/Montserrat-Bold.woff2) format("woff2"),url(fonts/Montserrat-Bold.woff) format("woff")
}
body {
    font-family:Montserrat,sans-serif;
    font-size:13px;
    line-height:1.4;
    font-weight:400;
    color:#080e31
}
@media screen and (min-width:40em) {
    body{
        font-size:15px
    }
}
h1,h2,h3,h4,h5,h6 {
    margin-top:0
}
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a {
    font-weight:600
}
h1 {
    font-size:20px
}
h2,h3 {
    font-size:16px
}
h4,h5,h6 {
    font-size:13px
}
@media screen and (min-width:40em) {
    h1 {
        font-size:26px
    }
    h2,h3 {
        font-size:18px
    }
    h4,h5,h6 {
        font-size:15px
    }
}
a {
    font-weight:600;
    color:#1aa;
    text-decoration:none
}
a:focus, a:hover {
    text-decoration:none
}
a:focus {
    outline:3px solid rgba(17,170,170,.4);
    outline-offset:3px
}
a:focus:not(:focus-visible) {
    outline:0
}
a:focus-visible {
    outline:3px solid rgba(17,170,170,.4);
    outline-offset:3px
}
label {
    display:inline-block;
    font-weight:600
}
.container {
    box-sizing:border-box;
    margin-bottom:30px
}
@media screen and (min-width:40em) {
    .container {
        margin-bottom:40px
    }
}
.container.flex {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.for-2-columns {
    box-sizing:border-box;
    flex:0 0 auto!important;
    width:100%
}
.for-2-columns:nth-last-child(2n) {
    margin-bottom:30px
}
@media screen and (min-width:40em) {
    .for-2-columns {
        width:calc(50% - 20px)
    }
    .for-2-columns:nth-last-child(2n) {
        margin-bottom:0
    }
    .for-2-columns:nth-child(odd) {
        margin-right:40px
    }
}
.wrapper-centered {
    margin:0 auto
}
.action {
    padding:0;
    border:none
}
.action::-moz-focus-inner {
    padding:0;
    border:0
}
.action,.action * {
    box-sizing:border-box
}
.action,.action:active,.action:focus {
    outline:0;
    text-decoration:none
}
.action:focus {
    box-shadow:inset 0 0 0 5px rgba(0,0,0,.1)
}
.action:focus:not(:focus-visible) {
    box-shadow:none
}
.action:focus-visible {
    box-shadow:inset 0 0 0 5px rgba(0,0,0,.1)
}
.action-icon {
    max-width:20px;
    max-height:20px;
    transition:fill .2s
}
@media screen and (min-width:40em) {
    .action-icon {
        max-width:25px;
        max-height:25px
    }
}
.action-label {
    padding:10px 0;
    transition:color .2s
}
.action-block {
    display:flex;
    flex:1 1 0%;
    width:100%
}
.action-block .action-label {
    margin-right:15px
}
@media screen and (min-width:40em) {
    .action-block .action-label {
        margin-right:20px
    }
}
.action-block .action-icon {
    flex:0 0 auto
}
.base-white {
    background-color:#fff
}
.hover-green:hover {
    background-color:#1aa
}
.hover-green:hover .action-icon {
    fill:#fff
}
.hover-green:hover .action-label {
    color:#fff
}
.box-mb-0 {
    margin-bottom:0
}
.box-mb-base {
    margin-bottom:30px
}
.pr-sm {
    padding-right:15px
}
.pl-sm {
    padding-left:15px
}
@media screen and (min-width:40em) {
    .box-mb-base {
        margin-bottom:40px
    }
    .pr-sm {
        padding-right:20px
    }
    .pl-sm {
        padding-left:20px
    }
}
.hoverable {
    transition:color .2s,background-color .2s,border-color .2s,box-shadow .1s
}
.hoverable:hover {
    text-decoration:none
}
.interactive:hover {
    cursor:pointer
}
.card {
    display:flex
}
.card-panel {
    flex-direction:column;
    justify-content:space-between
}
.card-content {
    flex-grow:1;
    background-color:#f3f5f6
}
.card-content-panel {
    margin-bottom:1px
}
.card-footer {
    box-sizing:border-box;
    display:flex;
    flex-flow:column nowrap
}
@media screen and (min-width:27em) {
    .card-footer {
        flex-flow:row nowrap
    }
}
.card-row {
    display:flex;
    flex-wrap:wrap;
    padding:15px
}
@media screen and (min-width:40em) {
    .card-row{
        padding:20px
    }
}
.row-separator {
    border-bottom:1px solid #e7ebed
}
.row-separator:last-child {
    border-bottom:none
}
.flex {
    display:flex
}
.flex-wrap {
    flex-wrap:wrap
}
.flex-justify-center {
    justify-content:center
}
.flex-justify-between {
    justify-content:space-between
}
.flex-align-center {
    align-items:center
}
.flex-grow {
    flex:1 1 0%
}
.fill-green {
    fill:#1aa
}

.svg {
    overflow:visible!important
}
:root {
    --switch-width:40px;
    --switch-height:20px;
    --switch-handle-size:16px;
    --switch-label-padding:10px;
    --switch-icon-height:10px;
    --switch-icon-top:5px;
    --switch-icon-left:6px;
    --switch-color-unchecked:#9798a0;
    --switch-color-checked:#363c58
}
.text-big {
    font-size:15px
}
@media screen and (min-width:40em) {
    .text-big {
        font-size:18px
    }
}
.text-bold {
    font-weight:600
}
.text-color-base {
    color:#080e31
}
.text-align-start {
    text-align:left;
    text-align:start
}
.widget-fluid-height {
    min-height:47px
}
@media screen and (min-width:40em) {
    .widget-fluid-height{
        min-height:54px
    }
}
.widget-centered {
    display:flex;
    align-items:center;
    justify-content:center
}
body {
    background-color:#e7ebed
}
.webmail {
    flex:1 1 auto
}
.webmail-card-row {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px 0
}
.second-row-card {
    width:100%
}
@media screen and (min-width:40em) {
    .second-row-card{
        width:calc(50% - 20px)
    }
}
.svg-envelope {
    margin-right:20px;
    height:auto;
    width:3em
}
.svg-webmail {
    height:5em;
    width:auto
}
.svg-settings {
    height:5em;
    width:auto;
    fill:#1aa
}
.main-page {
    display:flex;
    flex-direction:column;
    min-height:100vh
}
.white-label {
    justify-content:center;
    align-items:center
}
.page-content {
    padding:20px;
    margin:0 auto;
    max-width:62.5em
}
@media screen and (min-width:62.5em) {
    .page-content{
        width:100%;
        padding:80px 0
    }
}