:root {
    --white-secondary: #eff3f6;
    --text: #474747;
    --headline-color-black: #262626;
    --background-color--background-primary\<deleted\|variable-9f6b6bb4-0795-c8ab-f302-bbebab6f2554\>: var(
            --base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>
    );
    --text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>: var(
            --base-color-neutral--white\<deleted\|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae\>
    );
    --text-color--text-primary\<deleted\|variable-7cd2a57e-6f21-74f7-6ce6-096306cecf3e\>: var(
            --base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>
    );
    --text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>: var(
            --base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>
    );
    --background-color--background-success\<deleted\|variable-879e2a57-3170-38fd-0ae7-d0e890873ab2\>: var(
            --base-color-system--success-green\<deleted\|variable-8fc09a81-a1c7-3c5b-2cf2-835ad5d96212\>
    );
    --text-color--text-success\<deleted\|variable-17518f72-fb93-45b5-ad9e-fdd3f2b1833a\>: var(
            --base-color-system--success-green-dark\<deleted\|variable-70ae3530-1c64-4d15-f2af-205678316683\>
    );
    --border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>: var(
            --base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>
    );
    --background-color--background-alternate\<deleted\|variable-41ecbc38-077c-494f-9138-9468b7354b23\>: var(
            --base-color-neutral--white\<deleted\|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae\>
    );
    --background-color--background-secondary\<deleted\|variable-2dd539ce-5be2-4493-8245-a883e87dab6d\>: var(
            --base-color-brand--blue\<deleted\|variable-de000a4d-0fee-1f9e-af85-624658122d10\>
    );
    --link-color--link-primary\<deleted\|variable-ad940cb5-1815-151e-2cbc-4f27dec2b1e5\>: var(
            --base-color-brand--blue\<deleted\|variable-de000a4d-0fee-1f9e-af85-624658122d10\>
    );
    --background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>: var(
            --base-color-brand--yellow\<deleted\|variable-c4661572-8a15-7367-e98c-cc1a0987f6d1\>
    );
    --background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>: var(
            --base-color-system--error-red\<deleted\|variable-ad7a5e8d-bd95-fba4-5110-cbccfa2520c4\>
    );
    --text-color--text-error\<deleted\|variable-4a51c5d2-820c-a0d9-b49e-0e5d273c964f\>: var(
            --base-color-system--error-red-dark\<deleted\|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8\>
    );
    --contrast: #09c1c1;
    --yellow-light: #00ffff;
    --yellow-dark: #034747;
    --border-color--border-alternate\<deleted\|variable-551aa6d2-4bf8-6036-137a-78e1c71841a4\>: var(
            --base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>
    );
    --white: white;
    --transparent: #0000;
    --dark-text: #dadada;
    --background-color--background-warning\<deleted\|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b\>: var(
            --base-color-system--warning-yellow\<deleted\|variable-b0ee00e7-091a-a3f5-1619-b09d07f4475a\>
    );
    --text-color--text-warning\<deleted\|variable-825aa1d8-b093-0b89-37c5-87d980df10f5\>: var(
            --base-color-system--warning-yellow-dark\<deleted\|variable-296491a7-483e-1229-36b5-e13808cc9004\>
    );
    --black: black;
    --yellow: #09c1c1;
    --light-wrapper: #fdf9f4;
    --black-secondary: #0e0e10;
    --headline-color: #ededed;
    --grey: #2a2a2a;
    --grey-light: dimgrey;
    --grey-dark: #1d1d1d;
    --base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>: #000;
    --base-color-neutral--white\<deleted\|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae\>: #fff;
    --base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>: #222;
    --base-color-system--success-green\<deleted\|variable-8fc09a81-a1c7-3c5b-2cf2-835ad5d96212\>: #cef5ca;
    --base-color-system--success-green-dark\<deleted\|variable-70ae3530-1c64-4d15-f2af-205678316683\>: #114e0b;
    --base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>: #eee;
    --base-color-brand--blue\<deleted\|variable-de000a4d-0fee-1f9e-af85-624658122d10\>: #2d62ff;
    --base-color-brand--yellow\<deleted\|variable-c4661572-8a15-7367-e98c-cc1a0987f6d1\>: #dd23bb;
    --base-color-system--error-red\<deleted\|variable-ad7a5e8d-bd95-fba4-5110-cbccfa2520c4\>: #f8e4e4;
    --base-color-system--error-red-dark\<deleted\|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8\>: #3b0b0b;
    --base-color-system--warning-yellow\<deleted\|variable-b0ee00e7-091a-a3f5-1619-b09d07f4475a\>: #fcf8d8;
    --base-color-system--warning-yellow-dark\<deleted\|variable-296491a7-483e-1229-36b5-e13808cc9004\>: #5e5515;
}

html {
    scroll-behavior: smooth;
}

html {
    font-size: 1rem;
}

@media screen and (max-width: 1280px) {
    html {
        font-size: calc(-0.09161793372319671rem + 1.3645224171539958vw);
    }
}

@media screen and (max-width: 767px) {
    html {
        font-size: 1rem;
    }
}

/* Make text look crisper and more legible in all browsers */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

[data-theme="dark"] {
    --white-secondary: #0e0e10;
    --text: #dadada;
    --headline-color-black: #ededed;
    --contrast: #09c1c1;
    --yellow-light: #09c1c1;
    --yellow-dark: #034747;
    --white: black;
    --transparent: #0000;
    --dark-text: #dadada;
    --black: white;
    --yellow: #09c1c1;
    --light-wrapper: #0d0d0d;
    --black-secondary: #0e0e10;
    --headline-color: #ededed;
    --grey: #2a2a2a;
    --grey-light: dimgrey;
    --grey-dark: #1d1d1d;
}

[data-theme="dark"] .bg-color-door {
    background: #0d0d0d;
}

[data-theme="dark"] .button.is-second {
    background: #2a2a2a;
    color: #fff;
}

[data-theme="dark"] .button.is-second:hover {
    background: #696969;
    color: #fff;
}

[data-theme="dark"] .button.is-additional {
    background: #000;
    color: #7a7a7a;
}

[data-theme="dark"] .button.is-additional:hover {
    background: #2a2a2a;
    color: #7a7a7a;
}

[data-theme="dark"] .elipse-blur {
    background: #151d22;
}

[data-theme="dark"] .elipse-white {
    box-shadow: inset 0 17px 85px 0 hsla(207.80487804878047, 27.52%, 70.78%, 0.17);
}

[data-theme="dark"] .elipse-transparent {
    background-color: hsla(205.71428571428586, 0.22%, 9.98%, 0.1);
    box-shadow: inset 0 0 80px 20px hsla(240, 3.45%, 5.69%, 1),
    0 -8rem 200px 200px hsla(240, 3.45%, 5.69%, 0.57);
}

[data-theme="dark"] .form_input-sub:placeholder {
    color: #333333;
}

[data-theme="dark"] .form-books {
    opacity: 0.1;
}

[data-theme="dark"] .full-width-liner-text {
    background-image: linear-gradient(180deg, black, #151d22 50%);
}

[data-theme="dark"] .door-dark {
    opacity: 1;
}

[data-theme="dark"] .door-light {
    opacity: 0;
}

[data-theme="dark"] .image-for-bg-dark {
    opacity: 1;
    position: absolute; /* Ensures it stays behind */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

[data-theme="dark"] .image-for-bg-light {
    opacity: 0;
    position: absolute; /* Ensures it stays behind */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.is-on .icon-in-toggle.dark {
    color: #000;
}

.is-on .icon-in-toggle.light {
    color: #333;
}

.is-on .swither-active-bg {
    transform: translateX(100%);
}

/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
    outline: 0.125rem solid #4d65ff;
    outline-offset: 0.125rem;
}

/* Set color style to inherit */
.inherit-color * {
    color: inherit;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child,
.w-richtext > div:first-child > :first-child {
    margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext > :last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
    margin-bottom: 0 !important;
}

/* Make sure containers never lose their center alignment */
.container-medium,
.container-small,
.container-large {
    margin-right: auto !important;
    margin-left: auto !important;
}

/*
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
    color: inherit;
    text-decoration: inherit;
    font-size: inherit;
}

/* Apply "..." after 3 lines of text */
.text-style-3lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* These classes are never overwritten */
.hide {
    display: none !important;
}

@media screen and (max-width: 991px) {
    .hide,
    .hide-tablet {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .hide-mobile-landscape {
        display: none !important;
    }
}

@media screen and (max-width: 479px) {
    .hide-mobile {
        display: none !important;
    }
}

.margin-0 {
    margin: 0rem !important;
}

.padding-0 {
    padding: 0rem !important;
}

.spacing-clean {
    padding: 0rem !important;
    margin: 0rem !important;
}

.margin-top {
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
}

.padding-top {
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
}

.margin-right {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
}

.padding-right {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
}

.margin-bottom {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-left: 0rem !important;
}

.padding-bottom {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}

.margin-left {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
}

.padding-left {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
}

.margin-horizontal {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

.padding-horizontal {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.margin-vertical {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
}

.padding-vertical {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}

.nav-link::after,
.footer-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    background-color: var(--contrast);
    transition: width 0.3s ease, left 0.3s ease;
}

.nav-link:hover::after,
.footer-link:hover::after {
    width: 100%;
    left: 0;
}

.nav-link:not(:hover)::after,
.footer-link:not(:hover)::after {
    width: 0;
    left: auto;
    right: 0;
}

.w-webflow-badge {
    display: none !important;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.scroll {
    animation: scroll 45s linear infinite;
}

.reverse {
    animation-direction: reverse;
}

.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;
}

.w-form-formradioinput--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-width: 4px;
    border-color: #3898ec;
}

body {
    background-color: var(--white-secondary);
    color: var(--text);
    /*letter-spacing: -0.02rem;*/
    font-family: Roboto Serif, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    transition: color 0.4s;
}

h1 {
    color: var(--headline-color-black);
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Roboto Condensed, sans-serif;
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.1;
}

h2 {
    color: var(--headline-color-black);
    letter-spacing: 0;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Roboto Condensed, sans-serif;
    font-size: 4.25rem;
    font-weight: 400;
    line-height: 1;
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
}

p {
    margin-bottom: 8px;
}

a {
    transition: all 0.25s;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1.5rem;
}

li {
    margin-bottom: 0.25rem;
}

img {
    max-width: 100%;
    display: inline-block;
}

label {
    margin-bottom: 0.25rem;
    font-weight: 500;
}

blockquote {
    border-left: 0.25rem solid #e2e2e2;
    margin-bottom: 0;
    padding: 0 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

figure {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

figcaption {
    text-align: center;
    margin-top: 0.25rem;
}

.utility-page_component {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
}

.utility-page_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 20rem;
    display: flex;
}

.utility-page_form {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}

.utility-page_image {
    margin-left: auto;
    margin-right: auto;
}

.global-styles {
    display: block;
    position: fixed;
    inset: 0% auto auto 0%;
}

.margin-custom2 {
    margin: 2.5rem;
}

.padding-xlarge {
    padding: 4rem;
}

.margin-xlarge {
    margin: 4rem;
}

.margin-xsmall {
    margin: 0.5rem;
}

.padding-xhuge {
    padding: 8rem;
}

.margin-custom1 {
    margin: 1.5rem;
}

.padding-0 {
    padding: 0;
}

.padding-xxhuge {
    padding: 12rem;
}

.padding-huge {
    padding: 6rem;
}

.margin-large {
    margin: 3rem;
}

.padding-xxlarge {
    padding: 5rem;
}

.margin-xxsmall {
    margin: 0.25rem;
}

.padding-custom3 {
    padding: 3.5rem;
}

.padding-large {
    padding: 3rem;
}

.margin-tiny {
    margin: 0.125rem;
}

.padding-small {
    padding: 1rem;
}

.padding-custom2 {
    padding: 2.5rem;
}

.margin-custom3 {
    margin: 3.5rem;
}

.padding-custom1 {
    padding: 1.5rem;
}

.margin-huge {
    margin: 6rem;
}

.padding-medium {
    padding: 2rem;
}

.padding-xsmall {
    padding: 0.5rem;
}

.margin-xxlarge {
    margin: 5rem;
}

.padding-xxsmall {
    padding: 0.25rem;
}

.margin-xhuge {
    margin: 8rem;
}

.padding-tiny {
    padding: 0.125rem;
}

.margin-small {
    margin: 1rem;
}

.margin-medium {
    margin: 2rem;
}

.margin-xxhuge {
    margin: 12rem;
}

.margin-0 {
    margin: 0;
}

.margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
}

.padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.margin-vertical {
    margin-left: 0;
    margin-right: 0;
}

.margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.padding-vertical {
    padding-left: 0;
    padding-right: 0;
}

.padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
}

.margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}

.padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.form_checkbox {
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.5rem;
    padding-left: 0;
    display: flex;
}

.form_checkbox-icon {
    border-radius: 0.125rem;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0 0.5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
    background-size: 90%;
    border-radius: 0.125rem;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0 0.5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
    border-radius: 0.125rem;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0 0.5rem 0 0;
    box-shadow: 0 0 0.25rem 0 #3898ec;
}

.fs-styleguide_background {
    border: 1px solid #0000001a;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: flex;
}

.fs-styleguide_spacing {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    background-image: linear-gradient(to top, #2d40ea1a, #fff0);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: start;
    place-items: start stretch;
    display: grid;
    position: relative;
}

.icon-1x1-small {
    flex: none;
    width: 1rem;
    height: 1rem;
}

.overflow-auto {
    overflow: auto;
}

.spacing-clean {
    margin: 0;
    padding: 0;
}

.icon-1x1-large {
    width: 2.5rem;
    height: 2.5rem;
}

.z-index-2 {
    z-index: 2;
    position: relative;
}

.fs-styleguide_background-space {
    width: 1px;
    height: 1px;
    margin: 5rem;
}

.text-weight-semibold {
    font-weight: 600;
}

.text-style-strikethrough {
    text-decoration: line-through;
}

.fs-styleguide_item {
    grid-column-gap: 1.125rem;
    grid-row-gap: 1.125rem;
    border-bottom: 1px solid #0000001a;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: start;
    place-items: start;
    padding-bottom: 3rem;
    display: grid;
    position: relative;
}

.fs-styleguide_item.is-stretch {
    justify-items: stretch;
}

.max-width-full {
    width: 100%;
    max-width: none;
}

.fs-styleguide_item-header {
    border-bottom: 1px solid #0000001a;
    width: 100%;
    padding-bottom: 2rem;
}

.background-color-primary {
    background-color: var(
            --background-color--background-primary\<deleted\|variable-9f6b6bb4-0795-c8ab-f302-bbebab6f2554\>
    );
    color: var(
            --text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>
    );
}

.z-index-1 {
    z-index: 1;
    position: relative;
}

.text-color-primary {
    color: var(
            --text-color--text-primary\<deleted\|variable-7cd2a57e-6f21-74f7-6ce6-096306cecf3e\>
    );
}

.text-color-secondary {
    color: var(
            --text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>
    );
}

.fs-styleguide_2-col {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.fs-styleguide_2-col.is-align-start {
    align-items: start;
}

.form_message-success {
    background-color: var(
            --background-color--background-success\<deleted\|variable-879e2a57-3170-38fd-0ae7-d0e890873ab2\>
    );
    color: var(
            --text-color--text-success\<deleted\|variable-17518f72-fb93-45b5-ad9e-fdd3f2b1833a\>
    );
    padding: 1.25rem;
}

.fs-styleguide_row {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.heading-style-h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.text-rich-text h1,
.text-rich-text h2,
.text-rich-text h3,
.text-rich-text h4 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.text-rich-text h5,
.text-rich-text h6 {
    margin-top: 1.25rem;
    margin-bottom: 1rem;
}

.text-rich-text p {
    margin-bottom: 1rem;
}

.text-rich-text ul,
.text-rich-text ol {
    margin-bottom: 1.5rem;
}

.text-rich-text blockquote {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.pointer-events-auto {
    pointer-events: auto;
}

.container-small {
    width: 100%;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
}

.icon-height-small {
    height: 1rem;
}

.icon-1x1-medium {
    width: 2rem;
    height: 2rem;
}

.heading-style-h1 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.1;
}

.padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.text-weight-normal {
    font-weight: 400;
}

.padding-section-small {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.max-width-small {
    width: 100%;
    max-width: 20rem;
}

.text-color-alternate {
    color: var(
            --text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>
    );
}

.text-style-italic {
    font-style: italic;
}

.pointer-events-none {
    pointer-events: none;
}

.text-weight-medium {
    font-weight: 500;
}

.overflow-hidden {
    position: relative;
    overflow: hidden;
}

.fs-styleguide_section-header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: 1px solid var(
            --border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>
    );
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-bottom: 3rem;
    line-height: 1.4;
    display: grid;
}

.text-size-tiny {
    font-size: 0.75rem;
}

.max-width-xxlarge {
    width: 100%;
    max-width: 80rem;
}

.fs-styleguide_1-col {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.overflow-visible {
    overflow: visible;
}

.fs-styleguide_empty-box {
    z-index: -1;
    background-color: #2d40ea0d;
    border: 1px dashed #2d40ea;
    min-width: 3rem;
    height: 3rem;
    position: relative;
}

.text-weight-light {
    font-weight: 300;
}

.fs-styleguide_heading-medium {
    font-size: 4rem;
}

.max-width-xsmall {
    width: 100%;
    max-width: 16rem;
}

.fs-styleguide_4-col {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.text-size-regular {
    font-size: 1rem;
}

.text-weight-xbold {
    font-weight: 800;
}

.text-align-right {
    text-align: right;
}

.text-weight-bold {
    font-weight: 700;
}

.max-width-medium {
    width: 100%;
    max-width: 32rem;
}

.fs-styleguide_item-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.max-width-large {
    width: 100%;
    max-width: 48rem;
}

.fs-styleguide_header-block {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    display: grid;
}

.background-color-alternate {
    background-color: var(
            --background-color--background-alternate\<deleted\|variable-41ecbc38-077c-494f-9138-9468b7354b23\>
    );
}

.text-style-muted {
    opacity: 0.6;
}

.text-size-small {
    font-size: 0.875rem;
}

.heading-style-h4 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
}

.max-width-xlarge {
    width: 100%;
    max-width: 64rem;
}

.form_radio-icon {
    width: 0.875rem;
    height: 0.875rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0.5rem;
}

.form_radio-icon.w--redirected-checked {
    border-width: 0.25rem;
    width: 0.875rem;
    height: 0.875rem;
}

.form_radio-icon.w--redirected-focus {
    width: 0.875rem;
    height: 0.875rem;
    box-shadow: 0 0 0.25rem 0 #3898ec;
}

.text-style-nowrap {
    white-space: nowrap;
}

.text-align-left {
    text-align: left;
}

.background-color-secondary {
    background-color: var(
            --background-color--background-secondary\<deleted\|variable-2dd539ce-5be2-4493-8245-a883e87dab6d\>
    );
}

.form_input {
    border: 1px solid var(
            --border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>
    );
    background-color: #0000;
    min-height: 3rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
}

.form_input::placeholder,
.form_input.is-select-input {
    color: var(
            --text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>
    );
}

.form_input.is-text-area {
    min-height: 8rem;
    padding-top: 0.75rem;
    font-size: 1rem;
}

.heading-style-h6 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
}

.padding-section-large {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.fs-styleguide_3-col {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 100%;
    display: grid;
}

.fs-styleguide_3-col.is-align-start {
    align-items: start;
}

.text-style-link {
    color: var(
            --link-color--link-primary\<deleted\|variable-ad940cb5-1815-151e-2cbc-4f27dec2b1e5\>
    );
    text-decoration: underline;
}

.text-size-large {
    font-size: 1.5rem;
}

.fs-styleguide_header {
    background-color: var(
            --background-color--background-primary\<deleted\|variable-9f6b6bb4-0795-c8ab-f302-bbebab6f2554\>
    );
    color: var(
            --text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>
    );
    background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%),
    radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

.heading-style-h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
}

.page-wrapper {
    overflow: clip;
}

.fs-styleguide_label {
    background-color: var(
            --background-color--background-secondary\<deleted\|variable-2dd539ce-5be2-4493-8245-a883e87dab6d\>
    );
    color: var(
            --text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>
    );
    border-radius: 0.25rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0.25rem 0.75rem 0.3rem;
    font-weight: 600;
    display: flex;
}

.fs-styleguide_label.is-tag {
    background-color: var(
            --background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>
    );
}

.heading-style-h5 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
}

.container-large {
    width: 100%;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
}

.icon-height-medium {
    height: 2rem;
}

.text-style-allcaps {
    text-transform: uppercase;
}

.overflow-scroll {
    overflow: scroll;
}

.form_message-error {
    background-color: var(
            --background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>
    );
    color: var(
            --text-color--text-error\<deleted\|variable-4a51c5d2-820c-a0d9-b49e-0e5d273c964f\>
    );
    margin-top: 0.75rem;
    padding: 0.75rem;
}

.icon-height-large {
    height: 3rem;
}

.text-align-center {
    text-align: center;
}

.form_component {
    margin-bottom: 0;
}

.max-width-xxsmall {
    width: 100%;
    max-width: 12rem;
}

.layer {
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 0%;
}

.text-style-quote {
    border-left: 0.25rem solid #e2e2e2;
    margin-bottom: 0;
    padding: 0 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.align-center {
    margin-left: auto;
    margin-right: auto;
}

.button {
    background-color: var(--contrast);
    color: #000;
    text-align: center;
    border-radius: 8rem;
    padding: 1.25rem 2.75rem;
    font-weight: 500;
    line-height: 1.2;
}

.button:hover {
    background-color: var(--yellow-light);
}

.button:active {
    background-color: var(--yellow-dark);
}

.button.is-text {
    color: #000;
    background-color: #0000;
    border: 2px solid #0000;
}

.button.is-small {
    padding: 0.5rem 1.25rem;
}

.button.is-large {
    padding: 1rem 2rem;
}

.button.is-secondary {
    border: 1px solid var(
            --border-color--border-alternate\<deleted\|variable-551aa6d2-4bf8-6036-137a-78e1c71841a4\>
    );
    color: var(
            --text-color--text-primary\<deleted\|variable-7cd2a57e-6f21-74f7-6ce6-096306cecf3e\>
    );
    background-color: #0000;
}

.button.is-icon {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.button.is-brand {
    background-color: var(
            --background-color--background-secondary\<deleted\|variable-2dd539ce-5be2-4493-8245-a883e87dab6d\>
    );
}

.button.is-second {
    background-color: var(--headline-color-black);
    color: var(--white);
}

.button.is-second:hover {
    background-color: #696969;
}

.button.is-second:active {
    background-color: var(--text);
}

.button.is-additional {
    background-color: var(--transparent);
}

.button.is-additional:hover {
    background-color: var(--dark-text);
}

.fs-styleguide_classes {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.text-size-medium {
    font-size: 1.25rem;
}

.fs-styleguide_section {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: start;
    display: grid;
}

.fs-styleguide_section.is-vertical {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
}

.button-group {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.hide {
    display: none;
}

.padding-section-medium {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.container-medium {
    width: 100%;
    max-width: 62rem;
    margin-left: auto;
    margin-right: auto;
}

.form_radio {
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.5rem;
    padding-left: 0;
    display: flex;
}

.fs-styleguide_spacing-all {
    display: none;
}

.spacer-huge {
    width: 100%;
    padding-top: 6.25rem;
}

.spacer-medium {
    width: 100%;
    padding-top: 2rem;
}

.fs-styleguide_spacer-box {
    background-color: #2d40ea1a;
    border: 1px dashed #2d40ea;
    width: 100%;
    position: relative;
}

.spacer-xsmall {
    width: 100%;
    padding-top: 0.5rem;
}

.spacer-small {
    width: 100%;
    padding-top: 1rem;
}

.spacer-xhuge {
    width: 100%;
    padding-top: 8rem;
}

.spacer-tiny {
    width: 100%;
    padding-top: 0.125rem;
}

.spacer-xxsmall {
    width: 100%;
    padding-top: 0.25rem;
}

.spacer-xxhuge {
    width: 100%;
    padding-top: 10rem;
}

.spacer-xlarge {
    width: 100%;
    padding-top: 4rem;
}

.spacer-large {
    padding-top: 3.5rem;
}

.spacer-xxlarge {
    width: 100%;
    padding-top: 5rem;
}

.fs-styleguide_message {
    background-color: var(
            --background-color--background-warning\<deleted\|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b\>
    );
    color: var(
            --text-color--text-warning\<deleted\|variable-825aa1d8-b093-0b89-37c5-87d980df10f5\>
    );
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.nav_component {
    background-color: #000;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative;
    inset: 0% 0% auto;
}

.nav_container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.nav_logo {
    width: 10rem;
}

.nav_menu_link {
    color: #fff;
    padding: 1rem;
}

.nav_button {
    padding: 1rem;
}

.aspect-ratio-square {
    aspect-ratio: 1;
    object-fit: cover;
}

.aspect-ratio-portrait {
    aspect-ratio: 2 / 3;
    object-fit: cover;
}

.aspect-ratio-landscape {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.aspect-ratio-widescreen {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.background-color-tertiary {
    background-color: var(
            --background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>
    );
}

.fs-styleguide_hero-label {
    color: var(
            --text-color--text-primary\<deleted\|variable-7cd2a57e-6f21-74f7-6ce6-096306cecf3e\>
    );
    text-transform: uppercase;
    background-color: #eee;
    border-radius: 0.25rem;
    padding: 0.25rem 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-decoration: none;
}

.hero_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: start;
    place-items: start;
    max-width: 70rem;
    display: grid;
    position: relative;
}

.hero_image {
    border-radius: 1rem;
    margin-top: 0;
}

.hero_heading {
    font-size: 4rem;
}

.section_hero {
    color: #fff;
    background-color: #000;
    background-image: radial-gradient(circle at 0 100%, #2d62ff4d, #0000 50%),
    radial-gradient(circle at 100% 60%, #2d62ff4d, #1110 20%),
    radial-gradient(circle at 100% 100%, #d600c433, #0000 45%);
    flex-direction: column;
    justify-content: center;
    min-height: 100svh;
    display: flex;
    position: relative;
}

.hero_grid {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.nav_fixed {
    position: absolute;
    inset: 0% 0% auto;
}

.fs-styleguide_heading-header {
    font-size: 6rem;
}

.navbar {
    padding-top: 1.25rem;
}

.navbar-block {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.logo-wrap {
    width: 20%;
}

.navbar-wrapper {
    width: 60%;
}

.mode-swith-wrapper {
    justify-content: center;
    align-items: center;
    width: 20%;
    display: flex;
}

.logo {
    color: var(--black);
    width: 7.875rem;
}

.nav-list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: center;
    align-items: center;
    display: flex;
}

.nav-link {
    opacity: 0.6;
    color: var(--black);
    padding-bottom: 0.25rem;
    font-weight: 500;
    line-height: 1.2;
    position: relative;
}

.nav-link:hover {
    opacity: 1;
}

.image-for-bg-dark {
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: flex-start;
    position: absolute;
    z-index: 1;
    width: 100%;
    opacity: 0;
}

.image-for-bg-light {
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: flex-start;
    position: absolute;
    z-index: 1;
    width: 100%;
    opacity: 1;
}

.hero-block {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 6.25rem;
    padding-bottom: 8rem;
    display: flex;
}

.h1-wrapper {
    grid-column-gap: 0.5rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-flow: column;
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.yellow-span {
    background-color: var(--contrast);
    color: #262626;
    padding: 0.25rem 0.75rem;
    display: inline-block;
}

.block-wrapper {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.ultra-spacer {
    padding-top: 17.5rem;
}

.h3-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 45rem;
    display: flex;
}

.h3-style {
    color: var(--headline-color-black);
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: Roboto Condensed, sans-serif;
    font-size: 3.25rem;
    line-height: 1.1;
}

.h4-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 45rem;
    display: flex;
}

.h4-style {
    color: var(--headline-color-black);
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: Roboto Condensed, sans-serif;
    font-size: 1.85rem;
    line-height: 1.1;
}

.quote {
    color: var(--headline-color-black);
    width: 3.125rem;
    height: 2rem;
}

.subtitle-pad {
    padding-top: 0.75rem;
}

.subtitle {
    letter-spacing: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
}

.door-wrapper {
    position: relative;
}

.door-image-light {
    width: 31.25rem;
    height: 27rem;
    margin-bottom: -4rem;
    position: static;
    inset: 0% 0% auto;
}

.bg-color-white {
    background-color: var(--white);
}

.normal-grid {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.bg-color-door {
    background-color: #fbf8f0;
}

.h3-wrapper-left {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 28rem;
    display: flex;
}

.clip.is-256 {
    max-width: 16rem;
}

.clip.is-510 {
    max-width: 31.875rem;
}

.clip.is-320 {
    max-width: 20rem;
}

.h2-wrapper {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 45rem;
    display: flex;
}

.pink-span {
    color: var(--yellow);
}

.available-list {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: column;
    width: 100%;
    display: flex;
}

.available-grid-item {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.available-book-wrapper {
    /*background-color: var(--light-wrapper);*/
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    height: 30rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.mockup-book {
    /*width: 12.5rem;*/
}

.full-contain {
    object-fit: contain;
    width: 100%;
}

.mock-up-label {
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
    position: absolute;
    inset: auto 0% 2rem;
}

.mock-up-label.is-hide {
    display: none;
}

.available-content-wrapper {
    flex-flow: column;
    justify-content: center;
    display: flex;
}

.available-content-wrapper.is-short {
    height: 22.25rem;
}

.buttons-group {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.coming-wrapper {
    z-index: 3;
    -webkit-backdrop-filter: blur(12px);
    /*backdrop-filter: blur(12px);*/
    background-color: #00000005;
    position: absolute;
    inset: 0%;
}

.coming-line-wrapper {
    z-index: 5;
    justify-content: flex-end;
    align-items: flex-end;
    width: 170%;
    display: flex;
    position: absolute;
    inset: auto -40% 0% auto;

    display: none;
}

.top-run-component {
    z-index: 100;
    background-color: var(--contrast);
    text-transform: uppercase;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: 0.875rem;
    font-weight: 600;
    display: flex;
    position: relative;
    overflow: hidden;
    transform: rotate(-45deg);
}

.one-part-line {
    flex: none;
}

.one-line_content {
    flex: none;
    align-items: center;
    display: flex;
}

.one-run-group {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.one-text-run {
    color: #262626;
    flex: none;
    margin-left: 0.375rem;
    margin-right: 0.375rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.25;
}

.one-divider-run {
    flex: none;
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}

.top-img {
    width: 1.5rem;
    height: 1.5rem;
}

.subscribe-component {
    width: 50rem;
    padding-top: 5rem;
    position: relative;
    overflow: hidden;
}

.form-wrapper {
    z-index: 4;
    justify-content: center;
    align-items: center;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    display: flex;
    position: relative;
}

.form-books {
    width: 100%;
    position: absolute;
    inset: 0%;
}

.form-books.is-dark {
    opacity: 0.11;
}

.icon-1x1-16 {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex;
}

.input-and-button {
    display: flex;
    position: relative;
}

.subscription-icon_wrapper {
    justify-content: flex-start;
    align-items: center;
    padding-left: 1rem;
    display: flex;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.form-button-wrapper {
    position: absolute;
    inset: 0.5rem 0.5rem 0.5rem auto;
}

.form_input-sub {
    background-color: var(--white-secondary);
    color: #fff;
    border: 1px solid #ffffff14;
    border-radius: 10rem;
    width: 23.75rem;
    min-height: 4.7rem;
    margin-bottom: 0;
    padding: 0.5rem 1rem 0.5rem 1.375rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.72;
}

.form_input-sub:focus {
    border-color: #ffffff29;
}

.form_input-sub.is-sub {
    padding-left: 3rem;
    padding-right: 10rem;
    position: relative;
}

.form_input-sub.is-sub::placeholder {
    font-weight: 500;
}

.button-2 {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    color: #010811;
    text-align: center;
    background-color: #fff;
    border-radius: 3.5rem;
    justify-content: center;
    align-items: center;
    padding: 0.8125rem 1rem 0.8125rem 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    display: flex;
}

.button-2:hover {
    color: #09a4ff;
}

.button-2:active {
    color: #3ab6ff;
}

.button-2.is-form-holder {
    color: #fff;
    background-color: #09a4ff;
    border: 1px solid #ffffff14;
    width: 100%;
    height: 100%;
    position: relative;
}

.button-2.is-form-holder:hover {
    background-color: #22adff;
    box-shadow: 0 4px 30px #09a4ffbf;
}

.button-2.is-form-holder:active {
    background-color: #3ab6ff;
}

.button-2.is-form {
    opacity: 0;
    position: absolute;
    inset: 0%;
}

.subscription-icon {
    width: 1.5rem;
    height: 1.5rem;
    position: static;
    inset: 0% auto 0% 0%;
}

.spacer-xxxhuge {
    width: 100%;
    padding-top: 12.5rem;
}

.form-bg-blur {
    z-index: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #ffffff03;
    height: 13.5rem;
    position: absolute;
    inset: auto 0% 0%;
}

.why-component {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}

.why-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.why-card {
    border-radius: 0.5rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 26.25rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.why-imag {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.why-text {
    z-index: 3;
    text-align: center;
    padding: 1.5rem;
    position: relative;
}

.h3-style-yellow {
    color: var(--contrast);
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: Roboto Condensed, sans-serif;
    font-size: 3.25rem;
    line-height: 1.25;
}

.micro-copy {
    text-align: center;
    max-width: 34.75rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.75rem;
}

.what-reader {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.what-read-card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-color: var(--white);
    border-radius: 0.75rem;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    display: flex;
}

.what-book-wrapper {
    background-color: var(--light-wrapper);
    border-radius: 0.5rem;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 9.375rem;
    height: 9.375rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.mockup-book-small {
    width: 3.25rem;
}

.card-content {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.author-line {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    letter-spacing: 0;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.875rem;
    display: flex;
}

.avatar-author {
    object-fit: cover;
    border-radius: 50%;
    width: 1.875rem;
    height: 1.875rem;
}

.card-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 49.4%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.up-relative {
    z-index: 5;
    position: relative;
}

.bg-eclipse {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.elipse-white {
    z-index: 4;
    background-color: var(--white);
    border-radius: 50%;
    flex: none;
    width: 300vw;
    height: 200vw;
    margin-top: 11.25rem;
    position: absolute;
    inset: 0% 0% auto -100vw;
    box-shadow: inset 0 17px 85px #a0b6c966;
}

.elipse-white.is-dark {
    box-shadow: inset 0 17px 85px #a0b6c92b;
}

.elipse-blur {
    z-index: 4;
    filter: blur(65px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    background-color: #e8f0f7;
    border-radius: 50%;
    flex: none;
    width: 300vw;
    height: 300vw;
    margin-top: 3rem;
    position: absolute;
    inset: 0% 0% auto -100vw;
    transform: translateZ(0);
}

.grid-with-text-bg {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    opacity: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 120vw;
    font-size: 0.75rem;
    display: grid;
    position: relative;
    text-align: justify;
}

.elipse-transparent {
    z-index: 2;
    background-color: #eff3f61a;
    border-radius: 50%;
    flex: none;
    width: 300vw;
    height: 200vw;
    position: absolute;
    inset: 0% 0% auto -100vw;
    box-shadow: inset 0 0 80px 20px #eff3f680, 0 -8rem 200px 200px #eff3f6b5;
}

.elipse-transparent.is-dark {
    background-color: #19191a1a;
    box-shadow: inset 0 0 80px 20px #0e0e0f, 0 -8rem 200px 200px #0e0e0f91;
}

.footer-block {
    border-bottom: 1px solid #0003;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    display: flex;
}

.social-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.footer-text-wrapper {
    padding-top: 2rem;
    overflow: hidden;
}

.full-width-liner-text {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#fff, #e8f0f7 50%);
    -webkit-background-clip: text;
    background-clip: text;
    margin-bottom: -5rem;
    font-family: Roboto Condensed, sans-serif;
    font-size: 19.5rem;
    line-height: 0.9;
}

.full-width-liner-text.is-dark {
    background-image: linear-gradient(#000, #151d22 50%);
}

.ms-switch-bg {
    z-index: 0;
    background-color: #f5f5f5;
    border-radius: 8px;
    transition: background-color 0.2s;
    position: absolute;
    inset: 0%;
}

.ms-switch-option.dark {
    color: #121331;
    background-image: url("../images/nightlight_black_24dp.svg");
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-left: 18px;
}

.ms-switch-wrap {
    border-radius: 7rem;
    width: 9.25rem;
    height: 3.25rem;
    position: relative;
}

.ms-switch-label {
    z-index: 3;
    grid-column-gap: 3%;
    white-space: nowrap;
    justify-content: space-around;
    align-items: center;
    font-weight: 700;
    display: flex;
    position: absolute;
    inset: 0% 2%;
}

.ms-switch-select {
    z-index: 1;
    background-color: var(--contrast);
    border-radius: 6rem;
    width: 48.5%;
    margin-top: 1.5%;
    margin-bottom: 1.5%;
    transition: left 0.3s;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 1.5%;
    box-shadow: 0 1px 5px #0003;
}

.ms-switch-select.w--redirected-checked {
    background-color: #fff;
    background-image: none;
    left: 39px;
}

.ms-toggle-checkbox {
    display: none;
}

.width-custom-toggle {
    width: 8rem;
}

.icon-in-toggle {
    z-index: 3;
    width: 1.5rem;
    height: 1.5rem;
    transition: all 0.4s;
}

.icon-in-toggle.dark {
    color: #e9e9e9;
}

.icon-in-toggle.light {
    color: #000;
}

.switcher {
    background-color: var(--white);
    cursor: pointer;
    border-radius: 6rem;
    width: 9.25rem;
    height: 3.25rem;
    padding: 0.25rem;
    transition: all 0.4s;
    position: relative;
}

.switcher.is-on {
    background-color: #000;
}

.switcher-toggle {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}

.toglge-hulf {
    z-index: 5;
    justify-content: center;
    align-items: center;
    width: 50%;
    display: flex;
    position: relative;
}

.swither-active-bg {
    background-color: var(--contrast);
    border-radius: 6rem;
    width: 50%;
    height: 100%;
    transition: all 0.4s;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.swither-active-bg.is-on {
    left: auto;
    right: 0;
}

.door-image-dark {
    width: 31.25rem;
    height: 27rem;
    margin-bottom: -4rem;
    position: static;
    inset: 0% 0% auto;
}

.door-image-size {
    width: 31.25rem;
    height: 27rem;
    margin-bottom: -4rem;
    position: relative;
    inset: 0% 0% auto;
}

.door-light {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.door-dark {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

@media screen and (max-width: 991px) {
    .padding-xlarge {
        padding: 3rem;
    }

    .margin-xlarge {
        margin: 3rem;
    }

    .padding-xhuge {
        padding: 6rem;
    }

    .padding-xxhuge {
        padding: 8rem;
    }

    .padding-huge {
        padding: 5rem;
    }

    .margin-large {
        margin: 2.5rem;
    }

    .padding-xxlarge {
        padding: 4rem;
    }

    .padding-large {
        padding: 2.5rem;
    }

    .margin-huge {
        margin: 5rem;
    }

    .padding-medium {
        padding: 1.5rem;
    }

    .margin-xxlarge {
        margin: 4rem;
    }

    .margin-xhuge {
        margin: 6rem;
    }

    .margin-medium {
        margin: 1.5rem;
    }

    .margin-xxhuge {
        margin: 8rem;
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0;
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0;
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0;
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .hide-tablet {
        display: none;
    }

    .fs-styleguide_2-col {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr;
    }

    .max-width-full-tablet {
        width: 100%;
        max-width: none;
    }

    .fs-styleguide_1-col {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }

    .fs-styleguide_heading-medium {
        font-size: 3rem;
    }

    .fs-styleguide_4-col {
        grid-template-columns: 1fr;
    }

    .padding-section-large {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .fs-styleguide_3-col {
        grid-template-columns: 1fr;
    }

    .fs-styleguide_section {
        grid-column-gap: 2.5rem;
        grid-template-columns: 1fr;
    }

    .padding-section-medium {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .spacer-huge {
        padding-top: 5rem;
    }

    .spacer-medium {
        padding-top: 1.5rem;
    }

    .spacer-xhuge {
        padding-top: 6rem;
    }

    .spacer-xxhuge {
        padding-top: 8rem;
    }

    .spacer-xlarge {
        padding-top: 3rem;
    }

    .spacer-large {
        padding-top: 2.5rem;
    }

    .spacer-xxlarge {
        padding-top: 4rem;
    }

    .nav_button {
        color: #fff;
    }

    .section_hero {
        padding-top: 3rem;
    }

    .hero_grid {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        grid-template-columns: 1fr;
    }

    .fs-styleguide_heading-header {
        font-size: 4rem;
    }

    .spacer-xxxhuge {
        padding-top: 8rem;
    }
}

@media screen and (max-width: 767px) {
    .hero-block {
        padding-bottom: 4rem;
    }

    h1 {
        font-size: 3.625rem;
    }

    h2 {
        font-size: 3rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.25rem;
    }

    h5 {
        font-size: 1rem;
    }

    h6 {
        font-size: 0.875rem;
    }

    .padding-xlarge {
        padding: 2rem;
    }

    .margin-xlarge {
        margin: 2rem;
    }

    .padding-xhuge {
        padding: 4rem;
    }

    .padding-xxhuge {
        padding: 4.5rem;
    }

    .padding-huge {
        padding: 3.5rem;
    }

    .margin-large {
        margin: 1.5rem;
    }

    .padding-xxlarge {
        padding: 3rem;
    }

    .padding-large {
        padding: 1.5rem;
    }

    .margin-huge {
        margin: 3.5rem;
    }

    .padding-medium {
        padding: 1.25rem;
    }

    .margin-xxlarge {
        margin: 3rem;
    }

    .margin-xhuge {
        margin: 4rem;
    }

    .margin-medium {
        margin: 1.25rem;
    }

    .margin-xxhuge {
        margin: 4.5rem;
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0;
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0;
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0;
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .hide-mobile-landscape {
        display: none;
    }

    .heading-style-h3 {
        font-size: 1.5rem;
    }

    .heading-style-h1 {
        font-size: 2.5rem;
    }

    .padding-global {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    .padding-section-small {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .fs-styleguide_section-header {
        font-size: 0.875rem;
    }

    .fs-styleguide_heading-medium {
        font-size: 2rem;
    }

    .max-width-full-mobile-landscape {
        width: 100%;
        max-width: none;
    }

    .heading-style-h4 {
        font-size: 1rem;
    }

    .text-style-nowrap {
        white-space: normal;
    }

    .heading-style-h6 {
        font-size: 0.75rem;
    }

    .padding-section-large {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .text-size-large {
        font-size: 1.25rem;
    }

    .heading-style-h2 {
        font-size: 2rem;
    }

    .heading-style-h5 {
        font-size: 0.875rem;
    }

    .padding-section-medium {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .spacer-huge {
        padding-top: 3.5rem;
    }

    .spacer-medium {
        padding-top: 1.25rem;
    }

    .spacer-xhuge {
        padding-top: 4rem;
    }

    .spacer-xxhuge {
        padding-top: 6.25rem;
    }

    .spacer-xlarge {
        padding-top: 2rem;
    }

    .spacer-large {
        padding-top: 1.5rem;
    }

    .spacer-xxlarge {
        padding-top: 3rem;
    }

    .logo-wrap,
    .mode-swith-wrapper {
        width: auto;
    }

    .nav-list {
        display: none;
    }

    .nav-link:hover {
        color: #323232;
    }

    .block-wrapper {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
    }

    .ultra-spacer {
        padding-top: 16rem;
    }

    .h3-style {
        font-size: 2.5rem;
    }

    .normal-grid {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .h3-wrapper-left {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }

    .h3-wrapper-left.is-center-mobile {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
    }

    .clip.is-256 {
        max-width: 90%;
    }

    .available-list {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
    }

    .available-grid-item {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-template-columns: 1fr;
    }

    .available-book-wrapper {
        height: auto;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .mockup-book {
        width: 15.125rem;
    }

    .available-content-wrapper {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
        text-align: center;
        justify-content: space-between;
        align-items: center;
    }

    .available-content-wrapper.is-short {
        height: auto;
    }

    .buttons-group {
        flex-flow: column;
        width: 100%;
    }

    .coming-line-wrapper {
        right: -50%;
    }

    .one-text-run {
        font-size: 1.5rem;
    }

    .form_input-sub,
    .form_input-sub::placeholder {
        font-size: 0.875rem;
    }

    .form_input-sub.is-sub {
        padding-right: 9.5rem;
    }

    .image-for-bg-dark {
        width: 300%;
    }

    .image-for-bg-light {
        width: 300%;
    }

    .button-2 {
        padding: 0.75rem 0.875rem 0.75rem 1rem;
    }

    .spacer-xxxhuge {
        padding-top: 8.75rem;
    }

    .why-component {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
    }

    .why-grid {
        grid-template-columns: 1fr;
    }

    .what-reader {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
    }

    .card-wrapper {
        max-width: 100%;
    }

    .grid-with-text-bg {
        grid-template-columns: 1fr 1fr;
        width: 140vw;
    }

    .footer-block {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 0;
    }

    .social-list {
        justify-content: flex-start;
        align-items: center;
    }

    .footer-text-wrapper {
        padding-top: 1.25rem;
    }

    .full-width-liner-text {
        margin-bottom: -2rem;
        font-size: 25vw;
    }
}

@media screen and (max-width: 479px) {
    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0;
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0;
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0;
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0;
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .fs-styleguide_row {
        flex-wrap: wrap;
    }

    .max-width-full-mobile-portrait {
        width: 100%;
        max-width: none;
    }

    .hide-mobile-portrait {
        display: none;
    }

    .button {
        width: 100%;
    }

    .hero_heading {
        font-size: 2.5rem;
    }

    .door-image-light {
        width: 20rem;
        height: 17.375rem;
        margin-bottom: -2.6rem;
    }

    .subscribe-component {
        width: 38rem;
    }

    .form-wrapper {
        width: 100%;
    }

    .form_input-sub {
        width: 100%;
        min-width: 20rem;
    }

    .what-read-card {
        flex-flow: column;
    }

    .what-book-wrapper {
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        padding-top: 2.375rem;
    }

    .mockup-book-small {
        width: 7.875rem;
    }

    .card-content {
        flex-flow: column-reverse;
    }

    .door-image-dark,
    .door-image-size {
        width: 20rem;
        height: 17.375rem;
        margin-bottom: -2.6rem;
    }
}

#w-node-c195fe69-aef9-61e4-d3be-385ed19d3cd4-68b3269b {
    align-self: center;
}

#w-node-_047595ad-ab7e-d239-0817-e18091448189-68b3269b {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b224ec27-30fa-be84-48bf-7ed471542af3-68b3269e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-68b3269e {
    justify-self: start;
}

#w-node-_5d224905-8a1e-1460-7532-d38cb7ec37c1-68b3269e,
#w-node-_40538c8c-870b-b365-34c4-2a06f0f8567d-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-68b3269e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-68b3269e {
    justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-68b3269e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-68b3269e {
    justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-68b3269e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-68b3269e {
    justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-68b3269e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc90-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc95-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc9a-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-68b3269e {
    justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd08-68b3269e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd09-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd0e-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd13-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd18-68b3269e,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-68b3269e,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-68b3269e,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-68b3269e,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-68b3269e,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-68b3269e,
#w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-68b3269e,
#w-node-_30684373-af34-3818-02a4-e58b3ffef403-68b3269e,
#w-node-_30684373-af34-3818-02a4-e58b3ffef408-68b3269e,
#w-node-_30684373-af34-3818-02a4-e58b3ffef40d-68b3269e,
#w-node-_30684373-af34-3818-02a4-e58b3ffef412-68b3269e {
    justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef416-68b3269e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef417-68b3269e {
    justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef41a-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-68b3269e,
#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd98-68b3269e {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-68b3269e {
    justify-self: start;
}

@media screen and (max-width: 767px) {
    #w-node-a2c8fb1f-c397-6670-f94b-1395f5d045a9-68b3269b {
        order: -9999;
    }

    #w-node-_047595ad-ab7e-d239-0817-e18091448189-68b3269b {
        grid-column: span 1 / span 1;
    }
}

.mr-1 {
    margin-right: 10px;
}

.mr-2 {
    margin-right: 20px;
}

.mb-2 {
    margin-bottom: 20px;
}

.mb-10 {
    margin-bottom: 100px;
}

@font-face {
    font-family: "Anton";
    src: url("../fonts/Anton-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto Condensed";
    src: url("../fonts/Roboto_Condensed/static/RobotoCondensed-ExtraBold.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto Slab";
    src: url("../fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf") format("truetype");
    font-weight: 300 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto Serif";
    src: url("../fonts/Roboto_Serif/RobotoSerif-VariableFont_GRAD,opsz,wdth,wght.ttf") format("truetype");
    font-weight: 300 600;
    font-style: normal;
    font-display: swap;
}