{"version":3,"file":"3001.646f942f471e69d4adfd.css","mappings":"AAAA,kBACI,aACA,YACA,YACA,sBACA,mBACA,uBACA,YACA,kBAGJ,wBACI,aACA,gBACA,mBACA,+BACA,eACA,gBACA,uBACA,iBAGJ,uBACI,mBACA,kDACA,eACA,iBAEA,gCACI,gBAIR,0BACI,gBACA,eACA,iB;ACgVJ,wCACI,IACI,sBAGJ,KACI,qBAgBR,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCCxZR,uBD6JI,kBACA,oBACA,mBACA,uBACA,wCACA,kBACA,oCACA,uBACA,gBACA,6BA4DA,YACA,eACA,eACA,iBCjOA,gBACA,YACA,yDACA,kDACA,qBDgKA,6BACI,kDAGJ,8BACI,kDAGJ,6BACI,sBACA,mDACA,aAGJ,gCACI,mDACA,kDACA,mBAGJ,yBACI,aACA,eCpLJ,wCACI,cAGJ,wFAGI,0BAGJ,oDACI,gB;AD0VR,wCACI,IACI,sBAGJ,KACI,qBAgBR,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCExZR,gBACI,iBAEA,yBACI,sCACA,eACA,iBAGJ,sBACI,iBFsOJ,YACA,gBACA,wBACA,eACA,gBACA,iBAEA,qFAGI,+BAGJ,+BACI,kDACA,mBACA,qBEhPR,qCAEQ,yBACI,c;ACrBZ,uBACI,aACA,gBACA,iBACA,uBACA,YACA,gBAEA,kDACI,kBAGJ,oDACI,oCACA,uBACA,eACA,gBACA,uBACA,iBACA,kBAGJ,sDACI,kDACA,eACA,gBACA,iBACA,kBAGJ,4DACI,aACA,OACA,gBAIR,qCACI,uBACI,WACA,gB;ACxCR,aACI,aACA,uBACA,gBACA,mBAEA,mBACI,gBACA,kDACA,eACA,kBACA,gBACA,iBAEA,2BACI,cACA,kC;ACfR,uCACI,SACA,WACA,0CACA,kDACA,eACA,eACA,iBAEA,gDACI,uBACA,kDACA,mBAIR,4CACI,gB;AL+VR,wCACI,IACI,sBAGJ,KACI,qBAgBR,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCMxZR,aACI,aACA,sBACA,YAEA,iCACI,aACA,sBACA,qBAEA,yBALJ,iCAMQ,YAIR,yCACI,mBAGJ,kCACI,aACA,mBACA,OACA,mBACA,uBAEA,wDACI,aACA,gBACA,iBACA,uBAEA,oFACI,oCACA,uBACA,eACA,gBACA,uBACA,iBACA,kBAGJ,uFACI,kDACA,eACA,gBACA,iBACA,kBAIR,gEACI,oBACA,kDACA,eACA,gBACA,iBAGJ,uDACI,aACA,YACA,iBACA,sBAEA,kFACI,mBACA,oCACA,uBACA,eACA,gBACA,uBACA,iBAGJ,gFACI,kBACA,oBAEA,oFACI,kBACA,UACA,cACA,YACA,cAIR,uEACI,UAEA,wFACI,kBAEA,oPAEI,kBAIR,qGACI,gBAGJ,0GACI,iBACA,kBACA,kBACA,mBAIR,2EACI,gBAIR,oDACI,YACA,sBACA,6DACA,kBACA,iBACA,0CACA,8BAEA,+DNiQR,4EACA,2BACA,mBACA,+BMhQQ,8EACI,aACA,OACA,iBACA,kBACA,YACA,gBAEA,sGACI,kCACA,yBACA,eACA,kBACA,gBACA,iBAGJ,gOAEI,aAGJ,uGACI,mBAIA,0ZAGI,gBAGJ,iHACI,gBACA,mBACA,kDACA,wBACA,eACA,kBACA,gBACA,iBAEA,6HACI,cACA,kCAIR,0IN5DhB,kBACA,oBACA,mBACA,uBACA,SACA,kBACA,4BACA,0BACA,gBACA,6BAyGA,YACA,eACA,eACA,iBMrDoB,WACA,gBNtDpB,gJACI,4FAGJ,iJACI,4FAGJ,gJACI,sBACA,mDACA,aAGJ,6KACI,uDACA,kDACA,mBAGJ,4IACI,aACA,eMoCQ,6GACI,aACA,WACA,uBACA,cACA,uDACA,kBAEA,kJACI,eACA,0CACA,kDACA,eACA,cAIR,mHACI,aACA,OACA,eACA,8BACA,eACA,YAEA,0HACI,sBACA,gBACA,aAIR,0GACI,gBACA,kDACA,eACA,iBAEA,4GNchB,YACA,gBACA,wBACA,eACA,gBACA,iBMhBoB,eNkBpB,uVAGI,+BAGJ,qHACI,kDACA,mBACA,qBMrBA,wEACI,OAEA,0JAEI,gBAGJ,0JAEI,gBAGJ,4EACI,gBAGJ,0EACI,WACA,SACA,kDACA,eACA,gBACA,iBACA,qBACA,sBAIR,wEACI,aACA,OACA,uBAEA,2GNtJR,kBACA,oBACA,mBACA,uBACA,SACA,kBACA,4BACA,0BACA,gBACA,6BAkGA,YACA,eACA,eACA,iBAnGA,iHACI,4FAGJ,kHACI,4FAGJ,iHACI,sBACA,mDACA,aAGJ,8IACI,uDACA,kDACA,mBAGJ,6GACI,aACA,eM6HR,sCAEQ,mKAGI,YAGJ,kFACI,oBACA,iBAKZ,sCAEQ,yCACI,mBAGJ,kCACI,sBAEA,mKAGI,YAGJ,uDACI,kBACA,aAEA,kFACI,gBACA,eACA,iBAGJ,qFACI,UACA,SAGJ,gFACI,aAGJ,uEACI,aAIR,oDACI,YACA,SACA,uBACA,gBAEA,8EACI,kBAEA,sGACI,aAGJ,uGACI,gBAIA,wIACI,aAGJ,0ZAGI,0CAOJ,sHACI,cACA,eACA,iBAGJ,gQAEI,cACA,gBACA,iBAS5B,qCACI,aACI,cAEA,kCACI,gBAEA,4GAEI,WAGJ,uDACI,WACA,sBACA,aAEA,kFACI,gBACA,eACA,kB","sources":["webpack://mattermost-webapp/./src/components/desktop_auth_token.scss","webpack://mattermost-webapp/./src/sass/utils/_mixins.scss","webpack://mattermost-webapp/./src/components/external_login_button/external_login_button.scss","webpack://mattermost-webapp/./src/components/header_footer_route/content_layouts/alternate_link.scss","webpack://mattermost-webapp/./src/components/header_footer_route/content_layouts/column.scss","webpack://mattermost-webapp/./src/components/widgets/inputs/check/check.scss","webpack://mattermost-webapp/./src/components/widgets/inputs/password_input/password_input.scss","webpack://mattermost-webapp/./src/components/signup/signup.scss"],"sourcesContent":[".DesktopAuthToken {\n    display: flex;\n    width: 540px;\n    height: 80vh;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    margin: auto;\n    text-align: center;\n}\n\n.DesktopAuthToken__main {\n    display: flex;\n    margin-top: auto;\n    margin-bottom: 14px;\n    color: var(--sidebar-header-bg);\n    font-size: 40px;\n    font-weight: 600;\n    letter-spacing: -0.02em;\n    line-height: 48px;\n}\n\n.DesktopAuthToken__sub {\n    margin-bottom: 24px;\n    color: rgba(var(--center-channel-color-rgb), 0.75);\n    font-size: 18px;\n    line-height: 28px;\n\n    &.complete {\n        max-width: 442px;\n    }\n}\n\n.DesktopAuthToken__bottom {\n    margin-top: auto;\n    font-size: 16px;\n    line-height: 24px;\n}\n","@charset \"utf-8\";\n\n@mixin file-icon($path) {\n    background-image: url($path);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 32px 40px;\n}\n\n@mixin alpha-property($property, $color, $opacity) {\n    #{$property}: rgba($color, $opacity);\n}\n\n@mixin font-smoothing($value: antialiased) {\n    @if $value == antialiased {\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n    }\n\n    @else {\n        -webkit-font-smoothing: subpixel-antialiased;\n        -moz-osx-font-smoothing: auto;\n    }\n}\n\n@mixin cursor($value) {\n    cursor: -webkit-$value;\n    cursor: zoom-$value;\n}\n\n// From https://gist.github.com/kaelig/7528069\n@mixin text-clamp($lines: 2, $line-height: false) {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: $lines;\n\n    // Fallback for non-Webkit browsers\n    // (won't show `…` at the end of the block)\n    @if $line-height {\n        max-height: $line-height * $lines * 1px;\n    }\n}\n\n@mixin button-style--none {\n    padding: 0;\n    border: none;\n    background: transparent;\n\n    &:focus {\n        outline: 0;\n        text-decoration: none;\n    }\n\n    &.btn {\n        padding: 6px 12px;\n    }\n\n    &.btn--block {\n        width: 100%;\n        text-align: left;\n    }\n\n    &:hover,\n    &:active {\n        text-decoration: none;\n    }\n}\n\n@mixin fit-content {\n    width: fit-content;\n    width: -moz-fit-content;\n}\n\n@mixin clearfix {\n    overflow: hidden;\n}\n\n@mixin pie-clearfix {\n    &::after {\n        display: table;\n        clear: both;\n        content: \"\";\n    }\n}\n\n@mixin tertiary-button {\n    display: inline-flex;\n    align-items: center;\n    border: 0;\n    border-radius: 4px;\n    background: rgba(var(--button-bg-rgb), 0.08);\n    color: var(--button-bg);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:disabled {\n        background: rgba(var(--center-channel-color-rgb), 0.08);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n    }\n\n    &:hover:enabled {\n        background: rgba(var(--button-bg-rgb), 0.12);\n    }\n\n    &:active:enabled {\n        background: rgba(var(--button-bg-rgb), 0.16);\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n\n        &:first-child::before {\n            margin: 0 7px 0 0;\n        }\n\n        &:last-child::before {\n            margin: 0 0 0 7px;\n        }\n    }\n}\n\n@mixin primary-button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    border-radius: 4px;\n    background: var(--button-bg);\n    color: var(--button-color);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:hover {\n        background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), var(--button-bg);\n    }\n\n    &:active {\n        background: linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)), var(--button-bg);\n    }\n\n    &:focus {\n        box-sizing: border-box;\n        border: 2px solid var(--sidebar-text-active-border);\n        outline: none;\n    }\n\n    &:disabled:not(.always-show-enabled) {\n        background: rgba(var(--center-channel-color-rgb), 0.08);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n    }\n}\n\n@mixin secondary-button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--denim-button-bg);\n    border-radius: 4px;\n    background: var(--center-channel-bg);\n    color: var(--button-bg);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:hover {\n        background: rgba(var(--denim-button-bg-rgb), 0.08);\n    }\n\n    &:active {\n        background: rgba(var(--denim-button-bg-rgb), 0.16);\n    }\n\n    &:focus {\n        box-sizing: border-box;\n        border: 2px solid var(--sidebar-text-active-border);\n        outline: none;\n    }\n\n    &:disabled {\n        border: rgba(var(--center-channel-color-rgb), 0.32);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n    }\n}\n\n@mixin button-focus {\n    &:focus {\n        border-width: 0;\n        box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n    }\n\n    &:focus:not(:focus-visible) {\n        border-width: 0;\n        box-shadow: none;\n    }\n\n    &:focus-visible {\n        border-width: 0;\n        box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n    }\n}\n\n@mixin button-xsmall {\n    height: 24px;\n    padding: 4px 6px;\n    font-size: 11px;\n    line-height: 16px;\n}\n\n@mixin button-small {\n    height: 32px;\n    padding: 0 16px;\n    font-size: 12px;\n    line-height: 10px;\n}\n\n@mixin button-medium {\n    height: 40px;\n    padding: 0 20px;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n@mixin button-large {\n    height: 48px;\n    padding: 0 24px;\n    font-size: 16px;\n    line-height: 18px;\n}\n\n@mixin link {\n    border: none;\n    box-shadow: none;\n    color: var(--link-color);\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n\n    &:hover,\n    &:active,\n    &:focus {\n        text-decoration-line: underline;\n    }\n\n    &:disabled {\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n        text-decoration: none;\n    }\n}\n\n@mixin icon-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    border-radius: 4px;\n    background: none;\n    color: rgba(var(--center-channel-color-rgb), 0.64);\n\n    &:focus,\n    &:focus-within {\n        box-sizing: border-box;\n        border: 2px solid rgba(var(--denim-button-bg-rgb), 0.32);\n        box-shadow: none;\n        outline: none;\n    }\n\n    &:hover {\n        border: 0;\n        background: rgba(var(--center-channel-color-rgb), 0.08);\n        color: rgba(var(--center-channel-color-rgb), 0.8);\n    }\n\n    &:active {\n        border: 0;\n        background: rgba(var(--button-bg-rgb), 0.08);\n        color: var(--button-bg);\n    }\n\n    &:disabled {\n        background: none;\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n    }\n}\n\n@mixin icon-button-small-compact {\n    width: 28px;\n    height: 28px;\n    padding: 6px;\n    font-size: 16px;\n}\n\n@mixin simple-in-and-out-after($classPrefix, $transition_time: 300ms) {\n    .#{$classPrefix}--enter-from-after {\n        &-enter {\n            transform: translateY(-100vh);\n        }\n\n        &-enter-active {\n            transform: translateY(0);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-enter-done {\n            transform: translateY(0);\n        }\n    }\n\n    .#{$classPrefix}--exit-to-after {\n        &-exit {\n            transform: translateY(0);\n        }\n\n        &-exit-active {\n            transform: translateY(-100vh);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-exit-done {\n            transform: translateY(-100vh);\n        }\n    }\n}\n\n@mixin simple-in-and-out-before($classPrefix, $transition_time: 300ms) {\n    .#{$classPrefix}--enter-from-before {\n        &-enter {\n            transform: translateY(100vh);\n        }\n\n        &-enter-active {\n            transform: translateY(0);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-enter-done {\n            transform: translateY(0);\n        }\n    }\n\n    .#{$classPrefix}--exit-to-before {\n        &-exit {\n            transform: translateY(0);\n        }\n\n        &-exit-active {\n            transform: translateY(100vh);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-exit-done {\n            transform: translateY(100vh);\n        }\n    }\n}\n\n@keyframes emphasis-sidebar-resize-line {\n    50% {\n        transform: scaleX(1.5);\n    }\n\n    100% {\n        transform: scaleX(1);\n    }\n}\n\n@mixin simple-in-and-out($classPrefix, $transition_time: 300ms) {\n    @include simple-in-and-out-before($classPrefix, $transition_time);\n    @include simple-in-and-out-after($classPrefix, $transition_time);\n}\n\n@mixin shake-horizontally {\n    animation: shake-horizontally 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n    backface-visibility: hidden;\n    perspective: 1000px;\n    transform: translate3d(0, 0, 0);\n}\n\n@keyframes shake-horizontally {\n    10%,\n    90% {\n        transform: translate3d(-1px, 0, 0);\n    }\n\n    20%,\n    80% {\n        transform: translate3d(2px, 0, 0);\n    }\n\n    30%,\n    50%,\n    70% {\n        transform: translate3d(-4px, 0, 0);\n    }\n\n    40%,\n    60% {\n        transform: translate3d(4px, 0, 0);\n    }\n}\n\n@mixin textEllipsis {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n@import 'utils/mixins';\n\n.external-login-button {\n    @include secondary-button;\n    @include button-medium;\n\n    min-width: 136px;\n    flex: 1 1 0%;\n    border-color: rgba(var(--center-channel-color-rgb), 0.16);\n    color: rgba(var(--center-channel-color-rgb), 0.75);\n    text-decoration: none;\n\n    &.direction-column {\n        flex: 1 0 auto;\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n        text-decoration-line: none;\n    }\n\n    .external-login-button-label {\n        margin-left: 7px;\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n@import 'utils/mixins';\n\n.alternate-link {\n    margin-left: auto;\n\n    &__message {\n        color: var(--center-channel-color-rgb);\n        font-size: 12px;\n        line-height: 16px;\n    }\n\n    &__link {\n        padding-left: 4px;\n\n        @include link;\n    }\n}\n\n@media screen and (max-width: 699px) {\n    .alternate-link {\n        &__message {\n            display: none;\n        }\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.content-layout-column {\n    display: flex;\n    max-width: 540px;\n    flex-flow: column;\n    justify-content: center;\n    border: none;\n    box-shadow: none;\n\n    .content-layout-column-svg {\n        align-self: center;\n    }\n\n    .content-layout-column-title {\n        color: var(--title-color-indigo-500);\n        font-family: Metropolis;\n        font-size: 40px;\n        font-weight: 600;\n        letter-spacing: -0.02em;\n        line-height: 48px;\n        text-align: center;\n    }\n\n    .content-layout-column-message {\n        color: rgba(var(--center-channel-color-rgb), 0.75);\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 24px;\n        text-align: center;\n    }\n\n    .content-layout-column-extra-content {\n        display: flex;\n        flex: 1;\n        margin-top: 30px;\n    }\n}\n\n@media screen and (max-width: 699px) {\n    .content-layout-column {\n        width: 100%;\n        padding: 0 40px;\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.check-input {\n    display: flex;\n    align-items: flex-start;\n    margin-top: 24px;\n    margin-bottom: 32px;\n\n    .text {\n        margin-left: 8px;\n        color: rgba(var(--center-channel-color-rgb), 0.75);\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 16px;\n\n        .header {\n            display: block;\n            color: var(--center-channel-color);\n        }\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.password-input {\n    .password-input-toggle {\n        border: 0;\n        margin: 3px;\n        background-color: var(--center-channel-bg);\n        color: rgba(var(--center-channel-color-rgb), 0.75);\n        cursor: pointer;\n        font-size: 18px;\n        line-height: 18px;\n\n        &:disabled {\n            background-color: unset;\n            color: rgba(var(--center-channel-color-rgb), 0.32);\n            cursor: not-allowed;\n        }\n    }\n\n    .password-input-with-toggle {\n        padding-right: 0;\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n@import 'utils/mixins';\n\n.signup-body {\n    display: flex;\n    flex-direction: column;\n    margin: auto;\n\n    .signup-body-action {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n\n        @media (max-width: 700px) {\n            width: 100%;\n        }\n    }\n\n    .signup-body-alternate-link {\n        margin-bottom: 18px;\n    }\n\n    .signup-body-content {\n        display: flex;\n        height: fit-content;\n        flex: 1;\n        align-items: center;\n        justify-content: center;\n\n        .signup-body-no-login {\n            display: flex;\n            max-width: 540px;\n            flex-flow: column;\n            justify-content: center;\n\n            .signup-body-no-login-title {\n                color: var(--title-color-indigo-500);\n                font-family: Metropolis;\n                font-size: 40px;\n                font-weight: 600;\n                letter-spacing: -0.02em;\n                line-height: 48px;\n                text-align: center;\n            }\n\n            .signup-body-no-login-subtitle {\n                color: rgba(var(--center-channel-color-rgb), 0.75);\n                font-size: 18px;\n                font-weight: 400;\n                line-height: 28px;\n                text-align: center;\n            }\n        }\n\n        .signup-body-message-subtitle {\n            padding-right: 170px;\n            color: rgba(var(--center-channel-color-rgb), 0.75);\n            font-size: 18px;\n            font-weight: 400;\n            line-height: 28px;\n        }\n\n        .signup-body-message {\n            display: flex;\n            width: 540px;\n            flex-flow: column;\n            align-self: flex-start;\n\n            .signup-body-message-title {\n                padding-right: 60px;\n                color: var(--title-color-indigo-500);\n                font-family: Metropolis;\n                font-size: 80px;\n                font-weight: 600;\n                letter-spacing: -0.01em;\n                line-height: 88px;\n            }\n\n            .signup-body-message-svg {\n                position: relative;\n                align-self: flex-end;\n\n                svg {\n                    position: absolute;\n                    z-index: 2;\n                    bottom: -220px;\n                    left: -267px;\n                    display: block;\n                }\n            }\n\n            &.custom-branding {\n                padding: 0;\n\n                &.with-brand-image {\n                    align-self: center;\n\n                    .signup-body-message-subtitle,\n                    .signup-body-custom-branding-markdown {\n                        text-align: center;\n                    }\n                }\n\n                .signup-body-message-subtitle {\n                    padding-right: 0;\n                }\n\n                .signup-body-custom-branding-image {\n                    max-height: 540px;\n                    align-self: center;\n                    border-radius: 8px;\n                    margin-bottom: 28px;\n                }\n            }\n\n            &.with-alternate-link {\n                margin-top: 40px;\n            }\n        }\n\n        .signup-body-card {\n            width: 540px;\n            box-sizing: border-box;\n            border: 1px solid rgba(var(--center-channel-color-rgb), 0.08);\n            border-radius: 8px;\n            margin-left: 60px;\n            background-color: var(--center-channel-bg);\n            box-shadow: var(--elevation-5);\n\n            &.with-error {\n                @include shake-horizontally;\n            }\n\n            .signup-body-card-content {\n                display: flex;\n                flex: 1;\n                flex-flow: column;\n                padding: 48px 56px;\n                border: none;\n                box-shadow: none;\n\n                .signup-body-card-title {\n                    color: var(--center-channel-color);\n                    font-family: 'Metropolis';\n                    font-size: 22px;\n                    font-style: normal;\n                    font-weight: 600;\n                    line-height: 28px;\n                }\n\n                .signup-body-custom-branding-markdown,\n                .signup-body-message-subtitle {\n                    display: none;\n                }\n\n                .signup-body-card-banner {\n                    margin: 20px 0 10px;\n                }\n\n                .signup-body-card-form {\n                    .signup-body-card-form-email-input,\n                    .signup-body-card-form-name-input,\n                    .signup-body-card-form-password-input {\n                        margin-top: 22px;\n                    }\n\n                    .newsletter {\n                        margin-top: 24px;\n                        margin-bottom: 32px;\n                        color: rgba(var(--center-channel-color-rgb), 0.75);\n                        font-family: 'Open Sans';\n                        font-size: 12px;\n                        font-style: normal;\n                        font-weight: 400;\n                        line-height: 16px;\n\n                        .interested {\n                            display: block;\n                            color: var(--center-channel-color);\n                        }\n                    }\n\n                    .signup-body-card-form-button-submit {\n                        @include primary-button;\n                        @include button-large;\n\n                        width: 100%;\n                        margin-top: 30px;\n                    }\n                }\n\n                .signup-body-card-form-divider {\n                    display: flex;\n                    height: 1px;\n                    justify-content: center;\n                    margin: 40px 0;\n                    background: rgba(var(--center-channel-color-rgb), 0.08);\n                    text-align: center;\n\n                    .signup-body-card-form-divider-label {\n                        padding: 0 10px;\n                        background-color: var(--center-channel-bg);\n                        color: rgba(var(--center-channel-color-rgb), 0.75);\n                        font-size: 12px;\n                        line-height: 0;\n                    }\n                }\n\n                .signup-body-card-form-login-options {\n                    display: flex;\n                    flex: 1;\n                    flex-wrap: wrap;\n                    justify-content: space-between;\n                    column-gap: 8px;\n                    row-gap: 8px;\n\n                    &.column {\n                        flex-direction: column;\n                        margin-top: 22px;\n                        row-gap: 24px;\n                    }\n                }\n\n                .signup-body-card-agreement {\n                    margin-top: 32px;\n                    color: rgba(var(--center-channel-color-rgb), 0.75);\n                    font-size: 11px;\n                    line-height: 16px;\n\n                    a {\n                        @include link;\n\n                        font-size: 11px;\n                    }\n                }\n            }\n        }\n\n        .signup-body-custom-branding-markdown {\n            flex: 1;\n\n            ul + p,\n            ol + p {\n                margin-top: 0.6em;\n            }\n\n            p + ul,\n            p + ol {\n                margin-top: 0.6em;\n            }\n\n            img {\n                max-width: 450px;\n            }\n\n            p {\n                width: 100%;\n                margin: 0;\n                color: rgba(var(--center-channel-color-rgb), 0.75);\n                font-size: 18px;\n                font-weight: 400;\n                line-height: 28px;\n                white-space: pre-wrap;\n                word-break: break-word;\n            }\n        }\n\n        .signup-body-content-button-container {\n            display: flex;\n            flex: 1;\n            justify-content: center;\n\n            .signup-body-content-button-return {\n                @include primary-button;\n                @include button-medium;\n            }\n        }\n    }\n}\n\n@media screen and (min-width: 1680px) {\n    .signup-body .signup-body-content {\n        .signup-body-message,\n        .signup-body-card,\n        .signup-body-no-login {\n            width: 610px;\n        }\n\n        .signup-body-message .signup-body-message-title {\n            padding-right: 130px;\n            margin-top: 48px;\n        }\n    }\n}\n\n@media screen and (max-width: 1199px) {\n    .signup-body {\n        .signup-body-alternate-link {\n            padding-right: 24px;\n        }\n\n        .signup-body-content {\n            flex-direction: column;\n\n            .signup-body-message,\n            .signup-body-card,\n            .signup-body-no-login {\n                width: 640px;\n            }\n\n            .signup-body-message {\n                align-self: center;\n                padding: 24px;\n\n                .signup-body-message-title {\n                    padding-right: 0;\n                    font-size: 64px;\n                    line-height: 76px;\n                }\n\n                .signup-body-message-subtitle {\n                    padding: 0;\n                    margin: 0;\n                }\n\n                .signup-body-message-svg {\n                    display: none;\n                }\n\n                &.custom-branding {\n                    display: none;\n                }\n            }\n\n            .signup-body-card {\n                border: none;\n                margin: 0;\n                background-color: unset;\n                box-shadow: none;\n\n                .signup-body-card-content {\n                    padding: 16px 24px;\n\n                    .signup-body-card-title {\n                        display: none;\n                    }\n\n                    .signup-body-card-banner {\n                        margin: 0 0 32px;\n                    }\n\n                    .signup-body-card-form {\n                        .signup-body-card-form-email-input {\n                            margin-top: 0;\n                        }\n\n                        .signup-body-card-form-email-input,\n                        .signup-body-card-form-name-input,\n                        .signup-body-card-form-password-input {\n                            background-color: var(--center-channel-bg);\n                        }\n                    }\n                }\n\n                &.custom-branding {\n                    .signup-body-card-content {\n                        .signup-body-card-title {\n                            display: block;\n                            font-size: 32px;\n                            line-height: 40px;\n                        }\n\n                        .signup-body-custom-branding-markdown,\n                        .signup-body-message-subtitle {\n                            display: block;\n                            margin: 0 0 32px;\n                            text-align: left;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@media screen and (max-width: 699px) {\n    .signup-body {\n        margin: auto 0;\n\n        .signup-body-content {\n            min-width: 375px;\n\n            .signup-body-card,\n            .signup-body-no-login {\n                width: 100%;\n            }\n\n            .signup-body-message {\n                width: auto;\n                align-self: flex-start;\n                padding: 24px;\n\n                .signup-body-message-title {\n                    padding-right: 0;\n                    font-size: 45px;\n                    line-height: 56px;\n                }\n            }\n        }\n    }\n}\n"],"names":[],"sourceRoot":""}