.base_theme__7MTs2 {
    --color-alpha-active: var(--color-alpha-light-200);
    --color-alpha-hover: var(--color-alpha-light-100);
    --color-ui-icon: var(--color-dark-600);
    --color-text-error: var(--color-red-900);
    --color-text-medium: var(--color-gray-500);
    --color-text-light: var(--color-gray-400);
    --color-text-dark: var(--color-gray-800);
    --color-text: var(--color-gray-600);
    --color-secondary: var(--color-dark-600);
    --color-primary: var(--color-red-500);
    --color-page: var(--color-base-100);
    --color-notification-banner: var(--color-base-200);
    --color-navigation-dropdown-hover: var(--color-base-200);
    --color-navigation-dropdown: var(--color-base-100);
    --color-navigation: var(--color-base-200);
    --color-logo: var(--color-red-500);
    --color-link-hover-from-inherited: var(--color-blue-500);
    --color-link-hover: var(--color-blue-800);
    --color-link: var(--color-blue-500);
    --color-icon-button-background-hover: var(--color-alpha-light-100);
    --color-icon-button-hover: var(--color-black-500);
    --color-icon-button: var(--color-black-300);
    --color-icon-background: var(--color-red-100);
    --color-icon: var(--color-red-500);
    --color-checkbox-icon-checked: var(--color-base-100);
    --color-checkbox-border-checked: var(--color-base-800);
    --color-checkbox-border-hover: var(--color-base-800);
    --color-checkbox-border-active: var(--color-base-800);
    --color-checkbox-border: var(--color-base-780);
    --color-checkbox-background-checked: var(--color-base-800);
    --color-checkbox-background: var(--color-base-100);
    --color-button-tertiary-text: var(--color-base-800);
    --color-button-tertiary-hover: var(--color-base-200);
    --color-button-tertiary-active: var(--color-base-200);
    --color-button-tertiary: var(--color-base-100);
    --color-button-secondary-text: var(--color-base-800);
    --color-button-secondary-hover: var(--color-base-120);
    --color-button-secondary-active: var(--color-base-140);
    --color-button-secondary: var(--color-base-100);
    --color-button-primary-text: var(--color-base-100);
    --color-button-primary-hover: var(--color-base-780);
    --color-button-primary-active: var(--color-base-760);
    --color-button-primary: var(--color-base-800);
    --color-border-hover: var(--color-gray-200);
    --color-border: var(--color-gray-200);
    --color-block-border: var(--color-gray-200);
    --color-block-hover: var(--color-base-250);
    --color-block: var(--color-base-200);
    --color-badge-secondary-text: var(--color-base-400);
    --color-badge-secondary: var(--color-base-100);
    --color-badge-primary-text: var(--color-base-100);
    --color-badge-primary: var(--color-base-780);
    --color-banner: var(--color-base-400)
}

.button_button__atjat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    white-space: pre-line;
    border-radius: var(--border-radius-300);
    font-family: var(--font-family-sans);
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    border: 0;
    height: auto;
    background: #0000;
    text-decoration: none;
    min-width: var(--button-min-width)
}

.button_fullWidth__YrZ85 {
    width: 100%
}

.button_buttonSizeS__IYg0e {
    min-height: 30px;
    padding: .25rem .6875rem;
    font-size: var(--typography-sans-100-medium-font-size);
    line-height: var(--typography-sans-100-medium-line-height);
    letter-spacing: var(--typography-sans-100-medium-letter-spacing);
    font-weight: var(--typography-sans-100-medium-font-weight-variable)
}

.button_buttonSizeL__z8y6s {
    min-height: 36px;
    padding: .25rem .875rem;
    font-size: var(--typography-sans-200-regular-font-size);
    line-height: var(--typography-sans-200-regular-line-height);
    letter-spacing: var(--typography-sans-200-regular-letter-spacing);
    font-weight: 570
}

.button_buttonVariantPrimary__mUFQZ {
    color: var(--color-button-primary-text);
    background: var(--color-button-primary);
    box-shadow: 0 .3259259164px .7333333492px 0 #0000001f, 0 1.5407407284px 2.8666665554px 0 #00000012, 0 4px 9px 0 #0000000d
}

.button_buttonVariantPrimary__mUFQZ:hover {
    background: var(--color-button-primary-hover)
}

.button_buttonVariantPrimary__mUFQZ:active,
.button_buttonVariantPrimary__mUFQZ:focus {
    background: var(--color-button-primary-active)
}

.button_buttonVariantPrimary__mUFQZ:disabled {
    color: var(--color-text-light);
    border: 1px solid #0000001a;
    background: none;
    box-shadow: none;
    cursor: auto
}

.button_buttonVariantTertiary__lrfOH {
    color: var(--color-button-tertiary-text);
    background: var(--color-button-tertiary);
    border: 1px solid #00000026
}

.button_buttonVariantTertiary__lrfOH:hover {
    background: var(--color-button-tertiary-hover)
}

.button_buttonVariantTertiary__lrfOH:active,
.button_buttonVariantTertiary__lrfOH:focus {
    background: var(--color-button-tertiary-active)
}

.button_buttonVariantTertiary__lrfOH:disabled {
    color: var(--color-text-light);
    background: none;
    border: 1px solid #0000001a;
    box-shadow: none;
    cursor: auto
}

.button_buttonVariantSimple__hzQDj {
    font-weight: inherit;
    color: inherit;
    transition: background .15s;
    height: auto;
    padding: 6px
}

.button_buttonVariantSimple__hzQDj:hover {
    background: var(--color-gray-200)
}

.button_buttonVariantSimple__hzQDj:active {
    background: var(--color-gray-400)
}

.button_buttonVariantSimple__hzQDj:disabled {
    color: var(--color-text-light);
    background: none;
    box-shadow: none;
    cursor: auto
}

.text_text__cG3pf {
    margin: 0;
    padding: 0;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    color: var(--color-text)
}

.text_textColorMedium__XD_3v {
    color: var(--color-text-medium)
}

.text_textColorWhite__H70dC {
    color: var(--color-base-100)
}

.text_textWeightRegular__lAQvj {
    font-weight: 400
}

.text_textWeightSemibold___lCV0 {
    font-weight: 600
}

.text_textSizeNav__T2a_b.text_textWeightSemibold___lCV0 {
    font: var(--typography-sans-150-semibold-font-weight) var(--typography-sans-150-semibold-font-size)/var(--typography-sans-150-semibold-line-height) var(--typography-sans-150-semibold-font-family);
    font-variation-settings: "wght" var(--typography-sans-150-semibold-font-weight-variable);
    letter-spacing: var(--typography-sans-150-semibold-letter-spacing)
}

.text_textSizeBody__4q5Cs.text_textWeightRegular__lAQvj {
    font: var(--typography-sans-200-regular-font-weight) var(--typography-sans-200-regular-font-size)/var(--typography-sans-200-regular-line-height) var(--typography-sans-200-regular-font-family);
    font-variation-settings: "wght" var(--typography-sans-200-regular-font-weight-variable);
    letter-spacing: var(--typography-sans-200-regular-letter-spacing)
}

.text_textSizeBody__4q5Cs.text_textWeightSemibold___lCV0 {
    font: var(--typography-sans-200-semibold-font-weight) var(--typography-sans-200-semibold-font-size)/var(--typography-sans-200-semibold-line-height) var(--typography-sans-200-semibold-font-family);
    font-variation-settings: "wght" var(--typography-sans-200-semibold-font-weight-variable);
    letter-spacing: var(--typography-sans-200-semibold-letter-spacing)
}

.title_title__DWL5N {
    margin-top: 0;
    margin-bottom: 0;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    color: var(--color-text);
    font-weight: var(--font-weight-fallback)
}

.title_titleWeightRegular__CZ0MG {
    --font-weight-fallback: 400
}

.title_titleWeightMedium__p0yS6 {
    --font-weight-fallback: 500
}

.title_titleWeightBold__838EK {
    --font-weight-fallback: 700
}

.title_titleSizeXxs__G6KYV.title_titleWeightRegular__CZ0MG {
    font: var(--typography-sans-300-regular-font-weight, var(--font-weight-fallback)) var(--typography-sans-300-regular-font-size, var(--typography-sans-300-bold-font-size))/var(--typography-sans-300-regular-line-height, var(--typography-sans-300-bold-line-height)) var(--typography-sans-300-regular-font-family, var(--typography-sans-300-bold-font-family));
    font-variation-settings: "wght" var(--typography-sans-300-regular-font-weight-variable);
    letter-spacing: var(--typography-sans-300-regular-letter-spacing, var(--typography-sans-300-bold-letter-spacing))
}

.title_titleSizeXxs__G6KYV.title_titleWeightMedium__p0yS6 {
    font: var(--typography-sans-300-medium-font-weight, var(--font-weight-fallback)) var(--typography-sans-300-medium-font-size, var(--typography-sans-300-bold-font-size))/var(--typography-sans-300-medium-line-height, var(--typography-sans-300-bold-line-height)) var(--typography-sans-300-medium-font-family, var(--typography-sans-300-bold-font-family));
    font-variation-settings: "wght" var(--typography-sans-300-medium-font-weight-variable);
    letter-spacing: var(--typography-sans-300-medium-letter-spacing, var(--typography-sans-300-bold-letter-spacing))
}

.title_titleSizeXxs__G6KYV.title_titleWeightBold__838EK {
    font: var(--typography-sans-300-bold-font-weight, var(--font-weight-fallback)) var(--typography-sans-300-bold-font-size, var(--typography-sans-300-bold-font-size))/var(--typography-sans-300-bold-line-height, var(--typography-sans-300-bold-line-height)) var(--typography-sans-300-bold-font-family, var(--typography-sans-300-bold-font-family));
    font-variation-settings: "wght" var(--typography-sans-300-bold-font-weight-variable);
    letter-spacing: var(--typography-sans-300-bold-letter-spacing, var(--typography-sans-300-bold-letter-spacing))
}

.title_titleSizeXs__xnVC3.title_titleWeightBold__838EK {
    font: var(--typography-sans-400-bold-font-weight, var(--font-weight-fallback)) var(--typography-sans-400-bold-font-size, var(--typography-sans-400-bold-font-size))/var(--typography-sans-400-bold-line-height, var(--typography-sans-400-bold-line-height)) var(--typography-sans-400-bold-font-family, var(--typography-sans-400-bold-font-family));
    font-variation-settings: "wght" var(--typography-sans-400-bold-font-weight-variable);
    letter-spacing: var(--typography-sans-400-bold-letter-spacing, var(--typography-sans-400-bold-letter-spacing))
}

.title_titleSizeS__om4Io.title_titleWeightBold__838EK {
    font: var(--typography-sans-400-bold-font-weight, var(--font-weight-fallback)) var(--typography-sans-400-bold-font-size, var(--typography-sans-400-bold-font-size))/var(--typography-sans-400-bold-line-height, var(--typography-sans-400-bold-line-height)) var(--typography-sans-400-bold-font-family, var(--typography-sans-400-bold-font-family));
    font-variation-settings: "wght" var(--typography-sans-400-bold-font-weight-variable);
    letter-spacing: var(--typography-sans-400-bold-letter-spacing, var(--typography-sans-400-bold-letter-spacing))
}

@media(min-width:600px) {

    .title_titleSizeS__om4Io.title_titleWeightBold__838EK {
        font: var(--typography-sans-500-bold-font-weight, var(--font-weight-fallback)) var(--typography-sans-500-bold-font-size, var(--typography-sans-500-bold-font-size))/var(--typography-sans-500-bold-line-height, var(--typography-sans-500-bold-line-height)) var(--typography-sans-500-bold-font-family, var(--typography-sans-500-bold-font-family));
        font-variation-settings: "wght" var(--typography-sans-500-bold-font-weight-variable);
        letter-spacing: var(--typography-sans-500-bold-letter-spacing, var(--typography-sans-500-bold-letter-spacing))
    }
}

.title_titleSizeM__e46NM.title_titleWeightBold__838EK {
    font: var(--typography-sans-500-bold-font-weight, var(--font-weight-fallback)) var(--typography-sans-500-bold-font-size, var(--typography-sans-500-bold-font-size))/var(--typography-sans-500-bold-line-height, var(--typography-sans-500-bold-line-height)) var(--typography-sans-500-bold-font-family, var(--typography-sans-500-bold-font-family));
    font-variation-settings: "wght" var(--typography-sans-500-bold-font-weight-variable);
    letter-spacing: var(--typography-sans-500-bold-letter-spacing, var(--typography-sans-500-bold-letter-spacing))
}

@media(min-width:600px) {

    .title_titleSizeM__e46NM.title_titleWeightBold__838EK {
        font: var(--typography-sans-600-bold-font-weight, var(--font-weight-fallback)) var(--typography-sans-600-bold-font-size, var(--typography-sans-600-bold-font-size))/var(--typography-sans-600-bold-line-height, var(--typography-sans-600-bold-line-height)) var(--typography-sans-600-bold-font-family, var(--typography-sans-600-bold-font-family));
        font-variation-settings: "wght" var(--typography-sans-600-bold-font-weight-variable);
        letter-spacing: var(--typography-sans-600-bold-letter-spacing, var(--typography-sans-600-bold-letter-spacing))
    }
}

.title_titleSizeXxl__aKcmF.title_titleWeightBold__838EK {
    font: var(--typography-sans-700-bold-font-weight, var(--font-weight-fallback)) var(--typography-sans-700-bold-font-size, var(--typography-sans-700-bold-font-size))/var(--typography-sans-700-bold-line-height, var(--typography-sans-700-bold-line-height)) var(--typography-sans-700-bold-font-family, var(--typography-sans-700-bold-font-family));
    font-variation-settings: "wght" var(--typography-sans-700-bold-font-weight-variable);
    letter-spacing: var(--typography-sans-700-bold-letter-spacing, var(--typography-sans-700-bold-letter-spacing))
}

@media(min-width:600px) {

    .title_titleSizeXxl__aKcmF.title_titleWeightBold__838EK {
        font: var(--typography-sans-900-bold-font-weight, var(--font-weight-fallback)) var(--typography-sans-900-bold-font-size, var(--typography-sans-900-bold-font-size))/var(--typography-sans-900-bold-line-height, var(--typography-sans-900-bold-line-height)) var(--typography-sans-900-bold-font-family, var(--typography-sans-900-bold-font-family));
        font-variation-settings: "wght" var(--typography-sans-900-bold-font-weight-variable);
        letter-spacing: var(--typography-sans-900-bold-letter-spacing, var(--typography-sans-900-bold-letter-spacing))
    }
}

.title_title__DWL5N.title_titleFamilyInter__Ra6_Q {
    font-family: var(--font-family-sans)
}

.title_titleColorMedium__S6bde {
    color: var(--color-text-medium)
}

.background_background__wLqUX {
    --background-border-radius: var(--border-radius-400);
    overflow: hidden;
    background: var(--background-background-color);
    border-radius: var(--background-border-radius)
}

.background_background__wLqUX.background_cream__yQvl6 {
    --background-background-color: var(--color-block)
}

.background_bleed__BuabE {
    margin-left: -24px;
    margin-right: -24px;
    border-radius: 0
}

@media(min-width:600px) {
    .background_bleed__BuabE {
        margin-left: -6vw;
        margin-right: -6vw;
        border-radius: 0
    }
}

@media(min-width:1080px) {
    .background_bleed__BuabE {
        margin-left: 0;
        margin-right: 0;
        border-radius: var(--background-border-radius)
    }
}

.InlineTextLink_inlineLink__oN8YM {
    position: relative;
    text-decoration: underline;
    text-underline-offset: .1em;
    text-decoration-thickness: 1px;
    cursor: pointer;
    display: inline;
    border-radius: var(--border-radius-300)
}

.InlineTextLink_inlineLink__oN8YM:focus {
    outline: 0;
    box-shadow: 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200)
}

.InlineTextLink_inlineLink__oN8YM:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200)
}

.InlineTextLink_inlineLink__oN8YM:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none
}

.InlineTextLink_colorInherit__oGlTG {
    color: inherit
}

.InlineTextLink_colorInherit__oGlTG:hover {
    color: var(--color-link-hover-from-inherited)
}

.InlineTextLink_underlineOnHover__J78xW {
    text-decoration: none
}

.InlineTextLink_underlineOnHover__J78xW:hover .InlineTextLink_linkContent__SYI4r {
    text-decoration: underline
}

.limit_limit__v6KG8 {
    width: 100%;
    margin: 0 auto
}

.limit_limitM__eLVfF {
    max-width: var(--limit-m)
}

.limit_limitL___QxkV {
    max-width: var(--limit-l)
}

.iconButton_button__sCCG7:focus-visible,
.iconButton_button__sCCG7:focus:not(:focus-visible) {
    outline: 0
}

.iconButton_button__sCCG7:hover:not(:disabled) {
    color: var(--color-icon-button-hover)
}

.iconButton_button__sCCG7:focus-visible .iconButton_focusRing__PQe1f {
    box-shadow: var(--icon-button-focus-ring-box-shadow)
}

.iconButton_button__sCCG7:hover:not(:disabled):after {
    opacity: 1
}

.typography_typography__Exx2D {
    margin: 0;
    font: var(--typography-font);
    font-variation-settings: var(--typography-font-variation-settings);
    letter-spacing: var(--typography-letter-spacing);
    color: var(--typography-color)
}

@media(min-width:600px) {
    .typography_typography__Exx2D {
        font: var(--typography-font-sm);
        font-variation-settings: var(--typography-font-variation-settings-sm);
        letter-spacing: var(--typography-letter-spacing-sm)
    }
}

.oldGrid_gridContainer__FOosa {
    display: grid;
    column-gap: 3.125vw;
    row-gap: 3.125vw;
    width: 100%
}

.oldGrid_gridColumns8__k3ZDN {
    grid-template-columns: repeat(8, minmax(0, 1fr))
}

@media(min-width:375px) {
    .oldGrid_gridContainer__FOosa {
        row-gap: unset
    }

    .oldGrid_gridRowGapXsS__vnNNU {
        row-gap: 3.125vw
    }
}

@media(min-width:1440px) {
    .oldGrid_gridContainer__FOosa {
        column-gap: min(3.334vw, 48px)
    }

    .oldGrid_gridRowGapXlS__zoeuK {
        row-gap: min(3.334vw, 48px)
    }
}

.oldGridItem_gridItem__PlgPJ {
    grid-column: auto/span 12
}

@media(min-width:375px) {

    .oldGridItem_gridItemSpanXs8__G9ODU {
        grid-column-end: span 8
    }
}

@media(min-width:600px) {

    .oldGridItem_gridItemSpanS4__CqqeX {
        grid-column-end: span 4
    }
}

@media(min-width:1080px) {

    .oldGridItem_gridItemSpanM4__q7Yv1 {
        grid-column-end: span 4
    }
}

@media(min-width:1280px) {

    .oldGridItem_gridItemSpanL4__7nCz0 {
        grid-column-end: span 4
    }
}

@media(min-width:1440px) {

    .oldGridItem_gridItemSpanXl4__Xgg6I {
        grid-column-end: span 4
    }
}

.videoPlayer_playbackButton__Wj00P:focus-visible {
    opacity: 1
}

.iPhone_iphone__mct_D {
    width: 100%;
    max-width: 375px;
    max-height: 820px;
    display: block;
    flex: 0 1;
    background: #000;
    padding: min(3%, 10px);
    border-radius: 13%/6%;
    box-sizing: border-box;
    position: relative;
    box-shadow: var(--shadow-level-300)
}

.iPhone_iphoneApp__iTHj6 {
    background: var(--iphone-app-toolbar-color);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    max-height: 820px;
    overflow: hidden;
    clip-path: var(--iphone-app-clip-path)
}

.iPhone_iphoneContent__Nw7uU {
    flex: 1 1;
    display: flex;
    width: 100%;
    height: 100%
}

.iPhone_phoneClipDefs__wngxC {
    position: absolute
}

.iPhone_chromeTop__3z2rp {
    width: 100%;
    padding: 0;
    display: flex;
    flex: 0 1;
    margin: 0 0 auto;
    height: 3.5%;
    box-sizing: border-box;
    color: #000;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif
}

.iPhone_iosToolbar__ehRvR {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.iPhone_iosToolbar__ehRvR div {
    width: 17%;
    margin: 2% 4% 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: center
}

.trafficLights_trafficLights__hMGJZ {
    display: flex;
    flex-direction: row;
    gap: 7px
}

.trafficLights_trafficLights__hMGJZ>* {
    border-radius: 100%;
    padding: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #0000000f;
    box-sizing: border-box;
    outline: none
}

.trafficLights_trafficLightsStop__xUBKh {
    background-color: #ed6a5e
}

.trafficLights_trafficLightsSlow__SRD7r {
    background-color: #f4bf4f
}

.trafficLights_trafficLightsGo__HbEtn {
    background-color: #61c554
}

.mac_mac__uA_7b {
    width: var(--mac-width);
    height: var(--mac-height);
    border-radius: var(--border-radius-400);
    box-shadow: var(--mac-shadow);
    padding: 0
}

.mac_mac__uA_7b {
    display: block;
    max-width: 100%;
    margin: auto;
    box-sizing: border-box;
    transform: translateZ(0);
    background: #fff;
    overflow: hidden;
    position: relative
}

.Spacer_spacer__Hz1_q {
    width: 100%
}

.align_align__oykj6,
.spacing_alignCenter__b8fdX {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.spacing_marginS__EV58C {
    margin: var(--spacing-s) 0
}

.spacing_marginM__3xrPl {
    margin: var(--spacing-m) 0
}

.spacing_marginL__n4bMN {
    margin: var(--spacing-l) 0
}

.input_root__sj8RO {
    --text-before-gap: 0px;
    --text-after-gap: 0px;
    font: var(--typography-sans-200-regular-font-weight) var(--typography-sans-200-regular-font-size)/var(--typography-sans-200-regular-line-height) var(--typography-sans-200-regular-font-family);
    font-variation-settings: "wght" var(--typography-sans-200-regular-font-weight-variable);
    letter-spacing: var(--typography-sans-200-regular-letter-spacing);
    position: relative
}

.input_root__sj8RO.input_sizeMedium__Y3knn {
    --input-padding-vertical: 7px;
    --input-padding-horizontal: 10px
}

.input_input__PoidJ {
    font: var(--typography-sans-200-regular-font-weight) var(--typography-sans-200-regular-font-size)/var(--typography-sans-200-regular-line-height) var(--typography-sans-200-regular-font-family);
    font-variation-settings: "wght" var(--typography-sans-200-regular-font-weight-variable);
    letter-spacing: var(--typography-sans-200-regular-letter-spacing);
    appearance: none;
    color: var(--color-text-dark);
    border: 1px solid var(--color-black-100);
    border-radius: var(--border-radius-300);
    position: relative;
    background: var(--input-background-color);
    cursor: text;
    height: 100%;
    width: 100%;
    outline: none;
    padding: var(--input-padding-vertical) var(--input-padding-horizontal);
    padding-left: calc(var(--input-padding-horizontal) + var(--before-width) + var(--text-before-gap));
    padding-right: calc(var(--input-padding-horizontal) + var(--after-width) + var(--text-after-gap))
}

.input_input__PoidJ:focus {
    box-shadow: inset 0 0 0 1px #2383e291, 0 0 0 2px #2383e259
}

.signupInput_signupWrap__RsFnO {
    max-width: 550px;
    width: 100%
}

.signupInput_signup__Gzgnd {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px
}

@media(max-width:1080px) {
    .signupInput_signup__Gzgnd {
        justify-content: center;
    }
}

.signupInput_signupButtonWrap__py78I {
    min-width: 32%
}

.signupInput_signupButtonWrap__py78I>* {
    width: 100%
}

.signupInput_caption__aynwl {
    font-size: var(--typography-sans-100-regular-font-size);
    color: var(--text-color-medium);
    margin-top: .5em
}

.badge_badgeMuted__Aw8i9 {
    font: var(--typography-sans-50-semibold-font-weight) var(--typography-sans-50-semibold-font-size)/var(--typography-sans-50-semibold-line-height) var(--typography-sans-50-semibold-font-family);
    font-variation-settings: "wght" var(--typography-sans-50-semibold-font-weight-variable);
    letter-spacing: var(--typography-sans-50-semibold-letter-spacing);
    -webkit-font-smoothing: antialiased;
    display: inline-block
}

.badge_badgeMuted__Aw8i9 {
    border-radius: 9px;
    padding: 1px 7px 2px 8px;
    white-space: wrap;
    min-height: 15px;
    line-height: 15px
}

.badge_badgeMuted__Aw8i9 {
    background: #37352f14;
    color: var(--text-color-medium);
    font-weight: 500
}

.features_caption__hlEvc {
    margin-top: 4px;
    text-align: left;
    color: var(--text-color-medium)
}

.features_featuresItem__yOuek {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0 0 20px
}

.features_featuresItemLast__sAFg_ {
    margin: 0
}

.features_featureImage__y_HgR {
    display: block;
    width: 100%;
    border-radius: var(--border-radius-300);
    overflow: hidden;
    margin-bottom: 14px
}

.features_hasShadow__h2MWL {
    box-shadow: var(--shadow-level-200)
}

@media(min-width:600px) {
    .features_featuresItem__yOuek {
        margin: 0
    }
}

.features_image__rDmoh {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover
}

.BlockCarousel_tab__n8paF:focus:not(:focus-visible) {
    outline: 0
}

@supports(hanging-punctuation:first last) {}

.menuItemLink_menuItemLink__Z27j2:focus:not(:focus-visible) {
    outline: 0
}

.footer_footerInner__MQQSo {
    --footer-gutter: 16px;
    display: flex;
    flex-direction: column;
    gap: 36px;
    position: relative;
    margin: 0 auto;
    max-width: calc(1252px + 2*var(--footer-gutter));
    padding: 40px var(--footer-gutter)
}

@media screen and (min-width:400px) {
    .footer_footerInner__MQQSo {
        --footer-gutter: 32px
    }
}

@media(min-width:600px) {
    .footer_footerInner__MQQSo {
        --footer-gutter: 66px;
        padding: 80px var(--footer-gutter)
    }
}

@media screen and (min-width:840px) {
    .footer_footerInner__MQQSo {
        --footer-gutter: 125px
    }
}

@media(min-width:1080px) {
    .footer_footerInner__MQQSo {
        flex-direction: row;
        gap: 24px
    }
}

.footer_footerOuter__kubGm:before {
    content: "";
    display: block;
    border-top: 1px solid var(--color-border);
    margin: 0 16px
}

.footer_footerTop__rz2e9 {
    display: flex;
    flex-direction: column;
    gap: 36px
}

@media screen and (min-width:840px) {
    .footer_footerTop__rz2e9 {
        display: grid;
        grid-auto-columns: max-content;
        grid-template-rows: repeat(2, max-content);
        grid-auto-flow: column;
        justify-content: space-between;
        align-items: center
    }
}

@media(min-width:1080px) {
    .footer_footerTop__rz2e9 {
        display: flex;
        justify-content: stretch;
        align-items: flex-start;
        width: 25%
    }
}

.footer_footerTopMain__2yt5M {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.footer_footerBottom__sYaND {
    flex: 1 0 auto
}

@media(min-width:1080px) {
    .footer_footerBottom__sYaND {
        width: 75%
    }
}

.footer_footerColumns__T50DJ {
    display: grid;
    grid-template-columns: repeat(2, minmax(10px, 1fr));
    column-gap: 24px
}

@media(min-width:1080px) {
    .footer_footerColumns__T50DJ {
        grid-template-columns: repeat(4, minmax(10px, 1fr))
    }
}

.footer_addendum__i1N2u {
    margin-top: 36px;
    gap: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.footer_logo__ssDpx {
    display: flex;
    height: 39px
}

.footer_visuallyHidden__TIPHl {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.footerColumn_list__xEsxo {
    margin: 0 0 36px;
    padding: 0;
    list-style: none;
    page-break-inside: avoid;
    break-inside: avoid;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.footerColumnItem_footerColumnItem__WBiQ9 {
    display: block;
    cursor: pointer;
    color: var(--color-black-700);
    margin-top: .4rem;
    line-height: 1.35rem;
    text-align: left;
    word-wrap: break-word
}

.footerSocial_socialList__h7Bi4 {
    list-style: none;
    display: flex;
    margin: -6px;
    padding: 0;
    gap: 2px
}

.footerSocial_socialListItem__wdDDq {
    color: var(--color-text-medium)
}

.footerSocial_socialListItem__wdDDq.footerSocial_twitter__Ihb5e:hover {
    color: var(--color-black-900)
}

.footerSocial_socialListItem__wdDDq.footerSocial_facebook__4ydhX:hover {
    color: #4267b2
}

.footerSocial_socialListItem__wdDDq.footerSocial_instagram__RqMRr:hover {
    color: var(--color-black-900)
}

.desktopNav_nav__P7z6f {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.desktopNav_navLeft__MgULi,
.desktopNav_navRight__Eim9m {
    display: flex;
    align-items: center;
    gap: 2px
}

.desktopNav_navRight__Eim9m {
    height: 100%;
    position: relative
}

.hoverable_hoverable__9ndMj {
    display: block;
    border-radius: var(--border-radius-300);
    padding: var(--hoverable-padding-y) var(--hoverable-padding-x);
    text-decoration: none;
    background: none;
    border: 0;
    text-align: inherit
}

.hoverable_hoverable__9ndMj:focus-within,
.hoverable_hoverable__9ndMj:hover {
    background: var(--color-alpha-hover);
    outline: none;
    transition: none
}

.hoverable_clickable__Pyq_T:active,
.hoverable_hoverable__9ndMj:focus {
    background: var(--color-alpha-active);
    outline: none;
    transition: none
}

.hoverable_isActive__BELol {
    background: var(--color-gray-200);
    transition: background .15s linear
}

.hoverable_hasAction__wCjI7 {
    cursor: pointer
}

.DesktopNavMenuList_navList__ZLfDZ {
    --color-icon: var(--color-black-900);
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0
}

.DesktopNavMenuList_navRight__9vBS1 {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative
}

.DesktopNavMenuList_divider__MYpqV {
    width: 1px;
    background: var(--color-border);
    height: 20px;
    margin: 0 10px
}

.DesktopNavMenuList_ctaItem__G4vEF {
    padding-left: 10px
}

.DesktopNavMenuList_navItem__wfNzh {
    font-weight: var(--typography-sans-200-medium-font-weight);
    font-size: var(--typography-sans-150-regular-font-size);
    position: relative
}

.DesktopNavMenuList_label__o7awx {
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 31px
}

.mobileNav_actions__Gr6ql {
    background: var(--color-page);
    padding: 0 16px 16px;
    display: grid;
    grid-gap: 16px
}

.mobileNav_actions__Gr6ql:before {
    content: "";
    display: block;
    height: 1px;
    background: var(--border-color-regular)
}

.mobileNav_section__8z2id:not(:last-child) {
    border-bottom: 1px solid var(--color-border)
}

.mobileNav_sectionLabelLink__Xp4B_ {
    text-decoration: none
}

.mobileNav_sectionLabel__dYRfM {
    display: block;
    text-decoration: none;
    font-size: var(--typography-sans-200-regular-font-size);
    font-weight: var(--typography-sans-600-bold-font-weight);
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    position: relative;
    background: none;
    border: 0;
    padding: 0;
    width: 100%;
    text-align: left
}

.mobileNav_hasMenu__fcGEu .mobileNav_sectionLabel__dYRfM:after {
    content: "";
    display: block;
    width: 12px;
    height: 8px;
    background: var(--mobile-nav-caret);
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 3px;
    transform: rotate(-90deg);
    transition: transform .25s
}

.mobileNav_hasMenu__fcGEu.mobileNav_isOpen__dtLzm .mobileNav_sectionLabel__dYRfM:after {
    transform: rotate(0deg)
}

.mobileNav_menuDrawer__3cgLA {
    margin-top: -20px;
    padding: 8px 0
}

.mobileNav_navSection__9wdzs {
    margin: 8px 0
}

.mobileNav_navList__h5lkj {
    list-style: none;
    padding: 0 0 4px;
    margin: 0
}

.mobileNav_navItem__zBFUj {
    margin: 0;
    padding: 0
}

.mobileNav_navItem__zBFUj a {
    padding: 4px 0 5px;
    display: flex;
    width: 100%;
    align-items: center;
    white-space: nowrap;
    text-decoration: none
}

.mobileNav_icon__t9EaY {
    border: 1px solid var(--color-black-100);
    border-radius: var(--border-radius-400);
    padding: 6px;
    margin-right: 8px
}

.mobileNav_label__fFKWC {
    font-size: var(--typography-sans-200-regular-font-size)
}

.mobileNav_label__fFKWC {
    font-weight: var(--typography-sans-400-regular-font-weight)
}

.mobileNav_badge__GZ6I4 {
    --color-icon-background: var(--color-black-100);
    --color-icon: var(--color-black-600);
    margin-left: 6px;
    position: relative;
    bottom: 2px
}

.mobileNav_badge__GZ6I4:empty {
    display: none
}

.mobileNav_menu__83rcq {
    padding-top: 9px
}

.mobileNavContainer_mobileNav__YJcmx {
    --color-icon: var(--color-black-900);
    width: 100%;
    height: calc(100vh - var(--header-height));
    height: calc(100dvh - var(--header-height));
    display: none;
    align-items: center;
    justify-content: center;
    z-index: var(--z-index-mobile-nav);
    background: var(--color-page)
}

.mobileNavContainer_mobileNavInner__3DC9W {
    position: relative;
    height: 100%
}

.mobileNavContainer_mobileNavInner__3DC9W:before {
    content: "";
    display: block;
    height: 1px;
    background: var(--border-color-regular);
    margin: 0 16px
}

.mobileNavContainer_mobileNavScrollable__bXKyy {
    overflow-y: auto;
    padding: 0 16px;
    height: calc(100% - var(--sticky-footer-height))
}

.mobileNavContainer_mobileNavStickyFooter__YTA3v {
    position: sticky;
    bottom: 0
}

.mobileTrigger_menuToggle__rtUmp {
    border: 0;
    background: 0;
    cursor: pointer;
    padding: 11px;
    margin: -11px;
    display: flex;
    align-items: center;
    justify-content: center
}

.header_header__ts5le {
    position: relative;
    display: flex;
    flex-direction: column;
    transition: background .2s;
    background: var(--color-header-background);
    z-index: var(--z-index-header)
}

.header_header__ts5le:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background: var(--color-border);
    opacity: 0;
    transition: opacity .2s
}
.header_isScrolled__Hewg_ .header_header__ts5le::after {
    opacity: 1;
  }

.header_dialog__dplE5.header_positionSticky__GQPEM {
    top: 0;
    position: sticky;
    z-index: var(--z-index-header)
}

.header_inner__MsrN6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 16px;
    margin: 0 auto;
    transition: height .25s;
    max-width: 1424px
}

.header_isRedesigned__go3Qa .header_inner__MsrN6 {
    max-width: none
}

.header_logoWrap__HtTuH {
    display: flex;
    align-items: center
}

.header_logo__RW0M7 {
    display: flex;
    height: 39px
}

@media(max-width:1080px) {
    .header_logo__RW0M7 {
        height: 39px
    }
}

.header_desktopActions__8WAt9 {
    display: none;
    align-items: center;
    flex-grow: 1;
    margin-left: 34px
}

.header_mobileActions__ENxAe {
    display: flex;
    align-items: center;
    gap: 24px
}

.header_mobileCta__E7st0 {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s
}

.header_isScrolled__Hewg_ .header_mobileCta__E7st0 {
    opacity: 1;
    visibility: visible;
}

@media(min-width:1080px) {
    .header_desktopActions__8WAt9 {
        display: flex
    }

    .header_mobileActions__ENxAe {
        display: none
    }
}

.snackBar_snackBar__IYfOp {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 24px 40px;
    display: flex;
    justify-content: center;
    transform: translateY(calc(100% + 100px));
    transition: transform .1s ease-in-out
}

.snackBar_snackBarContent__DqGBm {
    width: 100%;
    max-width: 360px;
    padding: 7px 12px;
    background: var(--text-color-dark);
    border-radius: var(--border-radius-300);
    text-align: center;
    box-shadow: var(--shadow-level-300)
}

@media(min-width:600px) {
    .snackBar_snackBar__IYfOp {
        padding-bottom: 60px
    }

    .snackBar_snackBarContent__DqGBm {
        width: 360px
    }
}

.layout_main__E4cY1 {
    width: 100%;
    padding: 0 24px;
    margin: 0 auto
}

@media(min-width:600px) {
    .layout_main__E4cY1 {
        width: 88vw;
        max-width: 1392px;
        padding: 0;
        margin: 0 auto
    }
}

@media(min-width:1280px) {
    .layout_main__E4cY1 {
        width: 88vw
    }
}

.smartbreak_smartBreakDesktop__g7cKp {
    display: none
}

@media(min-width:1080px) {
    .smartbreak_smartBreakDesktop__g7cKp {
        display: block
    }
}

.faqDrawers_faqWrap__5CDv_ {
    border-top: 1px solid var(--color-border)
}

.faqDrawers_cta__kuDYV {
    padding: 1em 0 0;
    color: var(--color-text-medium)
}

.faqDrawers_faq__0F7_v {
    border-bottom: 1px solid var(--color-border);
    text-align: start
}

.faqDrawers_question__9BX_Y {
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.faqDrawers_question__9BX_Y::-webkit-details-marker {
    display: none
}

.faqDrawers_questionToggleWrap__BNmqp {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0
}

.faqDrawers_questionText__CBY_y {
    padding: 1em 20px 1em 0
}

.faqDrawers_answer__G1hbB,
.faqDrawers_questionText__CBY_y {
    max-width: 800px
}

.faqDrawers_toggle___qtvN {
    padding: 8px;
    height: 30px;
    width: 30px
}

.faqDrawers_toggle___qtvN:hover {
    background: var(--color-gray-200)
}

.faqDrawers_toggle___qtvN:active {
    background: var(--color-gray-400)
}

.faqDrawers_toggleIcon__8gE6r {
    transform: rotate(0deg);
    transition: transform .1s ease-in-out
}

.faqDrawers_answer__G1hbB {
    padding-bottom: 1em;
    margin-left: 0
}

@container (min-width: 840px) {}

.checkbox_input__P6u0V:focus-visible~.checkbox_checkbox__k9vCf {
    box-shadow: 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200)
}

.checkbox_input__P6u0V:hover:not(:disabled)~.checkbox_checkbox__k9vCf {
    border-color: var(--color-checkbox-border-hover)
}

.checkbox_input__P6u0V:focus:not(:focus-visible)~.checkbox_checkbox__k9vCf {
    outline: 0
}

.dialog_dialog__RX4pP::backdrop {
    pointer-events: none
}

.Divider_dividerHorizontal__kSSaN {
    height: 1px;
    outline: none;
    border: none;
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 100%;
    border-top: 1px solid var(--color-border)
}

.carouselPreviousNextButton_button__KERn9:focus-visible {
    opacity: 1
}

.carouselPreviousNextButton_button__KERn9:hover:not(:disabled) {
    opacity: 1
}

.carouselPreviousNextButton_button__KERn9:focus-visible .carouselPreviousNextButton_indicator__G6_zS {
    box-shadow: var(--shadow-level-200), 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200)
}

.carouselPreviousNextButton_button__KERn9:focus:not(:focus-visible) .carouselPreviousNextButton_indicator__G6_zS {
    box-shadow: var(--shadow-level-200)
}

.contentfulMediaPicker_radioInput__j7G8D:focus-visible+.contentfulMediaPicker_thumbnail__hvQ8j {
    box-shadow: var(--shadow-level-100), 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200)
}

@container (width >=900px) {}

@layer markdown-renderer {}

.DropdownMenuFilter_menuItemButton__UFHY2:focus:not(:focus-visible) {
    outline: 0
}



@media(min-width:840px) {

    .dynamicScreenshotCarousel_contentsDesktop__gUop_ {
        display: block
    }
}

.dynamicScreenshotCarousel_buttonWrap__rc_uc {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 20px 0;
    padding: 0 20px;
    width: 100%
}

@media(min-width:840px) {
    .dynamicScreenshotCarousel_buttonWrap__rc_uc {
        margin: 30px 0
    }
}

.dynamicScreenshotCarousel_buttonItem__Gwaxz {
    margin: 2px
}

.dynamicScreenshotCarousel_buttonContents__mIesH {
    padding: 6px 10px;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    font-size: var(--typography-sans-100-regular-font-size);
    font-weight: var(--typography-sans-400-regular-font-weight);
    background-image: linear-gradient(90deg, #000 0, #000);
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 100% 0
}

.dynamicScreenshotCarousel_emoji__KQ37K {
    font-family: var(--font-family-emoji);
    font-size: 15px;
    line-height: 0;
    position: relative;
    top: 1
}

.dynamicScreenshotCarousel_outer__Q8_EG {
    padding: 0 0 var(--base-padding) 0
}

.dynamicScreenshotCarousel_inner__8a3s2 {
    margin: 0;
    display: flex
}

.dynamicScreenshotCarousel_desktopWrap___uvVJ {
    position: relative;
    width: 100%;
    aspect-ratio: 960/500
}

.dynamicScreenshotCarousel_desktopItem__gqr3H {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    padding: 0;
    margin: 0
}

@media(min-width:840px) {
    .dynamicScreenshotCarousel_outer__Q8_EG {
        padding: 0 var(--base-padding) var(--base-padding)
    }

    .dynamicScreenshotCarousel_inner__8a3s2 {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        max-width: 960px
    }

    .dynamicScreenshotCarousel_desktopWrap___uvVJ {
        width: 100%
    }
}

.featureCarousel_tab__10aRK:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200)
}

.footerCtaSection_titles__DKZ1X {
    text-align: center;
    margin-bottom: 20px
}

.footerCtaSection_buttonWrap__0f05N {
    margin: 10px auto
}

.footerCtaSection_ctasWrap__zWYLj {
    text-align: center;
    width: 100%
}

.footerCtaSection_ctaSectionRelative__lukSx {
    position: relative
}

@media(min-width:840px) {
    .footerCtaSection_ctaSectionRelative__lukSx {
        padding-bottom: 0px
    }
}

@media(min-width:1440px) {
    .footerCtaSection_ctaSectionRelative__lukSx {
        padding-bottom: 0px
    }
}

.handwriting_handwriting__RijBw {
    color: var(--color-link);
    font-family: var(--font-family-handwriting);
    font-size: 1.5em;
    line-height: 0;
    margin: 0 3px;
    position: relative;
    top: 1px
}

.heroImage_heroImage__JwM8R {
    width: 100%;
    max-width: var(--hero-image-mobile-max-width);
    margin: 0 auto
}

@media(min-width:1080px) {
    .heroImage_heroImage__JwM8R {
        width: 100%;
        max-width: var(--hero-image-width);
        display: block;
        margin: 0 auto
    }
}

.heroImage_image__g8UIT {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover
}

.KombiBlock_blockCta__qUFCI>:focus {
    outline: 0
}

.KombiBlock_blockCta__qUFCI>:focus-visible,
.KombiBlock_blockCta__qUFCI>:focus:not(:focus-visible) {
    outline: 0
}

.KombiBlock_blockCta__qUFCI>:focus~.KombiBlock_focusRing__IZB_7 {
    opacity: 1
}

.KombiBlock_blockCta__qUFCI>:focus-visible~.KombiBlock_focusRing__IZB_7 {
    opacity: 1
}

.KombiBlock_blockCta__qUFCI>:focus:not(:focus-visible)~.KombiBlock_focusRing__IZB_7 {
    opacity: 0
}

.tweets_tweetsOuter__ox8F_ {
    margin: 0 calc(var(--base-padding)*-1);
    overflow: hidden
}

.tweets_tweetsScroller__x_Zw9 {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto
}

.tweets_tweetsInner__Er8tp {
    display: flex
}

.tweets_tweetsInner__Er8tp:after,
.tweets_tweetsInner__Er8tp:before {
    content: "";
    display: block;
    width: var(--base-padding);
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0
}

.tweets_tweetsImage__y3DUP {
    width: 1000px;
    margin: 0 auto;
    flex-shrink: 0
}

@media(min-width:1080px) {
    .tweets_tweetsImage__y3DUP {
        width: 1228px
    }
}

.tweets_image__n2LFq {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover
}

@container (max-width: 800px) {}

@container (max-width: 600px) {}

@container (max-width: 600px) {}

@container (max-width: 800px) {}

@container (max-width: 600px) {}

@container (max-width: 1024px) {}

@container (max-width: 900px) {}

@container (max-width: 800px) {}

@container (max-width: 600px) {}

@container (max-width: 1120px) {}

@container (max-width: 600px) {}

@container (max-width: 800px) {}

@container (min-width:600px) and (max-width:800px) {}

@container (max-width: 1024px) {}

@container (max-width: 900px) {}

@container (max-width: 800px) {}

@container (max-width: 600px) {}

@container (max-width: 600px) {}

@container (min-width: 720px) {}

@container (max-width: 800px) {}

@container (max-width: 700px) {}

@container (max-width: 500px) {}

@container (max-width: 500px) {}

@container (max-width: 700px) {}

@container (max-width: 500px) {}

@container (max-width: 500px) {}

@container (max-width: 600px) {}

@container (max-width: 600px) {}

@container (max-width: 600px) {}

@container (max-width: 800px) {}

@container (max-width: 700px) {}

@container (max-width: 500px) {}

@container (max-width: 800px) {}

@container (max-width: 800px) {}

@container (max-width: 800px) {}

@container (width < 600px) {}

.numberedText_titleWrap__MLGRZ {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    align-items: baseline
}

.numberedText_bigNumber__bvHt_ {
    font-size: 85px;
    font-weight: var(--typography-sans-600-bold-font-weight);
    line-height: 1;
    margin-right: 10px
}

.numberedText_bodyCopy__9_BbI {
    color: var(--text-color-medium);
    margin: 0
}

.numberedText_viewLink__qHLJk {
    margin-top: 10px;
    font-size: var(--typography-sans-200-regular-font-size);
    color: var(--color-link)
}

.onlyMobile_onlyMobile__2ZKI6 {
    display: block;
    width: 100%
}

@media(min-width:1080px) {
    .onlyMobile_onlyMobile__2ZKI6 {
        display: none
    }
}

.BillingIntervalToggle_radio__duq3T:not(:checked)+label {
    cursor: pointer
}

.PlanFeatures_planFeatures__umD4g li::marker {
    font-size: 18px
}

.resizable_resizableComponent__uWzcr {
    width: 100%;
    max-width: var(--resizable-width);
    max-height: var(--resizable-height);
    height: auto;
    transform: translateZ(0);
    position: relative;
    display: block;
    overflow: hidden
}

.resizable_resizableComponentContainer__AQz9T {
    width: var(--resizable-width);
    height: var(--resizable-height);
    box-sizing: border-box;
    will-change: transform;
    transform-origin: left top
}

.sectionHeader_header__Wio__ {
    text-align: center
}

.sectionLayout_sectionMedia__y3Xd_ {
    margin-top: 40px
}

.sectionLayout_sectionText__O7afy,
.sectionLayout_twoColumnInner__kb6vL,
.sectionLayout_twoColumnOuter__q7LmN {
    width: 100%
}

.sectionLayout_twoColumnOuter__q7LmN .sectionLayout_sectionMedia__y3Xd_ {
    width: 100%;
    margin-top: 30px
}

@media(min-width:1080px) {
    .sectionLayout_twoColumnOuter__q7LmN {
        width: auto;
        display: flex;
        justify-content: center
    }

    .sectionLayout_twoColumnInner__kb6vL {
        width: auto;
        display: flex;
        align-items: flex-end;
        flex-direction: row-reverse
    }

    .sectionLayout_twoColumnOuter__q7LmN .sectionLayout_sectionText__O7afy {
        width: 380px;
        padding-left: 0;
        margin-left: 60px
    }

    .sectionLayout_twoColumnOuter__q7LmN .sectionLayout_sectionMedia__y3Xd_ {
        width: auto;
        margin-top: 0
    }
}

.tableSection_section__SyJmZ:focus-visible {
    box-shadow: 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200)
}

.tableSection_section__SyJmZ:focus:not(:focus-visible) {
    box-shadow: none
}

.templateGalleryHeroAutocomplete_categoryOption__zKvne:not(:hover, :focus) .templateGalleryHeroAutocomplete_categoryCount__SyVUE {
    opacity: 0
}

.workspaceSelectionRadio_input__1h__E:focus-visible {
    box-shadow: 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200)
}

.workspaceSelectionRadio_input__1h__E:focus-visible,
.workspaceSelectionRadio_input__1h__E:focus:not(:focus-visible) {
    outline: 0
}

.dynamicScreenshots_dynamicScreenshot__3wGMA {
    all: revert;
    max-width: var(--dynamic-screenshot-width);
    transform: translateZ(0);
    position: relative;
    background: #fff;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: default;
    speak: none
}

.dynamicScreenshots_appPlayground__FU9rY {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    align-content: flex-start;
    background: #fff
}

.dynamicScreenshots_appPlaygroundContainer__x7_oz {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    flex: 1 1;
    overflow: hidden
}

.dynamicScreenshots_appPlaygroundMain__aN6b7 {
    flex: 3 1;
    width: 100%;
    max-height: 100%;
    position: relative
}

.dynamicScreenshots_appDocumentChildren__W1B2H {
    display: flex;
    flex-direction: column
}

.dynamicScreenshots_appToolbar___84qf {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    height: 38px;
    box-sizing: border-box;
    flex: 0 0 auto;
    color: #37352f
}

.dynamicScreenshots_appToolbar___84qf>* {
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    fill: #37352f
}

.dynamicScreenshots_appDocument__tqULt,
.dynamicScreenshots_appToolbar___84qf * {
    color: #37352f;
    font-weight: 400;
    line-height: 1.2;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol
}

.dynamicScreenshots_appDocument__tqULt {
    position: relative;
    z-index: 2;
    flex: 2 1;
    max-width: 100%;
    height: 100%;
    width: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 35px 35px 0;
    box-sizing: border-box;
    font-size: 16px
}

@media (max-width: 1080px) {
    .dynamicScreenshots_appDocument__tqULt {
        padding: 0 !important;
        /* Additional responsive styles */
        margin: 0 auto;
        text-align: center;
    }
}


.dynamicScreenshots_appDocumentFamilyDefault__AKgte,
.dynamicScreenshots_appDocumentFamilyDefault__AKgte>* {
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol
}

.dynamicScreenshots_appDocumentFamilySerif__jnNxA,
.dynamicScreenshots_appDocumentFamilySerif__jnNxA>* {
    font-family: Lyon-Text, Georgia, ui-serif, serif
}

.dynamicScreenshots_appDocument__tqULt.dynamicScreenshots_condensed__L4naZ {
    height: calc(100% - 35px);
    padding: 35px 0 0
}

/* .dynamicScreenshots_appDocument__tqULt.dynamicScreenshots_condensed__L4naZ>* {
    margin-left: 25px;
    margin-right: 25px
} */

.dynamicScreenshots_appToolbarBottom__VY8ut {
    height: 90px;
    padding: 22px 61px 0;
    box-sizing: border-box;
    position: absolute;
    border-top: 1px solid #e3e1e0;
    background: #f7f7f5;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    fill: #37352f
}

.dynamicScreenshots_appToolbarLeft__S_hcy {
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    fill: #37352f;
    color: #37352f;
    font-weight: 400;
    line-height: 1.2;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol
}

.dynamicScreenshots_breadcrumb__dBxaY {
    letter-spacing: -.1px;
    margin-left: 4px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.dynamicScreenshots_appToolbarRight__i0Hg_ {
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    fill: #37352f;
    color: #37352f;
    font-weight: 400;
    line-height: 1.2;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol
}

.dynamicScreenshots_appToolbarShare__JF0e_ {
    letter-spacing: -.1px;
    margin-right: 12px;
    margin-bottom: 3px
}

.dynamicScreenshots_appToolbarMobile__meGzS {
    gap: 5px;
    display: flex;
    width: calc(24px + 100%);
    margin-left: -12px;
    margin-right: -12px;
    box-sizing: border-box;
    padding: 18px 6px 12px;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #e3e1e0;
    font-size: 16px;
    fill: #37352f;
    color: #37352f;
    font-weight: 400;
    line-height: 1.2;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol
}

.dynamicScreenshots_documentName__ZD23L {
    padding: 0 5px;
    box-sizing: border-box;
    flex: 1 1;
    text-align: left;
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dynamicScreenshotWrapper_dynamicScreenshotWrapper__2GEAc {
    width: 100%;
    height: 100%
}

.contentfulRichText_richText__rW7Oq .contentfulRichText_bodyLimit__F5GOU:first-child p {
    margin-top: 0
}

.contentfulRichText_richText__rW7Oq .contentfulRichText_bodyLimit__F5GOU:last-child p {
    margin-bottom: 0
}

.contentfulRichText_richText__rW7Oq .contentfulRichText_bodyLimit__F5GOU ul p:only-child {
    margin-top: 0;
    margin-bottom: 0
}

.contentfulRichText_bodyLimit__F5GOU {
    margin: 0 auto;
    max-width: var(--rich-text-limit-max-width)
}

.contentfulRichText_paragraph___hjRE {
    line-height: var(--rich-text-font-config-line-height);
    font-size: var(--rich-text-font-config-font-size);
    font-family: var(--rich-text-font-config-font-family);
    font-feature-settings: var(--rich-text-font-config-font-variant-numeric);
    font-variant-numeric: var(--rich-text-font-config-font-variant-numeric);
    color: var(--rich-text-font-config-color);
    margin: .65em 0
}

.contentfulRichText_paragraph___hjRE.contentfulRichText_enableThemeProvider__vI_iG {
    color: var(--color-text)
}

.contentfulRichText_listItem___Swmu {
    margin: .25em 0
}

.contentfulRichText_list__89IEM {
    margin: .65em 0;
    padding: 0 0 0 1em;
    line-height: var(--rich-text-font-config-line-height);
    font-size: var(--rich-text-font-config-font-size);
    font-family: var(--rich-text-font-config-font-family);
    font-feature-settings: var(--rich-text-font-config-font-variant-numeric);
    font-variant-numeric: var(--rich-text-font-config-font-variant-numeric);
    color: var(--rich-text-font-config-color)
}

.contentfulRichText_sans__UVbfz .contentfulRichText_list__89IEM {
    padding-left: 1.25em
}

.contentfulRichText_embeddedLink__8bJbe:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200)
}

.contentfulRichText_embeddedLink__8bJbe:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

a {
    background-color: #0000
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: initial;
    height: 0
}

button,
input {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

ul {
    padding: 0
}

:root {
    --grid-column-width: 1fr;
    --grid-gutter: 28px;
    --grid-sm-gutter: 12px;
    --grid-columns: 12;
    --spacing-block-s: 20px;
    --spacing-block-m: 24px;
    --spacing-block-l: 32px;
    --size-block-header-icon: 26px
}

@font-face {
    font-family: inter-var;
    src: url(../media/Inter-Var.730e8169.woff) format("woff2-variations");
    font-style: normal;
    font-weight: 400 700;
    font-display: swap
}

@font-face {
    font-family: inter-var;
    src: url(../media/Inter-Var.730e8169.woff) format("woff2-variations");
    font-style: normal;
    font-weight: 350;
    font-variation-settings: "wght" 290;
    font-display: swap
}

@font-face {
    font-family: inter-var;
    src: url(../media/Inter-Var.730e8169.woff) format("woff2-variations");
    font-style: normal;
    font-weight: 430;
    font-variation-settings: "wght" 430;
    font-display: swap
}

@font-face {
    font-family: inter-var;
    src: url(../media/Inter-Var.730e8169.woff) format("woff2-variations");
    font-style: normal;
    font-weight: 544;
    font-variation-settings: "wght" 544;
    font-display: swap
}

@font-face {
    font-family: inter-var;
    src: url(../media/Inter-Var.730e8169.woff) format("woff2-variations");
    font-style: normal;
    font-weight: 586;
    font-variation-settings: "wght" 586;
    font-display: swap
}

@font-face {
    font-family: inter-var;
    src: url(../media/Inter-Var.730e8169.woff) format("woff2-variations");
    font-style: normal;
    font-weight: 669;
    font-variation-settings: "wght" 669;
    font-display: block
}

@font-face {
    font-family: Lyon-Text;
    src: url(../media/LyonText-Regular-Web.d7bfb4be.woff) format("woff2"), url(../media/LyonText-Regular-Web.2cefb6ff.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Lyon-Text;
    src: url(../media/LyonText-RegularItalic-Web.f823179b.woff) format("woff2"), url(../media/LyonText-RegularItalic-Web.fa2b7345.woff) format("woff");
    font-style: italic;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Lyon-Text;
    src: url(../media/LyonText-Bold-Web.98529464.woff) format("woff2"), url(../media/LyonText-Bold-Web.63193098.woff) format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: Lyon-Text;
    src: url(../media/LyonText-BoldItalic-Web.8907ab5f.woff) format("woff2"), url(../media/LyonText-BoldItalic-Web.fa5375df.woff) format("woff");
    font-style: italic;
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: iawriter-mono;
    src: url(../media/iAWriterMonoS-Regular.bf09337b.woff) format("woff2"), url(../media/iAWriterMonoS-Regular.7554f0d4.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: iawriter-mono;
    src: url(../media/iAWriterMonoS-Italic.176fc5a8.woff) format("woff2"), url(../media/iAWriterMonoS-Italic.8eb35e9b.woff) format("woff");
    font-style: italic;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: iawriter-mono;
    src: url(../media/iAWriterMonoS-Bold.a8b41a99.woff) format("woff2"), url(../media/iAWriterMonoS-Bold.bbe5a5e6.woff) format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: iawriter-mono;
    src: url(../media/iAWriterMonoS-BoldItalic.12c55f12.woff) format("woff2"), url(../media/iAWriterMonoS-BoldItalic.215d7c93.woff) format("woff");
    font-style: italic;
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: permanent-marker;
    src: url(../media/permanent-marker.18b85f55.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-in-fast {
    animation: fadeIn .25s ease-in
}

@media(prefers-reduced-motion) {
    .fade-in-fast {
        animation-duration: 0ms
    }
}

*,
:after,
:before {
    box-sizing: border-box
}

body,
html {
    font-size: 16px;
    cursor: default;
    background: var(--color-page);
    color: var(--color-text-dark);
    font-family: var(--font-family-sans);
    line-height: 1.5;
    scroll-behavior: smooth;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-padding-block-start: 80px
}

:root {
    --base-padding: 20px;
    --border-color-regular: #00000014;
    --text-color-extra-light: #0003;
    --text-color-light: #0006;
    --text-color-medium: #0009;
    --text-color-dark: #111;
    --text-color-regular: #040404;
    --spacing-xs: 20px;
    --spacing-s: 40px;
    --spacing-m: 40px;
    --spacing-l: 60px;
    --spacing-xl: 60px
}

@media(min-width:600px) {
    :root {
        --base-padding: 40px;
        --spacing-l: 80px;
        --spacing-xl: 80px
    }
}

@media(min-width:1080px) {
    :root {
        --base-padding: 60px
    }
}

@media(min-width:1440px) {
    :root {
        --spacing-m: 60px;
        --spacing-l: 120px;
        --spacing-xl: 160px
    }
}

a {
    color: var(--color-text-dark)
}

svg {
    fill: currentColor
}

:focus:not(:focus-visible) {
    outline: 0
}

:global(.balance-text) {
    text-wrap: balance
}

:root {
    --z-index-popup: 500;
    --z-index-mobile-nav: 200;
    --z-index-header: 100;
    --typography-serif-1000-regular-letter-spacing: -0.025em;
    --typography-serif-1000-regular-font-weight: 400;
    --typography-serif-1000-regular-line-height: 1.0684931506849316;
    --typography-serif-1000-regular-font-size: 4.5625rem;
    --typography-serif-900-regular-letter-spacing: -0.02em;
    --typography-serif-900-regular-font-weight: 400;
    --typography-serif-900-regular-line-height: 1.0833333333333333;
    --typography-serif-900-regular-font-size: 3.75rem;
    --typography-serif-800-regular-letter-spacing: -0.02em;
    --typography-serif-800-regular-font-weight: 400;
    --typography-serif-800-regular-line-height: 1.14;
    --typography-serif-800-regular-font-size: 3.125rem;
    --typography-serif-700-regular-letter-spacing: -0.015em;
    --typography-serif-700-regular-font-weight: 400;
    --typography-serif-700-regular-line-height: 1.1627906976744187;
    --typography-serif-700-regular-font-size: 2.6875rem;
    --typography-serif-600-regular-letter-spacing: -0.01em;
    --typography-serif-600-regular-font-weight: 400;
    --typography-serif-600-regular-line-height: 1.1764705882352942;
    --typography-serif-600-regular-font-size: 2.125rem;
    --typography-serif-500-regular-letter-spacing: -0.01em;
    --typography-serif-500-regular-font-weight: 400;
    --typography-serif-500-regular-line-height: 1.1333333333333333;
    --typography-serif-500-regular-font-size: 1.875rem;
    --typography-serif-400-regular-letter-spacing: -0.005em;
    --typography-serif-400-regular-font-weight: 400;
    --typography-serif-400-regular-line-height: 1.2083333333333333;
    --typography-serif-400-regular-font-size: 1.5rem;
    --typography-serif-350-regular-font-weight: 400;
    --typography-serif-350-regular-line-height: 1.6;
    --typography-serif-350-regular-font-size: 1.25rem;
    --typography-serif-300-regular-font-weight: 400;
    --typography-serif-300-regular-line-height: 1.3888888888888888;
    --typography-serif-300-regular-font-size: 1.125rem;
    --typography-serif-200-regular-font-weight: 400;
    --typography-serif-200-regular-line-height: 1.5;
    --typography-serif-200-regular-font-size: 1rem;
    --typography-sans-1000-bold-letter-spacing: -0.0335em;
    --typography-sans-1000-bold-font-weight-variable: 672;
    --typography-sans-1000-bold-font-weight: 700;
    --typography-sans-1000-bold-line-height: 1.0196078431372548;
    --typography-sans-1000-bold-font-size: 4.78125rem;
    --typography-sans-900-bold-letter-spacing: -0.0315em;
    --typography-sans-900-bold-font-weight-variable: 671;
    --typography-sans-900-bold-font-weight: 700;
    --typography-sans-900-semibold-letter-spacing: -0.0315em;
    --typography-sans-900-semibold-font-weight-variable: 620;
    --typography-sans-900-semibold-font-weight: 600;
    --typography-sans-900-semibold-line-height: 1.0655737704918034;
    --typography-sans-900-semibold-font-size: 3.8125rem;
    --typography-sans-800-bold-letter-spacing: -0.0307em;
    --typography-sans-800-bold-font-weight-variable: 669;
    --typography-sans-800-bold-font-weight: 700;
    --typography-sans-800-semibold-letter-spacing: -0.0282em;
    --typography-sans-800-semibold-font-weight-variable: 620;
    --typography-sans-800-semibold-font-weight: 600;
    --typography-sans-800-semibold-line-height: 1.0943396226415094;
    --typography-sans-800-semibold-font-size: 3.3125rem;
    --typography-sans-700-bold-letter-spacing: -0.0269em;
    --typography-sans-700-bold-font-weight-variable: 669;
    --typography-sans-700-bold-font-weight: 700;
    --typography-sans-700-semibold-letter-spacing: -0.0272em;
    --typography-sans-700-semibold-font-weight-variable: 628;
    --typography-sans-700-semibold-font-weight: 600;
    --typography-sans-700-semibold-line-height: 1.0888888888888888;
    --typography-sans-700-semibold-font-size: 2.8125rem;
    --typography-sans-600-bold-letter-spacing: -0.0236em;
    --typography-sans-600-bold-font-weight-variable: 669;
    --typography-sans-600-bold-font-weight: 700;
    --typography-sans-600-semibold-letter-spacing: -0.0224em;
    --typography-sans-600-semibold-font-weight-variable: 620;
    --typography-sans-600-semibold-font-weight: 600;
    --typography-sans-600-semibold-line-height: 1.1111111111111112;
    --typography-sans-600-semibold-font-size: 2.25rem;
    --typography-sans-500-bold-letter-spacing: -0.0208em;
    --typography-sans-500-bold-font-weight-variable: 667;
    --typography-sans-500-bold-font-weight: 700;
    --typography-sans-500-semibold-letter-spacing: -0.022em;
    --typography-sans-500-semibold-font-weight-variable: 620;
    --typography-sans-500-semibold-font-weight: 600;
    --typography-sans-500-semibold-line-height: 1.1333333333333333;
    --typography-sans-500-semibold-font-size: 1.875rem;
    --typography-sans-500-medium-letter-spacing: -0.022em;
    --typography-sans-500-medium-font-weight-variable: 544;
    --typography-sans-500-medium-font-weight: 500;
    --typography-sans-500-medium-line-height: 1.1333333333333333;
    --typography-sans-500-medium-font-size: 1.875rem;
    --typography-sans-400-bold-letter-spacing: -0.0168em;
    --typography-sans-400-bold-font-weight-variable: 666;
    --typography-sans-400-bold-font-weight: 700;
    --typography-sans-400-semibold-letter-spacing: -0.0185em;
    --typography-sans-400-semibold-font-weight-variable: 618;
    --typography-sans-400-semibold-font-weight: 600;
    --typography-sans-400-medium-letter-spacing: -0.0175em;
    --typography-sans-400-medium-font-weight-variable: 525;
    --typography-sans-400-medium-font-weight: 500;
    --typography-sans-400-regular-letter-spacing: -0.014em;
    --typography-sans-400-regular-font-weight-variable: 428;
    --typography-sans-400-regular-font-weight: 400;
    --typography-sans-400-regular-line-height: 1.25;
    --typography-sans-400-regular-font-size: 1.5rem;
    --typography-sans-300-bold-letter-spacing: -0.0072em;
    --typography-sans-300-bold-font-weight-variable: 666;
    --typography-sans-300-bold-font-weight: 700;
    --typography-sans-300-semibold-letter-spacing: -0.0079em;
    --typography-sans-300-semibold-font-weight-variable: 605;
    --typography-sans-300-semibold-font-weight: 600;
    --typography-sans-300-medium-letter-spacing: -0.0075em;
    --typography-sans-300-medium-font-weight-variable: 529;
    --typography-sans-300-medium-font-weight: 500;
    --typography-sans-300-regular-letter-spacing: -0.0085em;
    --typography-sans-300-regular-font-weight-variable: 448;
    --typography-sans-300-regular-font-weight: 400;
    --typography-sans-300-regular-line-height: 1.3333333333333333;
    --typography-sans-300-regular-font-size: 1.125rem;
    --typography-sans-200-bold-letter-spacing: -0.001em;
    --typography-sans-200-bold-font-weight-variable: 664;
    --typography-sans-200-bold-font-weight: 700;
    --typography-sans-200-semibold-letter-spacing: -0.00075em;
    --typography-sans-200-semibold-font-weight-variable: 616;
    --typography-sans-200-semibold-font-weight: 600;
    --typography-sans-200-medium-letter-spacing: -0.0015em;
    --typography-sans-200-medium-font-weight-variable: 533;
    --typography-sans-200-medium-font-weight: 500;
    --typography-sans-200-regular-letter-spacing: 0.0005em;
    --typography-sans-200-regular-font-weight-variable: 450;
    --typography-sans-200-regular-font-weight: 400;
    --typography-sans-200-regular-line-height: 1.4375;
    --typography-sans-200-regular-font-size: 1rem;
    --typography-sans-150-bold-letter-spacing: 0.0013em;
    --typography-sans-150-bold-font-weight-variable: 662;
    --typography-sans-150-bold-font-weight: 700;
    --typography-sans-150-semibold-letter-spacing: 0.0025em;
    --typography-sans-150-semibold-font-weight-variable: 615;
    --typography-sans-150-semibold-font-weight: 600;
    --typography-sans-150-medium-letter-spacing: 0.0015em;
    --typography-sans-150-medium-font-weight-variable: 533;
    --typography-sans-150-medium-font-weight: 500;
    --typography-sans-150-regular-letter-spacing: 0.0009em;
    --typography-sans-150-regular-font-weight-variable: 455;
    --typography-sans-150-regular-font-weight: 400;
    --typography-sans-150-regular-line-height: 1.4666666666666666;
    --typography-sans-150-regular-font-size: 0.9375rem;
    --typography-sans-100-bold-letter-spacing: 0.0045em;
    --typography-sans-100-bold-font-weight-variable: 661;
    --typography-sans-100-bold-font-weight: 700;
    --typography-sans-100-semibold-letter-spacing: 0.0037em;
    --typography-sans-100-semibold-font-weight-variable: 619;
    --typography-sans-100-semibold-font-weight: 600;
    --typography-sans-100-medium-letter-spacing: 0.0035em;
    --typography-sans-100-medium-font-weight-variable: 554;
    --typography-sans-100-medium-font-weight: 500;
    --typography-sans-100-regular-letter-spacing: 0.0075em;
    --typography-sans-100-regular-font-weight-variable: 456;
    --typography-sans-100-regular-font-weight: 400;
    --typography-sans-100-regular-line-height: 1.4074074074074074;
    --typography-sans-100-regular-font-size: 0.84375rem;
    --typography-sans-50-bold-letter-spacing: 0.0071em;
    --typography-sans-50-bold-font-weight-variable: 660;
    --typography-sans-50-bold-font-weight: 700;
    --typography-sans-50-semibold-letter-spacing: 0.0072em;
    --typography-sans-50-semibold-font-weight-variable: 619;
    --typography-sans-50-semibold-font-weight: 600;
    --typography-sans-50-medium-letter-spacing: 0.0074em;
    --typography-sans-50-medium-font-weight-variable: 556;
    --typography-sans-50-medium-font-weight: 500;
    --typography-sans-50-regular-letter-spacing: 0.0078em;
    --typography-sans-50-regular-font-weight-variable: 459;
    --typography-sans-50-regular-font-weight: 400;
    --typography-sans-50-regular-line-height: 1.4166666666666667;
    --typography-sans-50-regular-font-size: 0.75rem;
    --shadow-filter: 0 4px 18px #0000004d;
    --shadow-level-300: 0px 36px 89px #0000000a, 0px 23.3333px 52.1227px #00000008, 0px 13.8667px 28.3481px rgba(0, 0, 0, .024), 0px 7.2px 14.4625px #00000005, 0px 2.93333px 7.25185px rgba(0, 0, 0, .016), 0px 0.666667px 3.50231px #00000003;
    --shadow-level-200: 0px 4px 18px #0000000a, 0px 2.025px 7.84688px rgba(0, 0, 0, .027), 0px 0.8px 2.925px #00000005, 0px 0.175px 1.04062px rgba(0, 0, 0, .013);
    --shadow-level-100: 0px 3px 9px #00000008, 0px 0.7px 1.4625px rgba(0, 0, 0, .015);
    --font-family-emoji: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols;
    --font-family-mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
    --font-family-handwriting: permanent-marker, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-serif-chinese-traditional: Lyon-Text, Georgia, "Songti SC", "SimSun", serif;
    --font-family-serif-chinese-simplified: Lyon-Text, Georgia, "Songti TC", "SimSun", serif;
    --font-family-serif-japanese: Lyon-Text, Georgia, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    --font-family-serif: Lyon-Text, Georgia, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Songti TC", "Songti SC", "SimSun", "Nanum Myeongjo", NanumMyeongjo, Batang, serif;
    --font-family-sans: inter-var, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    --color-brand-brown-900: #513410;
    --color-brand-brown-800: #663c1a;
    --color-brand-brown-700: #764e2e;
    --color-brand-brown-600: #895e3e;
    --color-brand-brown-500: #9c6f54;
    --color-brand-brown-400: #a9826a;
    --color-brand-brown-300: #bc917b;
    --color-brand-brown-200: #cdad9d;
    --color-brand-brown-100: #dec9bf;
    --color-brand-brown-50: #e8dad3;
    --color-brand-pink-900: #702e69;
    --color-brand-pink-800: #904789;
    --color-brand-pink-700: #b351b1;
    --color-brand-pink-600: #df58c9;
    --color-brand-pink-500: #ff66c9;
    --color-brand-pink-400: #ff80db;
    --color-brand-pink-300: #ff94f1;
    --color-brand-pink-200: #ffadf4;
    --color-brand-pink-100: #ffc7f4;
    --color-brand-pink-50: #ffdbf4;
    --color-brand-purple-900: #3b2e70;
    --color-brand-purple-800: #503a88;
    --color-brand-purple-700: #6539b1;
    --color-brand-purple-600: #7942d1;
    --color-brand-purple-500: #9949e9;
    --color-brand-purple-400: #9f64e8;
    --color-brand-purple-300: #a684f6;
    --color-brand-purple-200: #baa2f6;
    --color-brand-purple-100: #c3bbf6;
    --color-brand-purple-50: #dad0f6;
    --color-brand-blue-900: #101f32;
    --color-brand-blue-800: #132b58;
    --color-brand-blue-700: #133681;
    --color-brand-blue-600: #055ac2;
    --color-brand-blue-500: #087fe7;
    --color-brand-blue-400: #0896e7;
    --color-brand-blue-300: #5dabee;
    --color-brand-blue-200: #b3cfe6;
    --color-brand-blue-100: #c3d9e5;
    --color-brand-blue-50: #d6e5e4;
    --color-brand-green-900: #073612;
    --color-brand-green-800: #075022;
    --color-brand-green-700: #0e712f;
    --color-brand-green-600: #1a892e;
    --color-brand-green-500: #1aad3a;
    --color-brand-green-400: #1cc457;
    --color-brand-green-300: #4ad96b;
    --color-brand-green-200: #79e28e;
    --color-brand-green-100: #afdfc0;
    --color-brand-green-50: #d0eacd;
    --color-brand-yellow-900: #6b3700;
    --color-brand-yellow-800: #944c00;
    --color-brand-yellow-700: #c76d00;
    --color-brand-yellow-600: #e09010;
    --color-brand-yellow-500: #ffaf0f;
    --color-brand-yellow-400: #ffc23d;
    --color-brand-yellow-300: #ffd452;
    --color-brand-yellow-200: #ffe28a;
    --color-brand-yellow-100: #ffebad;
    --color-brand-yellow-50: #fffbc7;
    --color-brand-orange-900: #702700;
    --color-brand-orange-800: #8a3200;
    --color-brand-orange-700: #c24400;
    --color-brand-orange-600: #db5b00;
    --color-brand-orange-500: #ff6f00;
    --color-brand-orange-400: #ff8f05;
    --color-brand-orange-300: #ffa34d;
    --color-brand-orange-200: #ffb980;
    --color-brand-orange-100: #ffce99;
    --color-brand-orange-50: #ffdfb8;
    --color-brand-red-900: #4d1600;
    --color-brand-red-800: #701a00;
    --color-brand-red-700: #8a1700;
    --color-brand-red-600: #b52603;
    --color-brand-red-500: #f64831;
    --color-brand-red-400: #f77255;
    --color-brand-red-300: #f89c77;
    --color-brand-red-200: #fdc4a0;
    --color-brand-red-100: #ffdbbd;
    --color-brand-red-50: #ffede0;
    --color-brand-gray-900: #2d433a;
    --color-brand-gray-800: #485b54;
    --color-brand-gray-700: #63746d;
    --color-brand-gray-600: #788781;
    --color-brand-gray-500: #8d9a95;
    --color-brand-gray-400: #abb5b0;
    --color-brand-gray-300: #bfc5c2;
    --color-brand-gray-200: #cfd3d1;
    --color-brand-gray-100: #dfe2e1;
    --color-brand-gray-50: #f1f3f2;
    --color-brand-cream: #f7f6f3;
    --color-brand-primary-yellow: #ffaf0f;
    --color-brand-primary-blue: #087fe7;
    --color-brand-primary-red: #f64831;
    --color-alpha-dark-200: #ffffff2e;
    --color-alpha-dark-100: #ffffff26;
    --color-alpha-light-200: #0000000f;
    --color-alpha-light-100: #0000000a;
    --color-legacy-cream-darkest: #f1ede9;
    --color-legacy-light: #fff;
    --color-legacy-white: #fff;
    --color-black-900: #000;
    --color-black-800: #1a1a1a;
    --color-black-700: #333;
    --color-black-600: #4d4d4d;
    --color-black-500: #666;
    --color-black-400: grey;
    --color-black-300: #999;
    --color-black-200: #bfbfbf;
    --color-black-100: #e6e6e6;
    --color-dark-600: #000;
    --color-dark-500: #1a1a1a;
    --color-dark-400: #a6a6a6;
    --color-dark-300: #fff3;
    --color-dark-200: #fff;
    --color-purple-900: #562772;
    --color-purple-800: #6e239a;
    --color-purple-700: #8029b3;
    --color-purple-600: #8f2dc8;
    --color-purple-500: #9d34da;
    --color-purple-400: #bd73e8;
    --color-purple-300: #cb87f2;
    --color-purple-200: #d59ef5;
    --color-purple-100: #f0e1f9;
    --color-blue-900: #004f80;
    --color-blue-800: #076097;
    --color-blue-700: #086faf;
    --color-blue-600: #097cc3;
    --color-blue-500: #0a85d1;
    --color-blue-400: #4a98c9;
    --color-blue-300: #57b5ef;
    --color-blue-200: #8accf4;
    --color-blue-100: #e2ecf3;
    --color-teal-900: #1e716e;
    --color-teal-800: #207976;
    --color-teal-700: #238582;
    --color-teal-600: #27918d;
    --color-teal-500: #2a9d99;
    --color-teal-400: #6cc1be;
    --color-teal-300: #93cccb;
    --color-teal-200: #a8d6d5;
    --color-teal-100: #e3f2f2;
    --color-yellow-900: #960;
    --color-yellow-800: #d68f00;
    --color-yellow-700: #f5a300;
    --color-yellow-600: #faa700;
    --color-yellow-500: #fb3;
    --color-yellow-400: #f0c266;
    --color-yellow-300: #ffe175;
    --color-yellow-200: #ffeca8;
    --color-yellow-100: #fff6d6;
    --color-orange-900: #a3450a;
    --color-orange-800: #e75e08;
    --color-orange-700: #f16209;
    --color-orange-600: #f8701b;
    --color-orange-500: #f8792a;
    --color-orange-400: #f28e50;
    --color-orange-300: #f5a675;
    --color-orange-200: #f7bc97;
    --color-orange-100: #fce7d9;
    --color-red-900: #7d1e17;
    --color-red-800: #a7271b;
    --color-red-700: #d73223;
    --color-red-600: #e14133;
    --color-red-500: #ea4e43;
    --color-red-400: #e1645b;
    --color-red-300: #ff8080;
    --color-red-200: #ffa8a8;
    --color-red-100: #fce9e8;
    --color-base-800: #121212;
    --color-base-780: #333;
    --color-base-760: #404040;
    --color-base-400: #fff6;
    --color-base-300: #fffdfa;
    --color-base-250: #f1efee;
    --color-base-200: #f6f5f4;
    --color-base-140: #fafafa;
    --color-base-120: #fcfcfc;
    --color-base-100: #fff;
    --color-gray-800: #050505;
    --color-gray-600: #121212;
    --color-gray-500: #0009;
    --color-gray-400: #0006;
    --color-gray-300: #0003;
    --color-gray-200: #0000001a;
    --border-radius-700: 0.75rem;
    --border-radius-600: 0.625rem;
    --border-radius-500: 0.5rem;
    --border-radius-400: 0.375rem;
    --border-radius-300: 0.3125rem;
    --border-radius-200: 0.25rem;
    --z-index-tooltip: 500;
    --z-index-lightbox: 500;
    --typography-serif-1000-regular-font-family: var(--font-family-serif);
    --typography-serif-900-regular-font-family: var(--font-family-serif);
    --typography-serif-800-regular-font-family: var(--font-family-serif);
    --typography-serif-700-regular-font-family: var(--font-family-serif);
    --typography-serif-600-regular-font-family: var(--font-family-serif);
    --typography-serif-500-regular-font-family: var(--font-family-serif);
    --typography-serif-400-regular-font-family: var(--font-family-serif);
    --typography-serif-350-regular-font-family: var(--font-family-serif);
    --typography-serif-300-regular-font-family: var(--font-family-serif);
    --typography-serif-200-regular-font-family: var(--font-family-serif);
    --typography-sans-1000-bold-font-family: var(--font-family-sans);
    --typography-sans-900-bold-line-height: 1.0655737704918034;
    --typography-sans-900-bold-font-size: var(--typography-sans-900-semibold-font-size);
    --typography-sans-900-bold-font-family: var(--font-family-sans);
    --typography-sans-900-semibold-font-family: var(--font-family-sans);
    --typography-sans-800-bold-line-height: 1.0943396226415094;
    --typography-sans-800-bold-font-size: var(--typography-sans-800-semibold-font-size);
    --typography-sans-800-bold-font-family: var(--font-family-sans);
    --typography-sans-800-semibold-font-family: var(--font-family-sans);
    --typography-sans-700-bold-line-height: 1.0888888888888888;
    --typography-sans-700-bold-font-size: var(--typography-sans-700-semibold-font-size);
    --typography-sans-700-bold-font-family: var(--font-family-sans);
    --typography-sans-700-semibold-font-family: var(--font-family-sans);
    --typography-sans-600-bold-line-height: 1.1111111111111112;
    --typography-sans-600-bold-font-size: var(--typography-sans-600-semibold-font-size);
    --typography-sans-600-bold-font-family: var(--font-family-sans);
    --typography-sans-600-semibold-font-family: var(--font-family-sans);
    --typography-sans-500-bold-line-height: 1.1333333333333333;
    --typography-sans-500-bold-font-size: var(--typography-sans-500-semibold-font-size);
    --typography-sans-500-bold-font-family: var(--font-family-sans);
    --typography-sans-500-semibold-font-family: var(--font-family-sans);
    --typography-sans-500-medium-font-family: var(--font-family-sans);
    --typography-sans-400-bold-line-height: 1.25;
    --typography-sans-400-bold-font-size: var(--typography-sans-400-regular-font-size);
    --typography-sans-400-bold-font-family: var(--font-family-sans);
    --typography-sans-400-semibold-line-height: 1.25;
    --typography-sans-400-semibold-font-size: var(--typography-sans-400-regular-font-size);
    --typography-sans-400-semibold-font-family: var(--font-family-sans);
    --typography-sans-400-medium-line-height: 1.25;
    --typography-sans-400-medium-font-size: var(--typography-sans-400-regular-font-size);
    --typography-sans-400-medium-font-family: var(--font-family-sans);
    --typography-sans-400-regular-font-family: var(--font-family-sans);
    --typography-sans-300-bold-line-height: 1.3333333333333333;
    --typography-sans-300-bold-font-size: var(--typography-sans-300-regular-font-size);
    --typography-sans-300-bold-font-family: var(--font-family-sans);
    --typography-sans-300-semibold-line-height: 1.3333333333333333;
    --typography-sans-300-semibold-font-size: var(--typography-sans-300-regular-font-size);
    --typography-sans-300-semibold-font-family: var(--font-family-sans);
    --typography-sans-300-medium-line-height: 1.3333333333333333;
    --typography-sans-300-medium-font-size: var(--typography-sans-300-regular-font-size);
    --typography-sans-300-medium-font-family: var(--font-family-sans);
    --typography-sans-300-regular-font-family: var(--font-family-sans);
    --typography-sans-200-bold-line-height: 1.4375;
    --typography-sans-200-bold-font-size: var(--typography-sans-200-regular-font-size);
    --typography-sans-200-bold-font-family: var(--font-family-sans);
    --typography-sans-200-semibold-line-height: 1.4375;
    --typography-sans-200-semibold-font-size: var(--typography-sans-200-regular-font-size);
    --typography-sans-200-semibold-font-family: var(--font-family-sans);
    --typography-sans-200-medium-line-height: 1.4375;
    --typography-sans-200-medium-font-size: var(--typography-sans-200-regular-font-size);
    --typography-sans-200-medium-font-family: var(--font-family-sans);
    --typography-sans-200-regular-font-family: var(--font-family-sans);
    --typography-sans-150-bold-line-height: 1.4666666666666666;
    --typography-sans-150-bold-font-size: var(--typography-sans-150-regular-font-size);
    --typography-sans-150-bold-font-family: var(--font-family-sans);
    --typography-sans-150-semibold-line-height: 1.4666666666666666;
    --typography-sans-150-semibold-font-size: var(--typography-sans-150-regular-font-size);
    --typography-sans-150-semibold-font-family: var(--font-family-sans);
    --typography-sans-150-medium-line-height: 1.4666666666666666;
    --typography-sans-150-medium-font-size: var(--typography-sans-150-regular-font-size);
    --typography-sans-150-medium-font-family: var(--font-family-sans);
    --typography-sans-150-regular-font-family: var(--font-family-sans);
    --typography-sans-100-bold-line-height: 1.4074074074074074;
    --typography-sans-100-bold-font-size: var(--typography-sans-100-regular-font-size);
    --typography-sans-100-bold-font-family: var(--font-family-sans);
    --typography-sans-100-semibold-line-height: 1.4074074074074074;
    --typography-sans-100-semibold-font-size: var(--typography-sans-100-regular-font-size);
    --typography-sans-100-semibold-font-family: var(--font-family-sans);
    --typography-sans-100-medium-line-height: 1.4074074074074074;
    --typography-sans-100-medium-font-size: var(--typography-sans-100-regular-font-size);
    --typography-sans-100-medium-font-family: var(--font-family-sans);
    --typography-sans-100-regular-font-family: var(--font-family-sans);
    --typography-sans-50-bold-line-height: 1.4166666666666667;
    --typography-sans-50-bold-font-size: var(--typography-sans-50-regular-font-size);
    --typography-sans-50-bold-font-family: var(--font-family-sans);
    --typography-sans-50-semibold-line-height: 1.4166666666666667;
    --typography-sans-50-semibold-font-size: var(--typography-sans-50-regular-font-size);
    --typography-sans-50-semibold-font-family: var(--font-family-sans);
    --typography-sans-50-medium-line-height: 1.4166666666666667;
    --typography-sans-50-medium-font-size: var(--typography-sans-50-regular-font-size);
    --typography-sans-50-medium-font-family: var(--font-family-sans);
    --typography-sans-50-regular-font-family: var(--font-family-sans)
}

.personal_headerWrap__DnoMP {
    display: flex;
    flex-direction: column;
    max-width: 800px;
    margin-top: 20px;
    text-align: center
}

.personal_heroTitle__SCXXy {
    margin: 6px 0 16px;
    text-align: center
}

.personal_ctaWrap__ugx_6 {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.personal_heroSubtitle__D7dYZ {
    font-size: var(--typography-sans-200-regular-font-size);
    line-height: var(--typography-sans-200-regular-line-height);
    margin-bottom: 20px
}

@media(min-width:1080px) {
    .personal_headerWrap__DnoMP {
        flex-direction: row;
        text-align: left;
        margin-bottom: .35rem
    }

    .personal_heroTitle__SCXXy {
        margin: 0;
        text-align: left;
        width: 400px
    }

    .personal_ctaWrap__ugx_6 {
        display: block;
        text-align: left;
        align-items: default;
        justify-content: default;
        width: 400px
    }

    .personal_heroSubtitle__D7dYZ {
        margin: 7px 0 .5rem
    }
}

.personal_illustrationWrap__VMgJC {
    width: 140px;
    margin: 0 auto 20px
}

@media(min-width:600px) {
    .personal_illustrationWrap__VMgJC {
        width: 180px;
        margin-bottom: 0
    }
}

.personal_desktopIllustration__LamM0,
.personal_desktopText__gMctK {
    width: 100%
}

@media(min-width:1080px) {
    .personal_desktopTextWrap__xLVUt {
        display: flex;
        align-items: flex-end;
        flex-direction: row-reverse
    }

    .personal_desktopText__gMctK {
        width: 65%
    }

    .personal_desktopIllustration__LamM0 {
        width: 35%
    }
}

.personal_grid__whIOv {
    display: grid;
    column-gap: 50px;
    grid-template-columns: 1fr 300px;
    align-items: flex-end;
}

@media(max-width:1080px) {
    /* .personal_illustrationWrap__VMgJC {
        display: none;
    } */

    .personal_grid__whIOv {
        background: #e6e5e4;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
    }
}

@media(min-width:840px) {
    .personal_benefitHeaderWrap___astB {
        max-width: 500px;
        margin: 0 auto
    }
}

.personal_paragraph__r_5kZ {
    margin: .75em 0
}

.personal_image____8E0 {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover
}

.InlineTextLink_inlineLink__oN8YM {
    position: relative;
    text-decoration: underline;
    text-underline-offset: .1em;
    text-decoration-thickness: 1px;
    cursor: pointer;
    display: inline;
    border-radius: var(--border-radius-300);
}

.InlineTextLink_inlineLink__oN8YM:focus {
    outline: 0;
    box-shadow: 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200);
}

.InlineTextLink_inlineLink__oN8YM:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}

.InlineTextLink_colorInherit__oGlTG {
    color: inherit;
}

.InlineTextLink_colorInherit__oGlTG:hover {
    color: var(--color-link-hover-from-inherited);
}

.InlineTextLink_arrow__Vz4dB.InlineTextLink_arrowAfter__XQoVx {
    margin-left: .2em;
    display: inline;
    text-decoration: none;
    border: none;
}

.InlineTextLink_underlineOnHover__J78xW {
    text-decoration: none;
}

.InlineTextLink_underlineOnHover__J78xW:hover .InlineTextLink_linkContent__SYI4r {
    text-decoration: underline;
}

.typography_typography__Exx2D {
    margin: 0;
    font: var(--typography-font);
    font-variation-settings: var(--typography-font-variation-settings);
    letter-spacing: var(--typography-letter-spacing);
    color: var(--typography-color);
}

@media (min-width:600px) {
    .typography_typography__Exx2D {
        font: var(--typography-font-sm);
        font-variation-settings: var(--typography-font-variation-settings-sm);
        letter-spacing: var(--typography-letter-spacing-sm);
    }
}

.badge_badgePrimaryRounded__WWAj4,
.badge_badgePrimary__hx2xR {
    font: var(--typography-sans-50-semibold-font-weight) var(--typography-sans-50-semibold-font-size)/var(--typography-sans-50-semibold-line-height) var(--typography-sans-50-semibold-font-family);
    font-variation-settings: "wght" var(--typography-sans-50-semibold-font-weight-variable);
    letter-spacing: var(--typography-sans-50-semibold-letter-spacing);
    -webkit-font-smoothing: antialiased;
    display: inline-block;
}

.badge_badgePrimaryRounded__WWAj4,
.badge_badgePrimary__hx2xR {
    border-radius: 9px;
    padding: 1px 7px 2px 8px;
    white-space: wrap;
    min-height: 15px;
    line-height: 15px;
}

.badge_badgePrimaryRounded__WWAj4,
.badge_badgePrimary__hx2xR {
    background: var(--color-badge-primary, var(--color-link));
    color: var(--color-badge-primary-text, var(--color-button-primary-text));
}

.badge_badgePrimaryRounded__WWAj4 {
    height: inherit;
}

.NotificationBanner_banner__dpbLL {
    display: flex;
    align-items: center;
    min-height: 48px;
    gap: 24px;
    color: var(--color-text);
    line-height: 1.4;
    background-color: var(--color-notification-banner);
    padding: 10px 16px;
    position: relative;
}

@media (min-width:1080px) {
    .NotificationBanner_banner__dpbLL {
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 1255px 53px;
    }
}

.NotificationBanner_bannerContent__aqHx0 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    padding-right: 24px;
}

@media (min-width:1080px) {
    .NotificationBanner_bannerContent__aqHx0 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        align-content: center;
        align-items: center;
        gap: 12px;
        text-align: center;
        padding-right: 0;
    }
}

.NotificationBanner_bannerCtaButton__BQm2F {
    display: block;
    flex: 0 0 auto;
    font-weight: 700;
    margin-top: 6px;
}

@media (min-width:1080px) {
    .NotificationBanner_bannerCtaButton__BQm2F {
        margin-top: 0;
        margin-left: 12px;
        display: inline;
    }
}

.NotificationBanner_bannerClose__ZacH_ {
    border: 0;
    padding: 11px;
    margin: 0;
    right: 0;
    top: 0;
    position: absolute;
    background: none;
}

a {
    background-color: #0000;
}

svg:not(:root) {
    overflow: hidden;
}

button {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

button {
    -webkit-appearance: button;
    cursor: pointer;
}

*,
:after,
:before {
    box-sizing: border-box;
}

a {
    color: var(--color-text-dark);
}

svg {
    fill: currentColor;
}

::placeholder {
    color: var(--color-text-light, var(--color-gray-400));
    opacity: 1;
}

.dynamicScreenshotCarousel_desktopItem__gqr3H.dynamicScreenshotCarousel_active__34gq3,
.dynamicScreenshotCarousel_phoneItem__13tWK.dynamicScreenshotCarousel_active__34gq3 {
    opacity: 1
}

.dynamicScreenshotCarousel_desktopItem.dynamicScreenshotCarousel_active,
.dynamicScreenshotCarousel_phoneItem__13tWK.dynamicScreenshotCarousel_active {
    opacity: 1
}

@media(max-width:1080px) {
    .hidden_mobile {
        display: none;
    }
}

.hidden {
    display: none;
}

.mobileNavContainer_mobileNav__YJcmx {
    --color-icon: var(--color-black-900);
    width: 100%;
    height: calc(100vh - var(--header-height));
    height: calc(100dvh - var(--header-height));
    display: none;
    align-items: center;
    justify-content: center;
    z-index: var(--z-index-mobile-nav);
    background: var(--color-page);
}


.mobileNavContainer_isOpen__wYUCp {
    display: block;
}


element {
    --color-header-background: var(--color-page);

}

.header_dialog__dplE5.header_mobileNavOpen__GComp .header_header__ts5le,
.header_dialog__dplE5.header_positionSticky__GQPEM {
    top: 0;

    position: sticky;

    z-index: var(--z-index-header);

}

.header_dialog__dplE5.header_mobileNavOpen__GComp {
    position: fixed !important;

    inset: 0;

    top: 0px;

    max-height: 100vh;

    max-height: 100dvh;

    z-index: var(--z-index-header);

}

/*! CSS Used from: https://www.notion.so/_next/static/css/4087b8a5768bc0e7.css */
.NotionCalendarIcon_container__JN0MU {
    display: flex;
}

.NotionCalendarIcon_container__JN0MU>svg {
    width: 100%;
    height: 100%;
}

.NotionCalendarIcon_dates__QiFn_>g {
    visibility: hidden;
}

.NotionCalendarIcon_dates__QiFn_>g.NotionCalendarIcon_current__Iwe8x {
    visibility: visible;
}

.InlineTextLink_inlineLink__oN8YM {
    position: relative;
    text-decoration: underline;
    text-underline-offset: .1em;
    text-decoration-thickness: 1px;
    cursor: pointer;
    display: inline;
    border-radius: var(--border-radius-300);
}

.InlineTextLink_inlineLink__oN8YM:focus {
    outline: 0;
    box-shadow: 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200);
}

.InlineTextLink_inlineLink__oN8YM:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}

.InlineTextLink_colorInherit__oGlTG {
    color: inherit;
}

.InlineTextLink_colorInherit__oGlTG:hover {
    color: var(--color-link-hover-from-inherited);
}

.typography_typography__Exx2D {
    margin: 0;
    font: var(--typography-font);
    font-variation-settings: var(--typography-font-variation-settings);
    letter-spacing: var(--typography-letter-spacing);
    color: var(--typography-color);
}

@media (min-width:600px) {
    .typography_typography__Exx2D {
        font: var(--typography-font-sm);
        font-variation-settings: var(--typography-font-variation-settings-sm);
        letter-spacing: var(--typography-letter-spacing-sm);
    }
}

.badge_badgeMuted__Aw8i9 {
    font: var(--typography-sans-50-semibold-font-weight) var(--typography-sans-50-semibold-font-size)/var(--typography-sans-50-semibold-line-height) var(--typography-sans-50-semibold-font-family);
    font-variation-settings: "wght" var(--typography-sans-50-semibold-font-weight-variable);
    letter-spacing: var(--typography-sans-50-semibold-letter-spacing);
    -webkit-font-smoothing: antialiased;
    display: inline-block;
}

.badge_badgeMuted__Aw8i9 {
    border-radius: 9px;
    padding: 1px 7px 2px 8px;
    white-space: wrap;
    min-height: 15px;
    line-height: 15px;
}

.badge_badgeMuted__Aw8i9 {
    background: #37352f14;
    color: var(--text-color-medium);
    font-weight: 500;
}

.hoverable_hoverable__9ndMj {
    display: block;
    border-radius: var(--border-radius-300);
    padding: var(--hoverable-padding-y) var(--hoverable-padding-x);
    text-decoration: none;
    background: none;
    border: 0;
    text-align: inherit;
}

.hoverable_hoverable__9ndMj:hover {
    background: var(--color-alpha-hover);
    outline: none;
    transition: none;
}

.hoverable_clickable__Pyq_T:active,
.hoverable_hoverable__9ndMj:focus {
    background: var(--color-alpha-active);
    outline: none;
    transition: none;
}

.hoverable_fullWidth__2zSZQ {
    width: 100%;
}

.hoverable_hasAction__wCjI7 {
    cursor: pointer;
}

.DesktopNavMenuList_navList__ZLfDZ {
    --color-icon: var(--color-black-900);
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0;
}

.DesktopNavMenuList_popup__ccsE5 {
    box-shadow: var(--shadow-level-200);
    border-radius: var(--border-radius-300);
    background: var(--color-navigation-dropdown);
    position: absolute;
    left: 0;
    top: 100%;
    text-align: left;
    z-index: 1000;
    opacity: 0;
    transform: scale(.97);
    transition: visibility 0s, opacity .15s ease, transform .15s ease;
    transform-origin: top left;
    visibility: hidden;
    visibility: 0;
}

.DesktopNavMenuList_popupHidden__oSdFG {
    visibility: hidden;
    visibility: 0;
}

.DesktopNavMenuList_navItem__wfNzh {
    font-weight: var(--typography-sans-200-medium-font-weight);
    font-size: var(--typography-sans-150-regular-font-size);
    position: relative;
}

.DesktopNavMenuList_navItem__wfNzh:hover .DesktopNavMenuList_popup__ccsE5 {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.DesktopNavMenuList_label__o7awx {
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 31px;
}

.DesktopNavMenuList_hasMenu__MbZMJ .DesktopNavMenuList_label__o7awx {
    padding-right: 26px;
}

.DesktopNavMenuList_hasMenu__MbZMJ .DesktopNavMenuList_label__o7awx:after {
    content: "";
    display: block;
    width: 8px;
    height: 6px;
    background: var(--nav-caret-svg);
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 10px;
}

.DesktopNavMenuList_hasMenu__MbZMJ:hover .DesktopNavMenuList_label__o7awx:after {
    transform: rotate(180deg);
}

@media (prefers-reduced-motion) {
    .DesktopNavMenuList_popup__ccsE5 {
        transition: none;
    }
}

.DesktopNavMenuList_navMenuSection__E8JMf {
    padding: 6px 4px;
    min-width: var(--nav-menu-section-min-width);
}

.DesktopNavMenuList_navMenuList__BMaQn {
    list-style: none;
}

.DesktopNavMenuList_navMenuItem___0FYD {
    text-align: left;
    line-height: 1.5;
}

.DesktopNavMenuList_navMenuItem___0FYD>a[class*=hoverable] {
    padding-right: 32px;
}

.DesktopNavMenuList_navMenuItemInner__rnhRb {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.DesktopNavMenuList_navMenuItemBefore__vpNg6 {
    padding-right: 10px;
}

.DesktopNavMenuList_navMenuItemBeforeIcon__hkn05 {
    border: 1px solid var(--color-black-100);
    border-radius: var(--border-radius-400);
    background: var(--color-page);
    padding: 6px;
    margin-bottom: 1px;
}

.DesktopNavMenuList_navMenuItemLabel__ZbI_A {
    font-weight: var(--typography-sans-200-medium-font-weight);
    font-size: var(--typography-sans-150-regular-font-size);
    white-space: nowrap;
}

.DesktopNavMenuList_navMenuItemBadge__RygiO {
    --color-icon-background: var(--color-black-100);
    --color-icon: var(--color-black-600);
    margin-left: 6px;
    position: relative;
    bottom: 1px;
}

.DesktopNavMenuList_navMenuItemBadge__RygiO:empty {
    display: none;
}

.DesktopNavMenuList_navMenuItemDescription__Ckki4 {
    display: block;
    line-height: 1.2em;
    color: var(--text-color-medium);
    font-weight: var(--typography-sans-400-regular-font-weight);
    font-size: var(--typography-sans-100-regular-font-size);
}

.DesktopNavMenuList_individualsMenu__V_Vtp {
    min-width: 135px;
}

.DesktopNavMenuList_downloadMenu__Fi6XP {
    min-width: 200px;
}

a {
    background-color: #0000;
}

svg:not(:root) {
    overflow: hidden;
}

button {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

button {
    -webkit-appearance: button;
    cursor: pointer;
}

ul {
    padding: 0;
}

*,
:after,
:before {
    box-sizing: border-box;
}

a {
    color: var(--color-text-dark);
}

svg {
    fill: currentColor;
}

::placeholder {
    color: var(--color-text-light, var(--color-gray-400));
    opacity: 1;
}


/*! CSS Used from: https://www.notion.so/_next/static/css/4087b8a5768bc0e7.css */
.trafficLights_trafficLights__hMGJZ {
    display: flex;
    flex-direction: row;
    gap: 7px;
}

.trafficLights_trafficLights__hMGJZ>* {
    border-radius: 100%;
    padding: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #0000000f;
    box-sizing: border-box;
    outline: none;
}

.trafficLights_trafficLightsStop__xUBKh {
    background-color: #ed6a5e;
}

.trafficLights_trafficLightsSlow__SRD7r {
    background-color: #f4bf4f;
}

.trafficLights_trafficLightsGo__HbEtn {
    background-color: #61c554;
}

.mac_mac__uA_7b {
    width: var(--mac-width);
    height: var(--mac-height);
    border-radius: var(--border-radius-400);
    box-shadow: var(--mac-shadow);
    padding: 0;
}

.mac_mac__uA_7b {
    display: block;
    max-width: 100%;
    margin: auto;
    box-sizing: border-box;
    transform: translateZ(0);
    background: #fff;
    overflow: hidden;
    position: relative;
}

.resizable_resizableComponent__uWzcr {
    width: 100%;
    max-width: var(--resizable-width);
    max-height: var(--resizable-height);
    height: auto;
    transform: translateZ(0);
    position: relative;
    display: block;
    overflow: hidden;
}

.resizable_resizableComponentContainer__AQz9T {
    width: var(--resizable-width);
    height: var(--resizable-height);
    box-sizing: border-box;
    will-change: transform;
    transform-origin: left top;
}

.sectionLayout_sectionMedia__y3Xd_ {
    margin-top: 40px;
}

.HeadingBlock_headingBlock__6rFNX {
    position: relative;
    display: block;
    white-space: pre-wrap;
    word-break: break-word;
    color: #37352f;
    margin-bottom: 5px;
}

.HeadingBlock_headingH1__rVIP9 {
    font-weight: 700;
    line-height: 1.2;
    font-size: 40px;
    letter-spacing: -.5px;
}

.dynamicScreenshots_dynamicScreenshot__3wGMA {
    all: revert;
    max-width: var(--dynamic-screenshot-width);
    transform: translateZ(0);
    position: relative;
    background: #fff;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: default;
    speak: none;
}

.dynamicScreenshots_appPlayground__FU9rY {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    align-content: flex-start;
    background: #fff;
}

.dynamicScreenshots_appPlaygroundContainer__x7_oz {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    flex: 1 1;
    overflow: hidden;
}

.dynamicScreenshots_appPlaygroundMain__aN6b7 {
    flex: 3 1;
    width: 100%;
    max-height: 100%;
    position: relative;
}

.dynamicScreenshots_appDocumentChildren__W1B2H {
    display: flex;
    flex-direction: column;
}

.dynamicScreenshots_appToolbar___84qf {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    height: 38px;
    box-sizing: border-box;
    flex: 0 0 auto;
    color: #37352f;
}

.dynamicScreenshots_appToolbar___84qf>* {
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    fill: #37352f;
}

.dynamicScreenshots_appDocument__tqULt,
.dynamicScreenshots_appToolbar___84qf * {
    color: #37352f;
    font-weight: 400;
    line-height: 1.2;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol;
}

.dynamicScreenshots_appDocument__tqULt {
    position: relative;
    z-index: 2;
    flex: 2 1;
    max-width: 100%;
    height: 100%;
    width: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 35px 125px 0;
    box-sizing: border-box;
    font-size: 16px;
}

.dynamicScreenshots_appDocumentFamilyDefault__AKgte,
.dynamicScreenshots_appDocumentFamilyDefault__AKgte>* {
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol;
}

.dynamicScreenshots_appToolbarLeft__S_hcy {
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    fill: #37352f;
    color: #37352f;
    font-weight: 400;
    line-height: 1.2;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol;
}

.dynamicScreenshots_breadcrumb__dBxaY {
    letter-spacing: -.1px;
    margin-left: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dynamicScreenshots_appToolbarRight__i0Hg_ {
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    fill: #37352f;
    color: #37352f;
    font-weight: 400;
    line-height: 1.2;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol;
}

.dynamicScreenshots_appToolbarShare__JF0e_ {
    letter-spacing: -.1px;
    margin-right: 12px;
    margin-bottom: 3px;
}

.label_label__uz2yp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    box-sizing: border-box;
    height: 18px;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2em;
    color: var(--label-color, #183347);
    background-color: var(--label-background-color);
    margin: 0;
}

.TileBlock_tileBlock__TjW3x {
    display: flex;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 0 0 1px #0f0f0f1a, 0 2px 4px #0f0f0f1a;
    border-radius: 3px;
    margin-top: 3px;
    margin-bottom: 12px;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.TileBlock_tileBlockTitle__qiBnT {
    padding: 8px 10px 10px;
    font-size: 14px;
    min-height: 21px;
    font-weight: 500;
    pointer-events: none;
}

.TileBlock_tileBlockTitle__qiBnT {
    max-width: 100%;
    width: auto;
    display: block;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.5;
}

.TileBlock_tileBlockLabels__S1au4 {
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 8px;
    gap: 4px;
}

.boardView_boardView__5VrFG {
    width: 100%;
    position: relative;
}

.boardView_boardViewUi__U9mWS {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    white-space: nowrap;
    height: 42px;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.2;
    color: #37352fa6;
    fill: #37352fa6;
}

.boardView_boardViewUi__U9mWS>div:first-of-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    margin-right: auto;
}

.boardView_boardViewContent__c0mO_ {
    display: grid;
    min-width: 640px;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4px 20px;
}

.boardView_boardViewContentUi__Vyvw5 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    color: #37352fa6;
    fill: #37352fa6;
    font-size: 14px;
}

.boardView_boardViewHeaders__6Acze {
    border-top: 1px solid #e9e9e7;
    padding-top: 8px;
    height: 42px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    min-width: 640px;
}

.boardView_boardViewHeaders__6Acze>div {
    width: 100%;
    flex: 1 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.boardView_boardViewHeaders__6Acze .boardView_contentLeft__rJXSZ,
.boardView_boardViewHeaders__6Acze .boardView_contentRight__orKkr {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    color: #37352fa6;
    fill: #37352fa6;
}

.boardView_bold__CaJxj {
    color: #37352f;
    fill: #37352f;
    font-weight: 600;
    height: 100%;
    display: block;
    border-bottom: 2px solid #37352f;
}

.boardView_selected__TishA {
    color: #2383e2;
}

.boardView_button__wvoev {
    height: 24px;
    border-radius: 3px;
    display: flex;
}

.boardView_buttonContent__KRpro {
    white-space: nowrap;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #fff;
    line-height: 1.2;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.boardView_buttonContent__KRpro,
.boardView_buttonIcon__l17An {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2383e2;
}

.boardView_buttonIcon__l17An {
    width: 24px;
    height: 24px;
    align-self: stretch;
    box-shadow: inset 1px 0 0 #37352f29;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dynamicScreenshotWrapper_dynamicScreenshotWrapper__2GEAc {
    width: 100%;
    height: 100%;
}

section {
    display: block;
}

svg:not(:root) {
    overflow: hidden;
}

*,
:after,
:before {
    box-sizing: border-box;
}

svg {
    fill: currentColor;
}

::placeholder {
    color: var(--color-text-light, var(--color-gray-400));
    opacity: 1;
}

@media (max-width:1080px) {
    .test {
        display: none;
    }
}


/*! CSS Used from: https://www.notion.so/_next/static/css/fcdcfe31d7402fbd.css */
.button_button__atjat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    white-space: pre-line;
    border-radius: var(--border-radius-300);
    font-family: var(--font-family-sans);
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    border: 0;
    height: auto;
    background: #0000;
    text-decoration: none;
    min-width: var(--button-min-width);
}

.button_buttonSizeL__z8y6s {
    min-height: 36px;
    padding: .25rem .875rem;
    font-size: var(--typography-sans-200-regular-font-size);
    line-height: var(--typography-sans-200-regular-line-height);
    letter-spacing: var(--typography-sans-200-regular-letter-spacing);
    font-weight: 570;
}

.button_buttonVariantPrimary__mUFQZ {
    color: var(--color-button-primary-text);
    background: var(--color-button-primary);
    box-shadow: 0 .3259259164px .7333333492px 0 #0000001f, 0 1.5407407284px 2.8666665554px 0 #00000012, 0 4px 9px 0 #0000000d;
}

.button_buttonVariantPrimary__mUFQZ:hover {
    background: var(--color-button-primary-hover);
}

.button_buttonVariantPrimary__mUFQZ:active,
.button_buttonVariantPrimary__mUFQZ:focus {
    background: var(--color-button-primary-active);
}

.button_buttonVariantPrimary__mUFQZ:disabled {
    color: var(--color-text-light);
    border: 1px solid #0000001a;
    background: none;
    box-shadow: none;
    cursor: auto;
}

.button_buttonVariantSecondary__cZi4H {
    color: var(--color-button-secondary-text);
    background: var(--color-button-secondary);
    box-shadow: 0 4px 9px rgba(0, 0, 0, .047), 0 1.54074px 2.86667px rgba(0, 0, 0, .073), 0 .325926px .733333px #0000001f;
    border: 1px solid #0000001a;
}

.button_buttonVariantSecondary__cZi4H:hover {
    background: var(--color-button-secondary-hover);
}

.button_buttonVariantSecondary__cZi4H:active,
.button_buttonVariantSecondary__cZi4H:focus {
    background: var(--color-button-secondary-active);
}

.button_buttonVariantSecondary__cZi4H:disabled {
    color: var(--color-text-light);
    background: none;
    border: 1px solid #0000001a;
    box-shadow: none;
    cursor: auto;
}

.title_title__DWL5N {
    margin-top: 0;
    margin-bottom: 0;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    color: var(--color-text);
    font-weight: var(--font-weight-fallback);
}

.title_titleWeightBold__838EK {
    --font-weight-fallback: 700;
}

.title_titleSizeXs__xnVC3.title_titleWeightBold__838EK {
    font: var(--typography-sans-400-bold-font-weight, var(--font-weight-fallback)) var(--typography-sans-400-bold-font-size, var(--typography-sans-400-bold-font-size))/var(--typography-sans-400-bold-line-height, var(--typography-sans-400-bold-line-height)) var(--typography-sans-400-bold-font-family, var(--typography-sans-400-bold-font-family));
    font-variation-settings: "wght" var(--typography-sans-400-bold-font-weight-variable);
    letter-spacing: var(--typography-sans-400-bold-letter-spacing, var(--typography-sans-400-bold-letter-spacing));
}

.title_titleSizeM__e46NM.title_titleWeightBold__838EK {
    font: var(--typography-sans-500-bold-font-weight, var(--font-weight-fallback)) var(--typography-sans-500-bold-font-size, var(--typography-sans-500-bold-font-size))/var(--typography-sans-500-bold-line-height, var(--typography-sans-500-bold-line-height)) var(--typography-sans-500-bold-font-family, var(--typography-sans-500-bold-font-family));
    font-variation-settings: "wght" var(--typography-sans-500-bold-font-weight-variable);
    letter-spacing: var(--typography-sans-500-bold-letter-spacing, var(--typography-sans-500-bold-letter-spacing));
}

@media (min-width:600px) {
    .title_titleSizeM__e46NM.title_titleWeightBold__838EK {
        font: var(--typography-sans-600-bold-font-weight, var(--font-weight-fallback)) var(--typography-sans-600-bold-font-size, var(--typography-sans-600-bold-font-size))/var(--typography-sans-600-bold-line-height, var(--typography-sans-600-bold-line-height)) var(--typography-sans-600-bold-font-family, var(--typography-sans-600-bold-font-family));
        font-variation-settings: "wght" var(--typography-sans-600-bold-font-weight-variable);
        letter-spacing: var(--typography-sans-600-bold-letter-spacing, var(--typography-sans-600-bold-letter-spacing));
    }
}

.title_title__DWL5N.title_titleFamilyInter__Ra6_Q {
    font-family: var(--font-family-sans);
}

.background_background__wLqUX {
    --background-border-radius: var(--border-radius-400);
    overflow: hidden;
    background: var(--background-background-color);
    border-radius: var(--background-border-radius);
}

.background_background__wLqUX.background_cream__yQvl6 {
    --background-background-color: var(--color-block);
}

.InlineTextLink_inlineLink__oN8YM {
    position: relative;
    text-decoration: underline;
    text-underline-offset: .1em;
    text-decoration-thickness: 1px;
    cursor: pointer;
    display: inline;
    border-radius: var(--border-radius-300);
}

.InlineTextLink_inlineLink__oN8YM:focus {
    outline: 0;
    box-shadow: 0 0 0 2px var(--color-dark-600), 0 0 0 4px var(--color-dark-200);
}

.InlineTextLink_inlineLink__oN8YM:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}

.InlineTextLink_colorInherit__oGlTG {
    color: inherit;
}

.InlineTextLink_colorInherit__oGlTG:hover {
    color: var(--color-link-hover-from-inherited);
}

.limit_limit__v6KG8 {
    width: 100%;
    margin: 0 auto;
}

.limit_limitM__eLVfF {
    max-width: var(--limit-m);
}

.limit_limitL___QxkV {
    max-width: var(--limit-l);
}

.iPhone_iphone__mct_D {
    width: 100%;
    max-width: 375px;
    max-height: 820px;
    display: block;
    flex: 0 1;
    background: #000;
    padding: min(3%, 10px);
    border-radius: 13%/6%;
    box-sizing: border-box;
    position: relative;
    box-shadow: var(--shadow-level-300);
}

.iPhone_iphoneApp__iTHj6 {
    background: var(--iphone-app-toolbar-color);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    max-height: 820px;
    overflow: hidden;
    clip-path: var(--iphone-app-clip-path);
}

.iPhone_iphoneContent__Nw7uU {
    flex: 1 1;
    display: flex;
    width: 100%;
    height: 100%;
}

.iPhone_phoneClipDefs__wngxC {
    position: absolute;
}

.iPhone_chromeTop__3z2rp {
    width: 100%;
    padding: 0;
    display: flex;
    flex: 0 1;
    margin: 0 0 auto;
    height: 3.5%;
    box-sizing: border-box;
    color: #000;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

.iPhone_iosToolbar__ehRvR {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.iPhone_iosToolbar__ehRvR div {
    width: 17%;
    margin: 2% 4% 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    align-content: center;
}

.trafficLights_trafficLights__hMGJZ {
    display: flex;
    flex-direction: row;
    gap: 7px;
}

.trafficLights_trafficLights__hMGJZ>* {
    border-radius: 100%;
    padding: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #0000000f;
    box-sizing: border-box;
    outline: none;
}

.trafficLights_trafficLightsStop__xUBKh {
    background-color: #ed6a5e;
}

.trafficLights_trafficLightsSlow__SRD7r {
    background-color: #f4bf4f;
}

.trafficLights_trafficLightsGo__HbEtn {
    background-color: #61c554;
}

.mac_mac__uA_7b {
    width: var(--mac-width);
    height: var(--mac-height);
    border-radius: var(--border-radius-400);
    box-shadow: var(--mac-shadow);
    padding: 0;
}

.mac_mac__uA_7b,
.safari_safari__I0PiI {
    display: block;
    max-width: 100%;
    margin: auto;
    box-sizing: border-box;
    transform: translateZ(0);
    background: #fff;
    overflow: hidden;
    position: relative;
}

.safari_safari__I0PiI {
    width: var(--safari-width);
    height: var(--safari-height);
    border-radius: var(--border-radius-700);
    box-shadow: var(--safari-shadow);
}

.safari_safariChrome__Ftn0Q {
    height: auto;
    font-size: 0;
    width: 100%;
    box-sizing: border-box;
}

.safari_image__xtsxQ {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.Spacer_spacer__Hz1_q {
    width: 100%;
}

.align_align__oykj6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.spacing_marginM__3xrPl {
    margin: var(--spacing-m) 0;
}

.spacing_marginL__n4bMN {
    margin: var(--spacing-l) 0;
}

.spacing_paddingM__pkYk1 {
    padding: var(--spacing-m) 0;
}

.contain_contain__UHpdg {
    padding: 0 var(--base-padding);
}

.input_root__sj8RO {
    --text-before-gap: 0px;
    --text-after-gap: 0px;
    font: var(--typography-sans-200-regular-font-weight) var(--typography-sans-200-regular-font-size)/var(--typography-sans-200-regular-line-height) var(--typography-sans-200-regular-font-family);
    font-variation-settings: "wght" var(--typography-sans-200-regular-font-weight-variable);
    letter-spacing: var(--typography-sans-200-regular-letter-spacing);
    position: relative;
}

.input_root__sj8RO.input_sizeMedium__Y3knn {
    --input-padding-vertical: 7px;
    --input-padding-horizontal: 10px;
}

.input_input__PoidJ {
    font: var(--typography-sans-200-regular-font-weight) var(--typography-sans-200-regular-font-size)/var(--typography-sans-200-regular-line-height) var(--typography-sans-200-regular-font-family);
    font-variation-settings: "wght" var(--typography-sans-200-regular-font-weight-variable);
    letter-spacing: var(--typography-sans-200-regular-letter-spacing);
    appearance: none;
    color: var(--color-text-dark);
    border: 1px solid var(--color-black-100);
    border-radius: var(--border-radius-300);
    position: relative;
    background: var(--input-background-color);
    cursor: text;
    height: 100%;
    width: 100%;
    outline: none;
    padding: var(--input-padding-vertical) var(--input-padding-horizontal);
    padding-left: calc(var(--input-padding-horizontal) + var(--before-width) + var(--text-before-gap));
    padding-right: calc(var(--input-padding-horizontal) + var(--after-width) + var(--text-after-gap));
}

.input_input__PoidJ:focus {
    box-shadow: inset 0 0 0 1px #2383e291, 0 0 0 2px #2383e259;
}

.signupInput_signupWrap__RsFnO {
    max-width: 550px;
    width: 100%;
}

.signupInput_signup__Gzgnd {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.signupInput_signupButtonWrap__py78I {
    min-width: 32%;
}

.signupInput_signupButtonWrap__py78I>* {
    width: 100%;
}

.apps_desktopApps__pd84F {
    display: none;
}

.apps_mobileApps__lZGKY {
    display: block;
}

.apps_mobileWrap__REmT_ {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

@media (min-width:1080px) {
    .apps_desktopApps__pd84F {
        display: block;
    }

    .apps_mobileApps__lZGKY {
        display: none;
    }
}

.apps_grid__9__Nv {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 60px;
}

.apps_subtextWrap__t8Ts_ {
    margin-top: 40px;
    border-top: 1px solid var(--border-color-regular);
    padding-top: 30px;
    display: flex;
}

.apps_gridItem__KQLAu {
    position: relative;
    display: flex;
    flex-direction: column;
}

.apps_subtextItem__brWck {
    font: var(--typography-sans-150-regular-font-weight) var(--typography-sans-150-regular-font-size)/var(--typography-sans-150-regular-line-height) var(--typography-sans-150-regular-font-family);
    font-variation-settings: "wght" var(--typography-sans-150-regular-font-weight-variable);
    letter-spacing: var(--typography-sans-150-regular-letter-spacing);
    color: var(--text-color-medium);
    margin-right: 30px;
}

.apps_buttonSpacer__9eVog {
    height: 100%;
    width: 20px;
}

.subtitle_subtitle__SSmaH {
    margin-top: 8px;
    margin-bottom: 0;
    font-family: var(--font-family-sans);
    font-weight: var(--typography-sans-400-regular-font-weight);
    font-size: var(--typography-sans-200-regular-font-size);
    line-height: var(--typography-sans-200-regular-line-height);
    letter-spacing: var(--typography-sans-200-bold-letter-spacing);
    color: var(--color-text-medium);
}

@media (min-width:600px) {
    .subtitle_subtitle__SSmaH {
        font-size: var(--typography-sans-300-regular-font-size);
    }
}

.appsSection_mobileTitle__uP3y7 {
    display: block;
}

.appsSection_desktopTitle__M46Wh {
    display: none;
}

@media (min-width:1080px) {
    .appsSection_mobileTitle__uP3y7 {
        display: none;
    }

    .appsSection_desktopTitle__M46Wh {
        display: block;
    }
}

.appsSection_mobileSubtitle__jze5v {
    display: block;
}

.appsSection_desktopSubtitle__ywR25 {
    display: none;
}

@media (min-width:1080px) {
    .appsSection_mobileSubtitle__jze5v {
        display: none;
    }

    .appsSection_desktopSubtitle__ywR25 {
        display: block;
    }
}

.resizable_resizableComponent__uWzcr {
    width: 100%;
    max-width: var(--resizable-width);
    max-height: var(--resizable-height);
    height: auto;
    transform: translateZ(0);
    position: relative;
    display: block;
    overflow: hidden;
}

.resizable_resizableComponentContainer__AQz9T {
    width: var(--resizable-width);
    height: var(--resizable-height);
    box-sizing: border-box;
    will-change: transform;
    transform-origin: left top;
}

.HeadingBlock_headingBlock__6rFNX {
    position: relative;
    display: block;
    white-space: pre-wrap;
    word-break: break-word;
    color: #37352f;
    margin-bottom: 5px;
}

.HeadingBlock_headingH1__rVIP9 {
    font-weight: 700;
    line-height: 1.2;
    font-size: 40px;
    letter-spacing: -.5px;
}

.HeadingBlock_headingH2__JZyHn {
    margin-top: 24px;
    padding: 3px 2px;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1.3;
    letter-spacing: -.5px;
}

.dynamicScreenshots_dynamicScreenshot__3wGMA {
    all: revert;
    max-width: var(--dynamic-screenshot-width);
    transform: translateZ(0);
    position: relative;
    background: #fff;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: default;
    speak: none;
}

.dynamicScreenshots_appPlayground__FU9rY {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    align-content: flex-start;
    background: #fff;
}

.dynamicScreenshots_appPlaygroundContainer__x7_oz {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    flex: 1 1;
    overflow: hidden;
}

.dynamicScreenshots_appPlaygroundMain__aN6b7 {
    flex: 3 1;
    width: 100%;
    max-height: 100%;
    position: relative;
}

.dynamicScreenshots_appPlaygroundMain__aN6b7.dynamicScreenshots_withSidebar__IZs0o {
    width: 80%;
}

.dynamicScreenshots_appDocumentChildren__W1B2H {
    display: flex;
    flex-direction: column;
}

.dynamicScreenshots_appToolbar___84qf {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    height: 38px;
    box-sizing: border-box;
    flex: 0 0 auto;
    color: #37352f;
}

.dynamicScreenshots_appToolbar___84qf>* {
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    fill: #37352f;
}

.dynamicScreenshots_appDocument__tqULt,
.dynamicScreenshots_appToolbar___84qf * {
    color: #37352f;
    font-weight: 400;
    line-height: 1.2;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol;
}

.dynamicScreenshots_appDocument__tqULt {
    position: relative;
    z-index: 2;
    flex: 2 1;
    max-width: 100%;
    height: 100%;
    width: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 35px 125px 0;
    box-sizing: border-box;
    font-size: 16px;
}

.dynamicScreenshots_appDocumentFamilyDefault__AKgte,
.dynamicScreenshots_appDocumentFamilyDefault__AKgte>* {
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol;
}

.dynamicScreenshots_appDocument__tqULt.dynamicScreenshots_condensed__L4naZ {
    height: calc(100% - 35px);
    padding: 35px 0 0;
}

.dynamicScreenshots_appDocument__tqULt.dynamicScreenshots_condensed__L4naZ>* {
    margin-left: 25px;
    margin-right: 25px;
}

.dynamicScreenshots_appDocumentIcon__Yq_Uo {
    width: 140px;
    margin-bottom: 32px;
    position: relative;
}

.dynamicScreenshots_appToolbarBottom__VY8ut {
    height: 90px;
    padding: 22px 61px 0;
    box-sizing: border-box;
    position: absolute;
    border-top: 1px solid #e3e1e0;
    background: #f7f7f5;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    fill: #37352f;
}

.dynamicScreenshots_appToolbarLeft__S_hcy {
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    fill: #37352f;
    color: #37352f;
    font-weight: 400;
    line-height: 1.2;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol;
}

.dynamicScreenshots_breadcrumb__dBxaY {
    letter-spacing: -.1px;
    margin-left: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dynamicScreenshots_documentImage__VNhE3 {
    position: relative;
    width: 16px;
    margin-right: 4px;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dynamicScreenshots_appToolbarRight__i0Hg_ {
    gap: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    fill: #37352f;
    color: #37352f;
    font-weight: 400;
    line-height: 1.2;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol;
}

.dynamicScreenshots_appToolbarShare__JF0e_ {
    letter-spacing: -.1px;
    margin-right: 12px;
    margin-bottom: 3px;
}

.dynamicScreenshots_appToolbarMobile__meGzS {
    gap: 5px;
    display: flex;
    width: calc(24px + 100%);
    margin-left: -12px;
    margin-right: -12px;
    box-sizing: border-box;
    padding: 18px 6px 12px;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #e3e1e0;
    font-size: 16px;
    fill: #37352f;
    color: #37352f;
    font-weight: 400;
    line-height: 1.2;
    font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol;
}

.dynamicScreenshots_documentName__ZD23L {
    padding: 0 5px;
    box-sizing: border-box;
    flex: 1 1;
    text-align: left;
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dynamicScreenshots_image__hkwT5 {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.teamspacesIcon_teamspacesIcon__3YrgI {
    display: flex;
    width: 20px;
    height: 20px;
    padding: 2px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px;
    margin-right: 8px;
    text-align: center;
    flex-shrink: 0;
    color: var(--teamspaces-icon-color);
    background: var(--teamspaces-icon-background-color, #37352f17);
    border-radius: 3px;
}

.sidebarAccount_sidebarUiAccount__F2vfO {
    color: #37352f;
    fill: #37352f;
    display: flex;
    align-items: center;
    min-width: 0;
    height: 47px;
    width: 100%;
    margin-bottom: 0;
}

.sidebarAccount_sidebarUiAccountIcon__ruF0U {
    width: 14px;
    height: 14px;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.sidebarAccount_sidebarUiAction__iIzK0 {
    display: flex;
    align-items: center;
    min-height: 27px;
    padding: 2px 0;
    width: 100%;
    box-sizing: border-box;
}

.sidebarAccount_sidebarUiAction__iIzK0 span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebarTitle_sidebarTitle__8MWsl {
    font-size: 11.5px;
    letter-spacing: .03em;
    line-height: 1;
    color: #37352f80;
    font-weight: 600;
    padding: 0 12px;
    margin: 16px 0 8px;
}

.Sidebars_sidebarToolbar__qnEY9 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    height: 40px;
    box-sizing: border-box;
    flex: 0 0 auto;
}

.Sidebars_sidebarContent__7E9jy {
    height: 100%;
    overflow: hidden;
    padding: 2px 0;
    width: 100%;
}

.Sidebars_sidebarChildren__F__V7,
.Sidebars_sidebarContent__7E9jy {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    box-sizing: border-box;
}

.Sidebars_sidebarUi__MXhgc {
    font-size: 14px;
    margin-bottom: 14px;
    padding: 0 14px;
}

.Sidebars_sidebarUiAction__9OqCd {
    display: flex;
    align-items: center;
    min-height: 27px;
    padding: 2px 0;
    width: 100%;
    box-sizing: border-box;
}

.Sidebars_sidebarUiAction__9OqCd span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Sidebars_sidebarAnchor__fN8NU {
    position: sticky;
    top: 0;
    align-self: flex-end;
    justify-items: flex-start;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: flex-start;
    text-align: left;
    min-height: 45px;
    padding: 2px 14px;
    width: 100%;
    height: 45px;
    font-size: 14px;
    box-shadow: 0 -1px 0 #37352f17;
    box-sizing: border-box;
}

.sidebarTeamspace_sidebarTeamspace__GWkIT {
    max-width: 100%;
    width: calc(100% - 8px);
    margin: 2px 4px;
    display: flex;
    flex: 0 1;
    flex-direction: row;
    align-content: center;
    align-items: center;
    align-self: flex-start;
    word-break: break-word;
    min-height: 30px;
    max-height: auto;
    padding: 6px 12px;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -.154px;
    color: #72706b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

.sidebarTeamspace_sidebarTeamspaceContent__P8Qki {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: column;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -.154px;
    color: #72706b;
}

.TextBlock_textBlock__P_nIr {
    max-width: 100%;
    width: 100%;
    padding: 1px 2px;
    font-size: 16px;
    line-height: 24px;
    font-weight: var(--text-block-font-weight);
    min-height: 30px;
    color: #000;
    box-sizing: border-box;
    position: relative;
    display: inline;
}

.TextBlock_textBlock__P_nIr>span:nth-of-type(1n+2) {
    margin-left: 8px;
}

.TextBlock_textBlockContent__bULTO {
    color: #37352f;
}

.TextBlock_textBlockContentUnderline___DpbN {
    text-decoration: underline;
}

.TextBlock_textBlockConstrained__3mLG_.TextBlock_textBlockContentUnderline___DpbN {
    -webkit-text-decoration-color: #37352f40;
    text-decoration-color: #37352f40;
}

.TextBlock_textBlockConstrained__3mLG_ {
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.HorizontalDividerBlock_horizontalDividerBlock__WomBQ {
    margin-top: 1px;
    margin-bottom: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    width: 100%;
    height: 13px;
    flex: 0 0 auto;
    color: #e4e3e2;
}

.HorizontalDividerBlock_horizontalDividerBlockLine__d8MPT {
    width: 100%;
    height: 1px;
    visibility: visible;
    border-bottom: 1px solid #37352f17;
}

.label_label__uz2yp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    box-sizing: border-box;
    height: 18px;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2em;
    color: var(--label-color, #183347);
    background-color: var(--label-background-color);
    margin: 0;
}

.SidebarTextBlock_sidebarTextBlock__U27k1 {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    word-break: break-word;
    padding: 3px 12px;
    margin: 1px 0;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

.SidebarTextBlock_sidebarTextBlockHovered__mdRUo {
    background: rgba(25, 23, 17, .075);
    border-radius: 3px;
}

.SidebarTextBlock_sidebarTextBlockEmoji__PVbD0,
.SidebarTextBlock_sidebarTextBlockIcon___8PNC {
    position: relative;
    width: 22px;
    height: 18px;
    font-size: 14px;
    margin-right: 4px;
    text-align: center;
    flex-shrink: 0;
}

.SidebarTextBlock_sidebarTextBlockIcon___8PNC {
    padding: 6px;
    width: 22px;
    height: 14px;
    display: block;
}

.SidebarTextBlock_sidebarTextBlockContent__brwyZ {
    color: #19171199;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SidebarTextBlock_image__nRMx1 {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.TileBlock_tileBlock__TjW3x {
    display: flex;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 0 0 1px #0f0f0f1a, 0 2px 4px #0f0f0f1a;
    border-radius: 3px;
    margin-top: 3px;
    margin-bottom: 12px;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.TileBlock_tileBlockTitle__qiBnT {
    padding: 8px 10px 10px;
    font-size: 14px;
    min-height: 21px;
    font-weight: 500;
    pointer-events: none;
}

.TileBlock_tileBlockTitle__qiBnT {
    max-width: 100%;
    width: auto;
    display: block;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.5;
}

.TileBlock_tileBlockLabels__S1au4 {
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 8px;
    gap: 4px;
}

.boardView_boardView__5VrFG {
    width: 100%;
    position: relative;
}

.boardView_boardViewUi__U9mWS {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    white-space: nowrap;
    height: 42px;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.2;
    color: #37352fa6;
    fill: #37352fa6;
}

.boardView_boardViewUi__U9mWS>div:first-of-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    margin-right: auto;
}

.boardView_boardViewContent__c0mO_ {
    display: grid;
    min-width: 640px;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4px 20px;
}

.boardView_boardViewContentUi__Vyvw5 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    color: #37352fa6;
    fill: #37352fa6;
    font-size: 14px;
}

.boardView_boardViewHeaders__6Acze {
    border-top: 1px solid #e9e9e7;
    padding-top: 8px;
    height: 42px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    min-width: 640px;
}

.boardView_boardViewHeaders__6Acze>div {
    width: 100%;
    flex: 1 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.boardView_boardViewHeaders__6Acze .boardView_contentLeft__rJXSZ,
.boardView_boardViewHeaders__6Acze .boardView_contentRight__orKkr {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    color: #37352fa6;
    fill: #37352fa6;
}

.boardView_bold__CaJxj {
    color: #37352f;
    fill: #37352f;
    font-weight: 600;
    height: 100%;
    display: block;
    border-bottom: 2px solid #37352f;
}

.boardView_selected__TishA {
    color: #2383e2;
}

.boardView_button__wvoev {
    height: 24px;
    border-radius: 3px;
    display: flex;
}

.boardView_buttonContent__KRpro {
    white-space: nowrap;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #fff;
    line-height: 1.2;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.boardView_buttonContent__KRpro,
.boardView_buttonIcon__l17An {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2383e2;
}

.boardView_buttonIcon__l17An {
    width: 24px;
    height: 24px;
    align-self: stretch;
    box-shadow: inset 1px 0 0 #37352f29;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dynamicScreenshotWrapper_dynamicScreenshotWrapper__2GEAc {
    width: 100%;
    height: 100%;
}

section {
    display: block;
}

a {
    background-color: #0000;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

button {
    -webkit-appearance: button;
    cursor: pointer;
}

input {
    line-height: normal;
}

*,
:after,
:before {
    box-sizing: border-box;
}

a {
    color: var(--color-text-dark);
}

svg {
    fill: currentColor;
}

::placeholder {
    color: var(--color-text-light, var(--color-gray-400));
    opacity: 1;
}

/*! CSS Used from: https://www.notion.so/_next/static/css/35f5d901da231561.css */
.notionDocumentAcmeHome_columnBlock__QI5UG {
    display: grid;
    grid-template-columns: calc(50% - 20px) calc(50% - 20px);
    gap: 40px;
}

.notionDocumentAcmeHome_columnBlock__QI5UG>* {
    display: flex;
    flex-direction: column;
}


.button_buttonSizeL__z8y6s {
    min-height: 36px;
    padding: .25rem .875rem;
    font-size: var(--typography-sans-200-regular-font-size);
    line-height: var(--typography-sans-200-regular-line-height);
    letter-spacing: var(--typography-sans-200-regular-letter-spacing);
    font-weight: 570;
}

.button_buttonVariantTertiary__lrfOH {
    color: var(--color-button-tertiary-text);
    background: var(--color-button-tertiary);
    border: 1px solid #00000026;
}

.button_buttonVariantTertiary__lrfOH:hover {
    background: var(--color-button-tertiary-hover);
}

.button_buttonVariantTertiary__lrfOH:active,
.button_buttonVariantTertiary__lrfOH:focus {
    background: var(--color-button-tertiary-active);
}

.button_buttonVariantTertiary__lrfOH:disabled {
    color: var(--color-text-light);
    background: none;
    border: 1px solid #0000001a;
    box-shadow: none;
    cursor: auto;
}

.NotionIconSvgWrapper_icon__In1uC {
    vertical-align: middle;
}

.typography_typography__Exx2D {
    margin: 0;
    font: var(--typography-font);
    font-variation-settings: var(--typography-font-variation-settings);
    letter-spacing: var(--typography-letter-spacing);
    color: var(--typography-color);
}

@media (min-width:600px) {
    .typography_typography__Exx2D {
        font: var(--typography-font-sm);
        font-variation-settings: var(--typography-font-variation-settings-sm);
        letter-spacing: var(--typography-letter-spacing-sm);
    }
}

.Spacer_spacer__Hz1_q {
    width: 100%;
}

.menu_menu__rkuLN {
    --translate-x: 0;
    --scale: 1;
    position: absolute;
    padding: 4px;
    margin: 0;
    list-style: none;
    border-radius: 5px;
    background: var(--color-navigation-dropdown);
    box-shadow: 0 4px 18px #0000000a, 0 2.025px 7.84688px rgba(0, 0, 0, .027), 0 .8px 2.925px #00000005, 0 .175px 1.04062px rgba(0, 0, 0, .013);
    z-index: 1000;
    width: max-content;
    transition: opacity .15s ease, transform .15s ease;
    transform: translateX(var(--translate-x)) scale(var(--scale));
    overflow: auto;
}

.menu_menu__rkuLN[hidden] {
    --scale: 0.97;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    display: block;
    visibility: hidden;
    opacity: 0;
}

.menu_menu__rkuLN.menu_placementBottomEnd__i5mbB {
    top: -1px;
    transform: translateY(-100%);
    left: 0;
    transform-origin: bottom left;
}

.menuItemLink_menuItemLink__Z27j2 {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    border-radius: 5px;
    padding: 4px 44px 4px 8px;
    min-width: 150px;
    cursor: pointer;
}

.menuItemLink_menuItemLink__Z27j2:active,
.menuItemLink_menuItemLink__Z27j2:hover {
    background: var(--color-navigation-dropdown-hover);
}

.menuItemLink_menuItemLink__Z27j2:focus:not(:focus-visible) {
    outline: 0;
}

.option_option__trhct {
    display: block;
    padding: 5px 8px;
    border-radius: var(--border-radius-300);
}

.option_label__gToxX {
    color: var(--color-text-dark);
}

.option_description__h9dkR {
    color: var(--color-text-medium);
}

.languagePicker_languagePicker__7tXbz {
    position: relative;
}

.languagePicker_languagePickerMenu__o5H7H {
    max-height: 350px;
}

.languagePickerButton_button__QWrdE {
    display: flex;
    align-items: center;
    gap: 6px;
}

.footer_addendum__i1N2u {
    margin-top: 36px;
    gap: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer_button__vbjiT {
    background: #0000;
    border: 0;
    padding: 0;
    text-align: left;
    height: auto;
    line-height: 1em;
    width: auto;
}

[hidden] {
    display: none;
}

a {
    background-color: #0000;
}

svg:not(:root) {
    overflow: hidden;
}


.mobileNav_menuDrawer__3cgLA {
    display: none; /* Hidden by default */
  }
  
  .mobileNav_isOpen__dtLzm .mobileNav_menuDrawer__3cgLA {
    display: block; /* Show when the menu is open */
  }
  

  /*! CSS Used from: https://www.notion.so/_next/static/css/fcdcfe31d7402fbd.css */
.trafficLights_trafficLights__hMGJZ{display:flex;flex-direction:row;gap:7px;}
.trafficLights_trafficLights__hMGJZ>*{border-radius:100%;padding:0;width:12px;height:12px;border:1px solid #0000000f;box-sizing:border-box;outline:none;}
.trafficLights_trafficLightsStop__xUBKh{background-color:#ed6a5e;}
.trafficLights_trafficLightsSlow__SRD7r{background-color:#f4bf4f;}
.trafficLights_trafficLightsGo__HbEtn{background-color:#61c554;}
.mac_mac__uA_7b{width:var(--mac-width);height:var(--mac-height);border-radius:var(--border-radius-400);box-shadow:var(--mac-shadow);padding:0;}
.mac_mac__uA_7b{display:block;max-width:100%;margin:auto;box-sizing:border-box;transform:translateZ(0);background:#fff;overflow:hidden;position:relative;}
.resizable_resizableComponent__uWzcr{width:100%;max-width:var(--resizable-width);max-height:var(--resizable-height);height:auto;transform:translateZ(0);position:relative;display:block;overflow:hidden;}
.resizable_resizableComponentContainer__AQz9T{width:var(--resizable-width);height:var(--resizable-height);box-sizing:border-box;will-change:transform;transform-origin:left top;}
.sectionLayout_sectionMedia__y3Xd_{margin-top:40px;}
.HeadingBlock_headingBlock__6rFNX{position:relative;display:block;white-space:pre-wrap;word-break:break-word;color:#37352f;margin-bottom:5px;}
.HeadingBlock_headingH1__rVIP9{font-weight:700;line-height:1.2;font-size:40px;letter-spacing:-.5px;}
.dynamicScreenshots_dynamicScreenshot__3wGMA{all:revert;max-width:var(--dynamic-screenshot-width);transform:translateZ(0);position:relative;background:#fff;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;cursor:default;speak:none;}
.dynamicScreenshots_appPlayground__FU9rY{width:100%;height:100%;padding:0;margin:0;display:flex;position:relative;overflow:hidden;flex-direction:column;align-content:flex-start;background:#fff;}
.dynamicScreenshots_appPlaygroundContainer__x7_oz{display:flex;flex-direction:row;align-content:flex-start;flex:1 1;overflow:hidden;}
.dynamicScreenshots_appPlaygroundMain__aN6b7{flex:3 1;width:100%;max-height:100%;position:relative;}
.dynamicScreenshots_appDocumentChildren__W1B2H{display:flex;flex-direction:column;}
.dynamicScreenshots_appToolbar___84qf{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px;height:38px;box-sizing:border-box;flex:0 0 auto;color:#37352f;}
.dynamicScreenshots_appToolbar___84qf>*{gap:5px;display:flex;flex-direction:row;align-items:center;font-size:14px;fill:#37352f;}
.dynamicScreenshots_appDocument__tqULt,.dynamicScreenshots_appToolbar___84qf *{color:#37352f;font-weight:400;line-height:1.2;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;}
.dynamicScreenshots_appDocument__tqULt{position:relative;z-index:2;flex:2 1;max-width:100%;height:100%;width:auto;overflow:hidden;display:flex;flex-direction:column;padding:35px 125px 0;box-sizing:border-box;font-size:16px;}
.dynamicScreenshots_appDocumentFamilyDefault__AKgte,.dynamicScreenshots_appDocumentFamilyDefault__AKgte>*{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;}
.dynamicScreenshots_appToolbarLeft__S_hcy{gap:5px;display:flex;flex-direction:row;align-items:center;font-size:14px;fill:#37352f;color:#37352f;font-weight:400;line-height:1.2;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;}
.dynamicScreenshots_breadcrumb__dBxaY{letter-spacing:-.1px;margin-left:4px;display:flex;flex-direction:row;align-items:center;}
.dynamicScreenshots_appToolbarRight__i0Hg_{gap:5px;display:flex;flex-direction:row;align-items:center;font-size:14px;fill:#37352f;color:#37352f;font-weight:400;line-height:1.2;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;}
.dynamicScreenshots_appToolbarShare__JF0e_{letter-spacing:-.1px;margin-right:12px;margin-bottom:3px;}
.label_label__uz2yp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;height:18px;border-radius:3px;padding:3px 6px;font-size:14px;font-weight:500;line-height:1.2em;color:var(--label-color,#183347);background-color:var(--label-background-color);margin:0;}
.TileBlock_tileBlock__TjW3x{display:flex;flex-direction:column;color:inherit;text-decoration:none;box-shadow:0 0 0 1px #0f0f0f1a,0 2px 4px #0f0f0f1a;border-radius:3px;margin-top:3px;margin-bottom:12px;background:#fff;overflow:hidden;position:relative;}
.TileBlock_tileBlockTitle__qiBnT{padding:8px 10px 10px;font-size:14px;min-height:21px;font-weight:500;pointer-events:none;}
.TileBlock_tileBlockTitle__qiBnT{max-width:100%;width:auto;display:block;white-space:pre-wrap;word-break:break-word;line-height:1.5;}
.TileBlock_tileBlockLabels__S1au4{display:flex;flex-wrap:wrap;padding-left:10px;padding-right:10px;padding-bottom:8px;gap:4px;}
.boardView_boardView__5VrFG{width:100%;position:relative;}
.boardView_boardViewUi__U9mWS{width:100%;position:relative;display:flex;flex-direction:row;gap:12px;align-items:center;white-space:nowrap;height:42px;margin-top:12px;font-size:14px;line-height:1.2;color:#37352fa6;fill:#37352fa6;}
.boardView_boardViewUi__U9mWS>div:first-of-type{display:flex;flex-direction:row;align-items:center;gap:6px;margin-right:auto;}
.boardView_boardViewContent__c0mO_{display:grid;min-width:640px;grid-template-columns:repeat(3,1fr);grid-gap:4px 20px;}
.boardView_boardViewContentUi__Vyvw5{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:10px;color:#37352fa6;fill:#37352fa6;font-size:14px;}
.boardView_boardViewHeaders__6Acze{border-top:1px solid #e9e9e7;padding-top:8px;height:42px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:20px;min-width:640px;}
.boardView_boardViewHeaders__6Acze>div{width:100%;flex:1 1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}
.boardView_boardViewHeaders__6Acze .boardView_contentLeft__rJXSZ,.boardView_boardViewHeaders__6Acze .boardView_contentRight__orKkr{display:flex;flex-direction:row;align-items:center;gap:8px;color:#37352fa6;fill:#37352fa6;}
.boardView_bold__CaJxj{color:#37352f;fill:#37352f;font-weight:600;height:100%;display:block;border-bottom:2px solid #37352f;}
.boardView_selected__TishA{color:#2383e2;}
.boardView_button__wvoev{height:24px;border-radius:3px;display:flex;}
.boardView_buttonContent__KRpro{white-space:nowrap;border-top-left-radius:3px;border-bottom-left-radius:3px;color:#fff;line-height:1.2;padding-left:8px;padding-right:8px;font-size:14px;font-weight:500;position:relative;}
.boardView_buttonContent__KRpro,.boardView_buttonIcon__l17An{cursor:pointer;display:flex;align-items:center;justify-content:center;background:#2383e2;}
.boardView_buttonIcon__l17An{width:24px;height:24px;align-self:stretch;box-shadow:inset 1px 0 0 #37352f29;border-top-right-radius:3px;border-bottom-right-radius:3px;}
.dynamicScreenshotWrapper_dynamicScreenshotWrapper__2GEAc{width:100%;height:100%;}
section{display:block;}
svg:not(:root){overflow:hidden;}
*,:after,:before{box-sizing:border-box;}
svg{fill:currentColor;}
::placeholder{color:var(--color-text-light,var(--color-gray-400));opacity:1;}


@media (max-width: 1080px) {
    .mobile-hidden{
        display: none;
    }
  }


  .InlineTextLink_inlineLink__oN8YM {
    text-decoration: none;
  }