* {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body,
html {
    min-height: 100vh
}

html {
    text-align: center;
    text-rendering: optimizeLegibility;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.5;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #003140;
    color: #333333
}

.Content,
body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body {
    padding: 32px 8px;
    margin: 0
}

.Content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 32px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width:425px) {
    .Content {
        padding: 0;
        margin: 32px 0
    }
}

.AuthBox {
    max-width: 100%;
    background: #fff;
    border: 1px solid #eaebeb;
    -webkit-box-shadow: 0 4px 8px rgba(146, 151, 155, .15);
    box-shadow: 0 4px 8px rgba(146, 151, 155, .15);
    padding-top: 2em;
    width: 36em
}

.base_AccessLogo {
    margin-bottom: 1em
}

.base_TeamsLogo {
    padding-top: 1em;
    padding-bottom: 2em
}

@media only screen and (max-width:420px) and (pointer:coarse) {
    .base_AccessLogo {
        margin-top: 1em
    }
    .base_TeamsLogo {
        padding: 1em 0
    }
}

.Content {
    margin-top: 8px
}

.AuthBox {
    border-radius: 5px;
    margin-top: 0;
    margin-bottom: 0
}

.AuthBox .AuthBox-error-box-footer {
    border-radius: 5px 0 .5em .5em;
    background: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.AuthBox .AuthBoxRow--name {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block
}

.AuthBox-RequestCode {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 2.5em
}

.AuthBox-RequestCode__idpsExist {
    background: #f7f7f8
}

.AuthBox-error-box-footer {
    border: 0;
    border-radius: 5px;
    margin-bottom: 2rem
}

.ErrorBlock,
.ErrorBlock-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ErrorBlock-icon {
    width: 2.25em;
    height: 2.25em;
    margin-right: 1.25em
}

.ErrorBlock-icon>svg {
    display: block;
    height: 100%;
    width: 100%
}

.ErrorBlock-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ErrorBlock-header-text {
    font-size: 1.4em;
    margin-bottom: .5em
}

.JSONBlock {
    display: block;
    font-size: .9em;
    margin: 0;
    padding: 1.5em;
    font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    color: rgba(0, 0, 0, .6)
}

.AuthBox-text {
    color: #4a4a4a;
    font-size: 1.25em;
    font-weight: 600;
    padding-top: 1em;
    margin-bottom: 24px
}

.AuthServiceLogin .AuthServiceLogin-row {
    padding-bottom: 1em
}

.AuthFormLogin-row {
    text-align: left;
    margin: auto;
    max-width: 22em;
    padding: 1em 8px 0
}

.Footer-text,
.Header-text {
    padding: 3em 1em 1em;
    font-size: 12px;
    line-height: 18px
}

.Footer-text {
    padding: 1em
}

.Footer-text span {
    white-space: pre-line
}

label {
    display: block;
    font-size: .9em;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: .5em
}

.Button {
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font: inherit;
    color: #fff;
    background: #333;
    padding: .5em 1em;
    border: 0;
    margin: 0;
    border-radius: .1875em
}

.Button.Button-uses-org-theme-accent-color {
    background-color: #2c7cb0;
    padding: 0 8px;
    width: 100%
}

.Button:hover {
    -webkit-box-shadow: inset 0 0 0 999em rgba(255, 255, 255, .2);
    box-shadow: inset 0 0 0 999em rgba(255, 255, 255, .2)
}

.Button.Button-is-juicy {
    border-radius: 5px;
    padding-top: .75em;
    padding-bottom: .75em;
    max-width: 14em;
    font-weight: 300
}

.Button.Button-is-block {
    display: block;
    margin: auto
}

.Button.Button-is-auth,
.Button.Button-is-auth .Button-auth-service-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Button.Button-is-auth {
    background-color: #f7f7f8;
    border: 1px solid #d5d7d8;
    color: inherit;
    text-align: left;
    min-height: 55px;
    margin: 0 3.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    padding-left: .5em
}

.Button.Button-is-auth .Button-auth-service-icon {
    width: 2.8em;
    height: auto;
    padding: .5em;
    color: #1d1f20;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Button.Button-is-auth .Button-auth-service-icon>svg {
    fill: currentColor;
    display: block;
    min-width: 25px;
    width: 25px;
    height: 25px
}

.Button.Button-uses-org-theme-accent-color {
    margin: 0;
    max-width: unset
}

.AuthBox-messages {
    max-width: 36em
}

.Button.Button-is-auth .Button-auth-service-icon,
.Message,
.RayID {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Message {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .9em;
    overflow: hidden;
    margin-bottom: 1em;
    border-radius: 5px;
    padding: .5em 1em;
    text-align: left
}

.Message svg {
    height: 1em;
    width: 1em;
    margin-right: .5em
}

.Message.Message-is-warning {
    background: #fcf0f2;
    color: #711423;
    border: 1px solid #f3bac3
}

.Message.Message-is-success {
    background: #a6eac9;
    color: #1c422b;
    border: 1px solid #b0ddc2
}

.RayID {
    padding: 0;
    text-align: center;
    background: #dfbd9f
}

.RayID.RayID-Title,
.RayID.RayID-Value {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 1em;
    display: inline-block
}

.RayID.RayID-Value {
    background: #e7c9af;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace
}

.StandardInput {
    position: relative;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    text-align: left;
    font: inherit;
    color: #333333;
    padding: .5em 1em;
    border: 1px solid #cacaca;
    margin: 0;
    border-radius: 5px
}

.StandardInput:focus {
    outline: 0;
    border-color: #777
}

.StandardInput.StandardInput-is-block {
    display: block;
    font-size: 1em;
    width: 100%
}

.StandardInput.StandardInput-is-code {
    font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace
}

.StandardInput.StandardInput-is-entry-code {
    font-size: 20px
}

.StandardInput:-moz-placeholder,
.StandardInput::-webkit-input-placeholder {
    font-family: inherit
}

.OrgAvatarLink {
    display: block;
    text-decoration: none;
    color: inherit
}

.OrgAvatarLink-logo img {
    margin-bottom: .5em
}

.App-name,
.OrgAvatarLink-title {
    text-align: center;
    font-weight: 200
}

.OrgAvatarLink-title {
    color: #4e5255;
    font-size: .8em
}

.App-name {
    font-size: 1.5em
}

.ResendEmail {
    background: 0 0;
    border: 0;
    color: #62676a;
    font-size: .9em;
    margin-top: 2em;
    margin-bottom: 2em
}

.ResendEmail:hover {
    color: #b7bbbd;
    cursor: pointer
}

.AuthBox .AuthBoxRow--name {
    text-transform: capitalize;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    display: block
}

.AuthBox .AuthBoxRow--connector-name {
    font-size: 13px;
    color: #757575
}

.AuthBox-error-box-footer {
    background: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.AuthBox {
    border-radius: 5px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px 8px
}

.AuthBox-error-box-footer {
    border: 0;
    border-radius: 5px;
    margin-bottom: 2rem
}

.ErrorBlock,
.ErrorBlock-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ErrorBlock-icon {
    width: 2.25em;
    height: 2.25em;
    margin-right: 1.25em
}

.ErrorBlock-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ErrorBlock-icon>svg {
    display: block;
    height: 100%;
    width: 100%
}

.ErrorBlock-header-text {
    font-size: 1.4em;
    margin-bottom: .5em
}

.JSONBlock {
    display: block;
    font-size: .9em;
    margin: 0;
    padding: 1.5em;
    font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    color: rgba(0, 0, 0, .6)
}

.AuthBox-text {
    color: #4a4a4a;
    font-size: 1.15em;
    font-weight: 600;
    padding-top: 1em
}

.AuthBox-text:not(:last-child),
.AuthServiceLogin .AuthServiceLogin-row:not(:last-child) {
    margin-bottom: .5em
}

.AuthBox-text-email {
    font-weight: 300
}

.AuthServiceLogin .AuthServiceLogin-row {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.AuthServiceLogin .AuthServiceLogin-row:last-child {
    border-bottom: 0
}

.AuthServiceLogin .AuthServiceLogin-row.AuthServiceLogin-row-is-only {
    font-size: 1.2em
}

.AuthFormLogin .AuthFormLogin-row:not(:last-child) {
    margin-bottom: 1.5em
}

.AuthFormLogin-row-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.back-button {
    color: #62676a;
    margin-left: 2em;
    position: absolute;
    text-decoration: none
}

.AuthFormLogin-row {
    text-align: left;
    margin: auto;
    max-width: 22em
}

.back-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.back-button:hover {
    color: #b7bbbd
}

.back-button svg {
    height: 1em;
    margin-right: 8px;
    fill: currentColor
}

.back-button-outside {
    display: none
}

@media screen and (max-width:650px) {
    .Button.Button-is-auth {
        margin: 0 8px
    }
    .AuthFormLogin .AuthFormLogin-row {
        width: auto
    }
    .Content {
        margin: 8px 0
    }
    .AuthFormLogin-row-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: 96px
    }
    .AuthFormLogin-row-wrapper a,
    .AuthFormLogin-row-wrapper div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        margin: 0
    }
    .AuthFormLogin-row-wrapper a {
        margin: 24px 0 0
    }
    .AuthFormLogin-row-wrapper .AuthFormLogin-row {
        margin: 0
    }
}