{"version":3,"file":"2179.cfc42c5d0d6063eaa847.css","mappings":"AAoVA,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCClWR,uBD4JI,kBACA,oBACA,mBACA,uBACA,wCACA,oCACA,kBACA,uBACA,gBACA,6BA4DA,YACA,eACA,eACA,iBChOA,gBACA,YACA,yDACA,kDACA,qBD+JA,6BACI,kDAGJ,8BACI,kDAGJ,6BACI,sBACA,mDACA,aAGJ,gCACI,mDACA,kDACA,mBAGJ,yBACI,aACA,eCnLJ,wCACI,cAGJ,wFAGI,0BAGJ,oDACI,gB;AD0TR,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCElWR,gBACI,iBAEA,yBACI,sCACA,eACA,iBAGJ,sBACI,iBFqOJ,YACA,gBACA,wBACA,eACA,gBACA,iBAEA,qFAGI,+BAGJ,+BACI,kDACA,mBACA,qBE/OR,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;ACvCJ,uCACI,SACA,WACA,0CACA,kDACA,eACA,eACA,iBAEA,gDACI,uBACA,kDACA,mBAIR,4CACI,gB;AJ+TR,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCKlWR,gBACI,aACA,OAEA,sCACI,OACA,0CAGJ,iDACI,aACA,YACA,gBACA,0CAEA,+ELuGJ,kBACA,oBACA,mBACA,uBACA,SACA,4BACA,kBACA,0BACA,gBACA,6BAyGA,YACA,eACA,eACA,iBKxNQ,OACA,SL6GR,qFACI,4FAGJ,sFACI,4FAGJ,qFACI,sBACA,mDACA,aAGJ,wFACI,uDACA,kDACA,mBAGJ,iFACI,aACA,e;AAwLR,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCMlWR,YACI,aACA,sBACA,YAEA,+BACI,aACA,sBACA,qBAEA,yBALJ,+BAMQ,YAIR,uCACI,mBAGJ,gCACI,aACA,mBACA,OACA,mBACA,uBAEA,6DACI,kDACA,eACA,gBACA,iBAGJ,oDACI,aACA,YACA,iBACA,sBAEA,8EACI,mBACA,oCACA,uBACA,eACA,gBACA,uBACA,iBAGJ,4EACI,kBACA,oBAEA,gFACI,kBACA,UACA,cACA,YACA,cAIR,oEACI,UAEA,qFACI,kBAEA,4OAEI,kBAIR,sGACI,iBACA,kBACA,mBACA,kBAIR,wEACI,gBAIR,iDACI,YACA,sBACA,6DACA,iBACA,0CACA,kBACA,8BAEA,4DNyOR,4EACA,2BACA,mBACA,+BMxOQ,0EACI,aACA,OACA,iBACA,kBACA,YACA,gBAEA,iGACI,kCACA,yBACA,eACA,kBACA,gBACA,iBAGJ,sNAEI,aAGJ,kGACI,mBAIA,4HACI,gBAGJ,qIACI,gBAGJ,2HACI,oBACA,gBAEA,6HNoGpB,YACA,gBACA,wBACA,eACA,gBACA,iBAEA,0YAGI,+BAGJ,sIACI,kDACA,mBACA,qBM/GY,oIN1BhB,kBACA,oBACA,mBACA,uBACA,SACA,4BACA,kBACA,0BACA,gBACA,6BAyGA,YACA,eACA,eACA,iBMvFoB,WACA,gBNpBpB,0IACI,4FAGJ,2IACI,4FAGJ,0IACI,sBACA,mDACA,aAGJ,6IACI,uDACA,kDACA,mBAGJ,sIACI,aACA,eMEQ,wGACI,aACA,WACA,uBACA,cACA,uDACA,kBAEA,4IACI,eACA,0CACA,kDACA,eACA,cAIR,8GACI,aACA,OACA,eACA,8BACA,eACA,YAEA,qHACI,sBACA,gBACA,aAMhB,qEACI,OAEA,oJAEI,gBAGJ,oJAEI,gBAGJ,yEACI,gBAGJ,uEACI,WACA,SACA,kDACA,eACA,gBACA,iBACA,qBACA,sBAMhB,sCAEQ,qGAEI,YAGJ,8EACI,oBACA,iBAKZ,sCAEQ,uCACI,mBAGJ,gCACI,sBAEA,qGAEI,YAGJ,oDACI,kBACA,aAEA,8EACI,oBACA,eACA,iBAGJ,iFACI,SAGJ,4EACI,aAGJ,oEACI,aAIR,iDACI,YACA,SACA,uBACA,gBAEA,0EACI,kBAEA,iGACI,aAGJ,kGACI,gBAIA,4HACI,aAGJ,iQAEI,0CAOJ,iHACI,cACA,eACA,iBAGJ,sPAEI,cACA,gBACA,iBAS5B,qCACI,YACI,cAEA,gCACI,gBAEA,iDACI,WAGJ,oDACI,WACA,sBACA,aAEA,8EACI,gBACA,gBACA,eACA,kB","sources":["webpack://mattermost-webapp/./sass/utils/_mixins.scss","webpack://mattermost-webapp/./components/external_login_button/external_login_button.scss","webpack://mattermost-webapp/./components/header_footer_route/content_layouts/alternate_link.scss","webpack://mattermost-webapp/./components/header_footer_route/content_layouts/column.scss","webpack://mattermost-webapp/./components/widgets/inputs/password_input/password_input.scss","webpack://mattermost-webapp/./components/login/login_mfa.scss","webpack://mattermost-webapp/./components/login/login.scss"],"sourcesContent":["@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    *zoom: 1;\n}\n\n@mixin pie-clearfix {\n    &::after {\n        display: table;\n        clear: both;\n        content: \"\";\n    }\n\n    *zoom: 1;\n}\n\n@mixin tertiary-button {\n    display: inline-flex;\n    align-items: center;\n    border: 0;\n    background: rgba(var(--button-bg-rgb), 0.08);\n    border-radius: 4px;\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        &::before {\n            margin: 0 7px 0 0;\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    background: var(--button-bg);\n    border-radius: 4px;\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 {\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    background: var(--center-channel-bg);\n    border-radius: 4px;\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 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@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","// 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.72);\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.72);\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.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.64);\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.login-mfa-form {\n    display: flex;\n    flex: 1;\n\n    .login-mfa-form-input {\n        flex: 1;\n        background-color: var(--center-channel-bg);\n    }\n\n    .login-mfa-form-button-container {\n        display: flex;\n        width: 170px;\n        margin-left: 8px;\n        background-color: var(--center-channel-bg);\n\n        .login-mfa-form-button-submit {\n            @include primary-button;\n            @include button-large;\n\n            flex: 1;\n            margin: 0;\n        }\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.login-body {\n    display: flex;\n    flex-direction: column;\n    margin: auto;\n\n    .login-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    .login-body-alternate-link {\n        margin-bottom: 18px;\n    }\n\n    .login-body-content {\n        display: flex;\n        height: fit-content;\n        flex: 1;\n        align-items: center;\n        justify-content: center;\n\n        .login-body-message-subtitle {\n            color: rgba(var(--center-channel-color-rgb), 0.72);\n            font-size: 18px;\n            font-weight: 400;\n            line-height: 28px;\n        }\n\n        .login-body-message {\n            display: flex;\n            width: 540px;\n            flex-flow: column;\n            align-self: flex-start;\n\n            .login-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.05em;\n                line-height: 88px;\n            }\n\n            .login-body-message-svg {\n                position: relative;\n                align-self: flex-end;\n\n                svg {\n                    position: absolute;\n                    z-index: 2;\n                    bottom: -210px;\n                    left: -178px;\n                    display: block;\n                }\n            }\n\n            &.custom-branding {\n                padding: 0;\n\n                &.with-brand-image {\n                    align-self: center;\n\n                    .login-body-message-subtitle,\n                    .login-body-custom-branding-markdown {\n                        text-align: center;\n                    }\n                }\n\n                .login-body-custom-branding-image {\n                    max-height: 540px;\n                    align-self: center;\n                    margin-bottom: 28px;\n                    border-radius: 8px;\n                }\n            }\n\n            &.with-alternate-link {\n                margin-top: 40px;\n            }\n        }\n\n        .login-body-card {\n            width: 540px;\n            box-sizing: border-box;\n            border: 1px solid rgba(var(--center-channel-color-rgb), 0.08);\n            margin-left: 60px;\n            background-color: var(--center-channel-bg);\n            border-radius: 8px;\n            box-shadow: var(--elevation-5);\n\n            &.with-error {\n                @include shake-horizontally;\n            }\n\n            .login-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                .login-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                .login-body-custom-branding-markdown,\n                .login-body-message-subtitle {\n                    display: none;\n                }\n\n                .login-body-card-banner {\n                    margin: 20px 0 10px;\n                }\n\n                .login-body-card-form {\n                    .login-body-card-form-input {\n                        margin-top: 22px;\n                    }\n\n                    .login-body-card-form-password-input {\n                        margin-top: 24px;\n                    }\n\n                    .login-body-card-form-link {\n                        display: inline-flex;\n                        margin-top: 17px;\n\n                        a {\n                            @include link;\n                        }\n                    }\n\n                    .login-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                .login-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                    .login-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.56);\n                        font-size: 12px;\n                        line-height: 0;\n                    }\n                }\n\n                .login-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        }\n\n        .login-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.72);\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}\n\n@media screen and (min-width: 1680px) {\n    .login-body .login-body-content {\n        .login-body-message,\n        .login-body-card {\n            width: 610px;\n        }\n\n        .login-body-message .login-body-message-title {\n            padding-right: 130px;\n            margin-top: 48px;\n        }\n    }\n}\n\n@media screen and (max-width: 1199px) {\n    .login-body {\n        .login-body-alternate-link {\n            padding-right: 24px;\n        }\n\n        .login-body-content {\n            flex-direction: column;\n\n            .login-body-message,\n            .login-body-card {\n                width: 640px;\n            }\n\n            .login-body-message {\n                align-self: center;\n                padding: 24px;\n\n                .login-body-message-title {\n                    padding-right: 210px;\n                    font-size: 64px;\n                    line-height: 76px;\n                }\n\n                .login-body-message-subtitle {\n                    margin: 0;\n                }\n\n                .login-body-message-svg {\n                    display: none;\n                }\n\n                &.custom-branding {\n                    display: none;\n                }\n            }\n\n            .login-body-card {\n                border: none;\n                margin: 0;\n                background-color: unset;\n                box-shadow: none;\n\n                .login-body-card-content {\n                    padding: 16px 24px;\n\n                    .login-body-card-title {\n                        display: none;\n                    }\n\n                    .login-body-card-banner {\n                        margin: 0 0 32px;\n                    }\n\n                    .login-body-card-form {\n                        .login-body-card-form-input {\n                            margin-top: 0;\n                        }\n\n                        .login-body-card-form-input,\n                        .login-body-card-form-password-input {\n                            background-color: var(--center-channel-bg);\n                        }\n                    }\n                }\n\n                &.custom-branding {\n                    .login-body-card-content {\n                        .login-body-card-title {\n                            display: block;\n                            font-size: 32px;\n                            line-height: 40px;\n                        }\n\n                        .login-body-custom-branding-markdown,\n                        .login-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    .login-body {\n        margin: auto 0;\n\n        .login-body-content {\n            min-width: 375px;\n\n            .login-body-card {\n                width: 100%;\n            }\n\n            .login-body-message {\n                width: auto;\n                align-self: flex-start;\n                padding: 24px;\n\n                .login-body-message-title {\n                    max-width: 271px;\n                    padding-right: 0;\n                    font-size: 45px;\n                    line-height: 56px;\n                }\n            }\n        }\n    }\n}\n"],"names":[],"sourceRoot":""}