.home-page {
    padding-bottom: 3rem;
}

.home-hero {
    background: linear-gradient(180deg, #eef2fb 0%, #f0f8ff 70%);
    border: 1px solid #d7def0;
    border-radius: 1rem;
}

.home-hero h1 {
    color: #3a5174;
    letter-spacing: -0.02em;
}

.home-kicker {
    color: #7284b7;
    font-weight: 700;
    /*letter-spacing: 0.25em;
    text-transform: uppercase;
    font-size: 0.8rem;*/
}

.home-shot {
    border-radius: 0.75rem;
    border: 1px solid #d7def0;
    max-height: 280px;
    object-fit: cover;
    width: 100%;
}

.home-tile .card-body {
    min-height: 8.5rem;
}

.home-today-link {
    text-decoration: none;
}

/* Device Browser */
.device-browser {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 100%;
    width: 50rem;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.device-browser-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    max-width: 50rem;
    background: #fff;
    border-bottom: .0625rem solid #f1f3f8;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding: .5rem 6.5rem;
}
.device-browser-header-btn-list {
    display: -ms-flexbox;
    display: flex;
    grid-gap: .25rem;
    position: absolute;
    top: calc(50% - .25rem);
    left: 1rem;
}
.device-browser-header-btn-list-btn {
    width: .5rem;
    height: .5rem;
    background-color: #e7eaf3;
    border-radius: 50%;
}
.text-dark {
    color: #1e2022 !important;
}
.device-browser-header-browser-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #677788;
    background-color: #e7eaf3;
    font-size: .5rem;
    border-radius: .125rem;
}
.device-browser-frame {
    background: #fff;
    box-shadow: 0 2.75rem 5.5rem -3.5rem rgba(189, 197, 209, .5), 0 2rem 4rem -2rem rgba(33, 50, 91, .3);
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.device-browser-img {
    max-width: 100%;
    height: auto;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
img,
svg {
    vertical-align: middle;
}
.box-shadow-frame {
    box-shadow: 0 2.75rem 5.5rem -3.5rem rgba(189, 197, 209, .5), 0 2rem 4rem -2rem rgba(33, 50, 91, .3), inset 0 -.1875rem .3125rem 0 rgba(151, 164, 175, .5);
}
.device-mobile-frame {
    background: #f8fafd;
    box-shadow: 0 2.75rem 5.5rem -3.5rem rgba(189, 197, 209, .5), 0 2rem 4rem -2rem rgba(33, 50, 91, .3), inset 0 -.1875rem .3125rem 0 rgba(151, 164, 175, .5);
    border-radius: 2rem 32px;
    padding: .3125rem;
}
.device-mobile-img {
    max-width: 100%;
    height: auto;
    border-radius: 1.6rem;
}
.rotated-3d-left {
    -webkit-transform: perspective(1140px) rotateX(7deg) rotateY(-17deg) rotateZ(4deg);
    transform: perspective(1140px) rotateX(7deg) rotateY(-17deg) rotateZ(4deg);
}
.rotated-3d-right {
    -webkit-transform: perspective(1140px) rotateX(7deg) rotateY(17deg) rotateZ(-4deg);
    transform: perspective(1140px) rotateX(7deg) rotateY(17deg) rotateZ(-4deg);
}
.transform-rotate-n40deg {
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-transform-origin: 30% 20%;
    transform-origin: 30% 20%
}

.transform-rotate-n22deg {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg)
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #677788;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: .0625rem solid transparent;
    padding: .6125rem 1rem;
    font-size: 1rem;
    border-radius: .3125rem;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #677788
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 1rem 0 rgba(140, 152, 164, .25)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff
}

.btn-primary:hover {
    color: #fff;
    background-color: #2f6ad9;
    border-color: #2c64cc
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #2f6ad9;
    border-color: #2c64cc;
    box-shadow: 0 0 0 0 rgba(85, 145, 255, .5)
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2c64cc;
    border-color: #295ebf
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(85, 145, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff
}

.btn-secondary {
    color: #fff;
    background-color: #71869d;
    border-color: #71869d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #607285;
    border-color: #5a6b7e
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    color: #fff;
    background-color: #607285;
    border-color: #5a6b7e;
    box-shadow: 0 0 0 0 rgba(134, 152, 172, .5)
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #5a6b7e;
    border-color: #556576
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(134, 152, 172, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #71869d;
    border-color: #71869d
}

.btn-success {
    color: #fff;
    background-color: #00c9a7;
    border-color: #00c9a7
}

.btn-success:hover {
    color: #fff;
    background-color: #00ab8e;
    border-color: #00a186
}

.btn-check:focus+.btn-success,
.btn-success:focus {
    color: #fff;
    background-color: #00ab8e;
    border-color: #00a186;
    box-shadow: 0 0 0 0 rgba(38, 209, 180, .5)
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #00a186;
    border-color: #00977d
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(38, 209, 180, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #00c9a7;
    border-color: #00c9a7
}

.btn-info {
    color: #fff;
    background-color: #09a5be;
    border-color: #09a5be
}

.btn-info:hover {
    color: #fff;
    background-color: #088ca2;
    border-color: #078498
}

.btn-check:focus+.btn-info,
.btn-info:focus {
    color: #fff;
    background-color: #088ca2;
    border-color: #078498;
    box-shadow: 0 0 0 0 rgba(46, 179, 200, .5)
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #078498;
    border-color: #077c8f
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(46, 179, 200, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #09a5be;
    border-color: #09a5be
}

.btn-warning {
    color: #000;
    background-color: #f5ca99;
    border-color: #f5ca99
}

.btn-warning:hover {
    color: #000;
    background-color: #f7d2a8;
    border-color: #f6cfa3
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
    color: #000;
    background-color: #f7d2a8;
    border-color: #f6cfa3;
    box-shadow: 0 0 0 0 rgba(208, 172, 130, .5)
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #f7d5ad;
    border-color: #f6cfa3
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(208, 172, 130, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #000;
    background-color: #f5ca99;
    border-color: #f5ca99
}

.btn-danger {
    color: #fff;
    background-color: #ed4c78;
    border-color: #ed4c78
}

.btn-danger:hover {
    color: #fff;
    background-color: #c94166;
    border-color: #be3d60
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    color: #fff;
    background-color: #c94166;
    border-color: #be3d60;
    box-shadow: 0 0 0 0 rgba(240, 103, 140, .5)
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #be3d60;
    border-color: #b2395a
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(240, 103, 140, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #ed4c78;
    border-color: #ed4c78
}

.btn-light {
    color: #000;
    background-color: #f7faff;
    border-color: #f7faff
}

.btn-light:hover {
    color: #000;
    background-color: #f8fbff;
    border-color: #f8fbff
}

.btn-check:focus+.btn-light,
.btn-light:focus {
    color: #000;
    background-color: #f8fbff;
    border-color: #f8fbff;
    box-shadow: 0 0 0 0 rgba(210, 213, 217, .5)
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fbff;
    border-color: #f8fbff
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(210, 213, 217, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #000;
    background-color: #f7faff;
    border-color: #f7faff
}

.btn-dark {
    color: #fff;
    background-color: #21325b;
    border-color: #21325b
}

.btn-dark:hover {
    color: #fff;
    background-color: #1c2b4d;
    border-color: #1a2849
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
    color: #fff;
    background-color: #1c2b4d;
    border-color: #1a2849;
    box-shadow: 0 0 0 0 rgba(66, 81, 116, .5)
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a2849;
    border-color: #192644
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(66, 81, 116, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #21325b;
    border-color: #21325b
}

.btn-outline-primary {
    color: #377dff;
    border-color: #377dff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0 rgba(55, 125, 255, .5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 0 rgba(55, 125, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #377dff;
    background-color: transparent
}

.btn-outline-secondary {
    color: #71869d;
    border-color: #71869d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #71869d;
    border-color: #71869d
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0 rgba(113, 134, 157, .5)
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    color: #fff;
    background-color: #71869d;
    border-color: #71869d
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
    box-shadow: 0 0 0 0 rgba(113, 134, 157, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #71869d;
    background-color: transparent
}

.btn-outline-success {
    color: #00c9a7;
    border-color: #00c9a7
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #00c9a7;
    border-color: #00c9a7
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
    box-shadow: 0 0 0 0 rgba(0, 201, 167, .5)
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
    color: #fff;
    background-color: #00c9a7;
    border-color: #00c9a7
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
    box-shadow: 0 0 0 0 rgba(0, 201, 167, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #00c9a7;
    background-color: transparent
}

.btn-outline-info {
    color: #09a5be;
    border-color: #09a5be
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #09a5be;
    border-color: #09a5be
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
    box-shadow: 0 0 0 0 rgba(9, 165, 190, .5)
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
    color: #fff;
    background-color: #09a5be;
    border-color: #09a5be
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
    box-shadow: 0 0 0 0 rgba(9, 165, 190, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #09a5be;
    background-color: transparent
}

.btn-outline-warning {
    color: #f5ca99;
    border-color: #f5ca99
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #f5ca99;
    border-color: #f5ca99
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 0 rgba(245, 202, 153, .5)
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
    color: #000;
    background-color: #f5ca99;
    border-color: #f5ca99
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
    box-shadow: 0 0 0 0 rgba(245, 202, 153, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #f5ca99;
    background-color: transparent
}

.btn-outline-danger {
    color: #ed4c78;
    border-color: #ed4c78
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #ed4c78;
    border-color: #ed4c78
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 0 rgba(237, 76, 120, .5)
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
    color: #fff;
    background-color: #ed4c78;
    border-color: #ed4c78
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
    box-shadow: 0 0 0 0 rgba(237, 76, 120, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #ed4c78;
    background-color: transparent
}

.btn-outline-light {
    color: #f7faff;
    border-color: #f7faff
}

.btn-outline-light:hover {
    color: #000;
    background-color: #f7faff;
    border-color: #f7faff
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
    box-shadow: 0 0 0 0 rgba(247, 250, 255, .5)
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
    color: #000;
    background-color: #f7faff;
    border-color: #f7faff
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
    box-shadow: 0 0 0 0 rgba(247, 250, 255, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f7faff;
    background-color: transparent
}

.btn-outline-dark {
    color: #21325b;
    border-color: #21325b
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #21325b;
    border-color: #21325b
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 0 rgba(33, 50, 91, .5)
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
    color: #fff;
    background-color: #21325b;
    border-color: #21325b
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
    box-shadow: 0 0 0 0 rgba(33, 50, 91, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #21325b;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #377dff;
    text-decoration: none
}

.btn-link:hover {
    color: #1366ff
}

.btn-link.disabled,
.btn-link:disabled {
    color: #8c98a4
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .75rem 1rem;
    font-size: 1rem;
    border-radius: .3125rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .5rem 1rem;
    font-size: .875rem;
    border-radius: .3125rem
}
.btn-transition {
    transition: all .2s ease-in-out;
}
.typed-cursor {
    font-size: 2rem;
    font-weight: 100;
    /* animation: blink 1s infinite; */
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

#homeMemorizeModal .modal-dialog {
    max-width: 28rem;
}