/*!******************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.2_webpack@5.101.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./third/bootstrap/css/bootstrap.portico.css ***!
  \******************************************************************************************************************************************************************************/
/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
footer,
header,
nav,
section {
  display: block;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maximum relative to the parent */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
}
button,
input {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button {
  -webkit-appearance: button;
  cursor: pointer;
}
label,
button {
  cursor: pointer;
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}
a {
  color: #0088cc;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}
.text-error {
  color: #b94a48;
}
a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}
.text-success {
  color: #468847;
}
a.text-success:hover,
a.text-success:focus {
  color: #356635;
}
h1,
h2,
h3,
h4 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1,
h2,
h3 {
  line-height: 40px;
}
h1 {
  font-size: 38.5px;
}
h2 {
  font-size: 31.5px;
}
h3 {
  font-size: 24.5px;
}
h4 {
  font-size: 17.5px;
}
ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 20px;
}
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}
q:before,
q:after {
  content: "";
}
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
form {
  margin: 0 0 20px;
}
label,
input,
button {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
input,
button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
  display: block;
  margin-bottom: 5px;
}
input:-moz-placeholder {
  color: #999999;
}
input:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder {
  color: #999999;
}
input {
  margin-left: 0;
}
input[disabled],
input[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
input:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
input:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
.help-inline {
  color: #595959;
}
.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.form-inline input,
.form-inline .help-inline {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .hide {
  display: none;
}
.form-inline label {
  display: inline-block;
}
.dropdown {
  position: relative;
}
.hide {
  display: none;
}
.show {
  display: block;
}
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .row {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  input {
    margin-left: 0;
  }
}
@media (min-width: 1180px) {
  .row {
    margin-left: -30px;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  input {
    margin-left: 0;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
}

/* Bootstrap alert CSS rules that have not been replaced with our own
   designs. */

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.alert,
.alert h4 {
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info h4 {
  color: #3a87ad;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.2_webpack@5.101.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!../node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.6_typescript@5.9.2_webpack@5.101.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./styles/components.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Reusable, object-oriented CSS base components for all Zulip pages
   (both web app and portico). */

label.checkbox {
    padding: 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
    min-height: 20px;
}

label.checkbox input[type="checkbox"] {
        position: absolute;
        clip-path: rect(0 0 0 0);
    }

label.checkbox input[type="checkbox"]  ~ .rendered-checkbox {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -2px;

            padding: 2px;
            margin: 0 5px 0 0;
            height: 10px;
            width: 10px;

            font-weight: 300;
            line-height: 0.8;
            font-size: 1.3rem;
            text-align: center;
            /* Color variables are not imported to the portico, so we duplicate
               the light-mode color value here as a fallback. */
            border: 1px solid
                var(--color-border-rendered-checkbox, hsl(0deg 0% 0% / 60%));
            border-radius: 4px;

            cursor: pointer;
        }

label.checkbox input[type="checkbox"]:checked ~ .rendered-checkbox {
            /* As with the border color above, we duplicate
               the light-mode SVG URL value here as a fallback. */
            background-image: var(
                --svg-url-rendered-checkbox,
                url(files/images/checkbox.svg)
            );
            background-size: 85%;
            background-position: 50% 50%;
            background-repeat: no-repeat;
        }

label.checkbox input[type="checkbox"]:disabled ~ .rendered-checkbox {
            opacity: 0.5;
            cursor: not-allowed;
        }

label.checkbox:has(.enter_sends) {
        vertical-align: middle;
    }

a.no-style {
    color: inherit;
}

a.no-underline,
a.no-underline:hover,
a.no-underline:focus {
    -webkit-text-decoration: none;
    text-decoration: none;
}

.italic {
    font-style: italic;
}

.simplebar-track .simplebar-scrollbar::before {
        background-color: hsl(0deg 0% 0%);
        box-shadow: 0 0 0 1px hsl(0deg 0% 100% / 33%);
    }

.simplebar-track.simplebar-vertical {
        transition: width 0.2s ease 1s; /* stylelint-disable-line plugin/no-low-performance-animation-properties */
    }

.simplebar-track.simplebar-vertical.simplebar-hover {
            width: 15px;
            transition: width 0.2s ease; /* stylelint-disable-line plugin/no-low-performance-animation-properties */
        }

.simplebar-track.simplebar-horizontal {
        transition: height 0.2s ease 1s; /* stylelint-disable-line plugin/no-low-performance-animation-properties */
    }

.simplebar-track.simplebar-horizontal.simplebar-hover {
            height: 15px;
            transition: height 0.2s ease; /* stylelint-disable-line plugin/no-low-performance-animation-properties */
        }

i.zulip-icon.zulip-icon-bot {
    color: var(--color-icon-bot);
}

/* Hide the somewhat buggy browser show password feature in IE, Edge,
   since it duplicates our own "show password" widget. */
input::-ms-reveal {
    display: none;
}

.password-div {
    position: relative;
}

.password-div .password_visibility_toggle {
        position: absolute;
        right: 10px;
        top: 42px;
        opacity: 0.6;
    }

.password-div .password_visibility_toggle:hover {
            opacity: 1;
        }

select.bootstrap-focus-style:focus {
        outline: 1px dotted hsl(0deg 0% 20%);
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        transition: none;
    }

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.2_webpack@5.101.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!../node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.6_typescript@5.9.2_webpack@5.101.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./styles/portico/portico.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --color-background-modal: hsl(0deg 0% 98%);
    /*
        It is fine if footer is longer than that
        since we are only trying to avoid overlap.
    */
    --height-footer: 495px;
}

[data-tippy-root] .tippy-box .tippy-content {
    font-size: 14px;
    font-weight: normal;
    color: hsl(0deg 0% 100%);
}

body {
    background-color: hsl(0deg 0% 98%);
    font-family: "Source Sans 3 VF", sans-serif;
    line-height: 150%;
    height: 100%;
    font-weight: 300;
    font-size: 17px;
}

html {
    height: 100%;
}

.noscroll {
    overflow: hidden;
    position: fixed;
}

.digest-address-link {
    margin-top: 10px;
    color: hsl(0deg 0% 60%);
    font-size: 12px;
    text-align: center;
}

.normal {
    font-weight: normal;
}

.navbar {
    margin-bottom: 0;
}

.header {
    position: relative;

    padding: 15px 0;
    height: 29px;

    background-color: hsl(0deg 0% 100%);
    box-shadow: 0 0 4px hsl(0deg 0% 0% / 10%);

    z-index: 100;
}

.navbar.footer .nav  > li {
        line-height: 56px;
    }

.navbar.footer .nav > li  > a {
            padding-top: 0;
            padding-bottom: 0;
        }

.push {
    height: 56px;
}

/* The API tabbed content tends to have a lot of code blocks,
   which look nicer against a different background */
.api-center .tabbed-section .blocks {
        background-color: hsl(0deg 0% 98%);
    }
.api-center .tabbed-section ul.nav li.active {
            background-color: hsl(0deg 0% 98%);
            border-bottom: 1px solid hsl(0deg 0% 98%);
        }

.digest-container {
    padding-top: 100px;
}

.digest-email-container {
    display: block;
    margin: 0 auto !important;
    max-width: 700px;
    padding-bottom: 30px;
}

.digest-email-html {
    padding: 20px;
    background-color: hsl(0deg 0% 100%);
    border-radius: 5px;
}

.app.help {
    display: inline-flex;

    box-shadow: 0 -20px 50px hsl(0deg 0% 0% / 4%);

    color: hsl(0deg 0% 27%);
}

.app.help .hamburger {
        display: none;
    }

.help .app-main {
        padding: 0;
    }

/* Markdown processor generates lots of spurious <p></p> */

.help p:empty {
        margin: 0;
    }

.help .sidebar {
        width: 300px;
        z-index: 1;
        /* 100vh - navbar - paddingTop - paddingBottom - bottomNav */
        height: calc(100vh - 59px);
        top: 59px;

        border-right: 1px solid hsl(219deg 10% 97%);
        position: sticky;

        background-color: hsl(153deg 32% 55%);
        color: hsl(0deg 0% 100%);

        -webkit-overflow-scrolling: touch;

        --help-sidebar-padding: 20px;
        --help-sidebar-indent: 12px;
    }

.help .sidebar .content {
            padding: 10px var(--help-sidebar-padding);
        }

.help .sidebar h1 {
            font-weight: 400;
            font-size: 1.25em;
            line-height: 1.5;
            margin-bottom: 0;
        }

.help .sidebar h1.home-link {
                font-size: 1em;
                margin-top: 20px;
                margin-bottom: 17px;
            }

.help .sidebar h1.home-link a::before {
                    display: inline-block;
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: inherit;

                    content: "\f0d9";
                    margin-right: 10px;
                }

.help .sidebar h1:not(:first-of-type) {
                margin-top: 0;
            }

.help .sidebar h2:not(:first-of-type) {
                margin-top: 0;
            }

.help .sidebar h3:not(:first-of-type) {
                margin-top: 0;
            }

.help .sidebar h1 a,.help .sidebar h2 a,.help .sidebar h3 a {
                color: inherit;
                display: block;

                /* Extend to entire width of sidebar, not just link area */
                margin-left: calc(0px - var(--help-sidebar-padding));
                margin-right: calc(0px - var(--help-sidebar-padding));
                padding-left: calc(var(--help-sidebar-padding));
                padding-right: calc(var(--help-sidebar-padding));
            }

.help .sidebar h2 {
            font-weight: 400;
            font-size: 1.1em;
            line-height: 1.05;
            margin-bottom: 5px;
        }

.help .sidebar.slide h2 {
            cursor: pointer;
        }

.help .sidebar.slide h2::before {
                display: block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;

                content: "\f107";
                margin-right: 5px;
                float: right;

                opacity: 0.5;
            }

.help .sidebar ul {
            margin: 5px 0 10px var(--help-sidebar-indent);
        }

.help .sidebar.slide ul {
            margin-left: 19px;
            display: none;
        }

.help .sidebar li {
            list-style-type: none;
            font-size: 0.95em;
            font-weight: 400;
            line-height: 1.7;

            cursor: pointer;
        }

.help .sidebar li a {
                color: inherit;
                display: block;

                /* Extend to entire width of sidebar, not just link area */
                margin-left: calc(
                    0px - var(--help-sidebar-padding) -
                        var(--help-sidebar-indent)
                );
                margin-right: calc(0px - var(--help-sidebar-padding));
                padding-left: calc(
                    var(--help-sidebar-padding) + var(--help-sidebar-indent)
                );
                padding-right: calc(var(--help-sidebar-padding));
            }

.help .sidebar a.highlighted {
                background-color: hsl(152deg 40% 42%);

                /* Don't show the focus outline for the highlighted page. */
                outline: 0;
            }

.help .markdown {
    background-color: hsl(0deg 0% 100%);
    width: calc(100vw - 300px);
    height: calc(100% - 59px);
}

.help .markdown :target {
        scroll-margin-top: 59px;
    }

/* Highlight the headings as well as the first child
      of any targeted div, as in the API documentation. */

.help .markdown h1:target {
        /* Increase the highlighted space around the text... */
        padding: 6px 8px;
        border-radius: 7px 7px 0 0;
        /* ...but maintain apparent top and bottom margin;
        pull left and right into the gutter. */
        margin: 20px -8px 10px;
        /* Derive highlight color from sidebar, here with 30% alpha */
        background-color: hsl(152deg 70% 50% / 25%);
    }

.help .markdown h2:target {
        /* Increase the highlighted space around the text... */
        padding: 6px 8px;
        border-radius: 7px 7px 0 0;
        /* ...but maintain apparent top and bottom margin;
        pull left and right into the gutter. */
        margin: 20px -8px 10px;
        /* Derive highlight color from sidebar, here with 30% alpha */
        background-color: hsl(152deg 70% 50% / 25%);
    }

.help .markdown h3:target {
        /* Increase the highlighted space around the text... */
        padding: 6px 8px;
        border-radius: 7px 7px 0 0;
        /* ...but maintain apparent top and bottom margin;
        pull left and right into the gutter. */
        margin: 20px -8px 10px;
        /* Derive highlight color from sidebar, here with 30% alpha */
        background-color: hsl(152deg 70% 50% / 25%);
    }

.help .markdown h4:target {
        /* Increase the highlighted space around the text... */
        padding: 6px 8px;
        border-radius: 7px 7px 0 0;
        /* ...but maintain apparent top and bottom margin;
        pull left and right into the gutter. */
        margin: 20px -8px 10px;
        /* Derive highlight color from sidebar, here with 30% alpha */
        background-color: hsl(152deg 70% 50% / 25%);
    }

.help .markdown h5:target {
        /* Increase the highlighted space around the text... */
        padding: 6px 8px;
        border-radius: 7px 7px 0 0;
        /* ...but maintain apparent top and bottom margin;
        pull left and right into the gutter. */
        margin: 20px -8px 10px;
        /* Derive highlight color from sidebar, here with 30% alpha */
        background-color: hsl(152deg 70% 50% / 25%);
    }

.help .markdown h6:target {
        /* Increase the highlighted space around the text... */
        padding: 6px 8px;
        border-radius: 7px 7px 0 0;
        /* ...but maintain apparent top and bottom margin;
        pull left and right into the gutter. */
        margin: 20px -8px 10px;
        /* Derive highlight color from sidebar, here with 30% alpha */
        background-color: hsl(152deg 70% 50% / 25%);
    }

.help .markdown div:target > :first-child {
        /* Increase the highlighted space around the text... */
        padding: 6px 8px;
        border-radius: 7px 7px 0 0;
        /* ...but maintain apparent top and bottom margin;
        pull left and right into the gutter. */
        margin: 20px -8px 10px;
        /* Derive highlight color from sidebar, here with 30% alpha */
        background-color: hsl(152deg 70% 50% / 25%);
    }

.help-center ol,
.portico-landing.integrations ol {
    margin-left: 0;
}

.title {
    font-family: Helvetica, sans-serif;
    font-size: 100px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 60px;
}

.digest-page-title {
    text-align: center;
    font-weight: 400;
}

.lead {
    font-weight: bold;
}

.pitch {
    width: 600px;
    max-width: 100%;
}

.help-inline {
    font-weight: 400;
    font-size: 0.9rem;
}

.help-inline.text-error {
        color: hsl(1.1deg 44.7% 50.4%);
    }

a.title {
    color: hsl(0deg 0% 0%);
}

a.title:hover {
        color: hsl(0deg 0% 50%);
        -webkit-text-decoration: none;
        text-decoration: none;
    }

.fakecontrol {
    padding-top: 5px;
    font-weight: bold;
}

img.screenshot {
    /* This makes it so screenshots are still shown
    even if they are larger than their span. */
    max-width: 100%;
}

#pw_strength {
    /* Same width as a Bootstrap default text <input> with padding */
    width: 220px;
    height: 8px;
}

#registration #pw_strength {
    width: 325px;
    margin: 7px auto 0;
}

.def::before {
    content: " - ";
}

.platform-icon {
    width: 33%;
}

.portico-page h1 {
    font-weight: 300;
}

label.text-error {
    display: inline;

    padding-left: 5px;
}

input.text-error {
    border-color: hsl(0deg 100% 50%);
    outline-color: hsl(0deg 100% 50%);
}

.portico-container {
    position: relative;
    /* To adjust for flexible footer height we do 2 things:
      - Make the `portico-container` expand to full page height.
      - Fill the empty space with `portico-wrap`. */
    display: flex;
    flex-direction: column;
    height: 100%;
}

.portico-container .portico-wrap {
        flex: 1 0 auto;
    }

.portico-container .if-zulip-electron {
        display: none;
    }

/* detect if the platform is `ZulipDesktop` and if so, hide this tag! */
.portico-container[data-platform="ZulipElectron"] .if-zulip-electron {
    display: block;
}

.header-main .logo {
        display: block;
        -webkit-text-decoration: none;
        text-decoration: none;
        position: relative;
        line-height: 0.8;
    }

.header-main .logo svg {
            vertical-align: -5px;
        }

.header-main .logo a,.header-main .logo a:focus,.header-main .logo a:hover {
            -webkit-text-decoration: none;
            text-decoration: none;
            color: hsl(0deg 0% 20%);
        }

.header-main .logo .light {
            font-size: 1.2rem;
            font-weight: 400;
            color: hsl(0deg 0% 20%);
            opacity: 0.7;
        }

.header-main .portico-logo {
        height: 28px;
        width: auto;
        padding: 6px 0;
    }

.portico-header .portico-header-dropdown {
        position: relative;
        display: inline-block;
    }

.portico-header .portico-header-dropdown ul {
            display: none;
            position: absolute;
            right: 0;
            margin: 10px 0 0;
            list-style-type: none;
            width: -moz-fit-content;
            width: fit-content;
            background-color: hsl(0deg 0% 100%);
            padding: 5px 0;
            border-radius: 4px;
            border: 1px solid hsl(0deg 0% 87%);
            box-shadow: 0 2px 5px hsl(0deg 0% 0% / 10%);
        }

.portico-header .portico-header-dropdown ul::before {
                content: "\25B2";
                position: absolute;
                top: -4px;
                right: 9px;
                font-size: 0.5em;
                color: hsl(0deg 0% 87%);
                line-height: 0;
                transform: scale(1.8, 1);
            }

.portico-header .portico-header-dropdown ul li {
                display: list-item;
                margin: 0;
                padding: 3px 10px;
                text-align: left;
                opacity: 1;
                cursor: pointer;
            }

.portico-header .portico-header-dropdown ul li:hover {
                    background-color: hsl(190deg 10% 90%);
                    transition: none;
                }

.portico-header .portico-header-dropdown ul li a {
                    display: block;
                    margin: 2px 0;
                    padding: 0;
                    transition: none;
                    font-size: 0.9em;
                    font-weight: 400;
                    color: hsl(0deg 0% 27%);
                }

.portico-header .portico-header-dropdown ul li:hover a {
                    background-color: transparent;
                }

.portico-header .portico-header-dropdown ul li a i {
                    margin-right: 5px;
                }

.portico-header .portico-header-dropdown ul.dropdown-list {
                margin-top: 3px;
                margin-right: 3px;
            }

.portico-header .portico-header-dropdown.show ul {
            display: block;
        }

.portico-header .portico-header-dropdown-pill {
        border: 1px solid hsl(0deg 0% 0% / 20%);
        border-radius: 4px;
        margin-left: 10px;
        font-weight: 400;
        cursor: pointer;
    }

.portico-header .portico-header-dropdown-pill .realm-name {
            display: inline-block;
            vertical-align: top;
            margin: 0 5px 0 -4px;
            padding: 1px 0 1px 5px;
            font-size: 0.9em;
            font-weight: 600;
            line-height: 1.6;
        }

.portico-header .portico-header-dropdown-pill .realm-name i.fa {
            position: relative;
            top: -2px;
            font-size: 0.6em;
            margin-left: 5px;
            opacity: 0.5;
            transition: opacity 0.2s ease;
        }

.portico-header .portico-header-dropdown-pill:hover .realm-name i.fa {
            opacity: 1;
        }

.portico-header .portico-header-dropdown-pill .header-realm-icon {
            width: 26px;
            height: 26px;
            vertical-align: top;
            border-radius: 4px;
        }

.portico-page-container .portico-header .dropdown-pill .realm-name {
    margin-left: -3px;
}

.app {
    width: 100%;
    z-index: 99;
}

.devlogin_subheader {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 0;
    text-align: center;
    font-size: 16px;
}

.table.table-striped {
    background-color: hsl(0deg 0% 100%);
    box-shadow: 0 0 4px hsl(0deg 0% 0% / 10%);

    border-collapse: collapse;
    margin-bottom: 20px;
}

.table.table-striped thead tr:first-child th {
        border-top: 0;
    }

.table.table-striped th,.table.table-striped td {
        padding: 8px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        border-top: 1px solid hsl(0deg 0% 87%);
    }

.table.table-striped tbody > tr:nth-child(odd) > td {
        background-color: hsl(0deg 0% 98%);
    }

.team-profiles {
    /* Compensate for gutter width */
    margin: -10px;
    margin-bottom: 3px;
}

.team .profile .profile-name {
            font-weight: 600;
        }

.team .profile .profile-role {
            opacity: 0.5;
            text-transform: uppercase;
            font-size: 0.8em;
            font-weight: 400;
        }

.team .bdfl {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

.team .bdfl .profile-picture {
            flex: 0 auto;
            width: 200px;
            margin: 10px;
        }

.team .bdfl .profile-picture  > img {
                height: auto;
                border-radius: 5px;
            }

.team .bdfl .profile-information {
            flex: 1;
            /* Wrap when screen is small to prevent very short line */
            min-width: 300px;
            font-size: 1.4em;
            margin: 10px 10px 0;
        }

.team .bdfl .profile-description {
            margin-top: 5px;
            font-weight: 400;
            font-size: 0.8em;
            opacity: 0.8;
        }

.team .bdfl .profile-description p {
                /* Avoid double-applying the 1.2em font-size here */
                font-size: 1em;
            }

.team input {
        display: none;
    }

.team input:checked + label {
            border: 1px solid hsl(0deg 0% 93%);
            border-top: 2px solid hsl(80deg 61% 50%);
            border-bottom-color: hsl(0deg 0% 100%);
        }

.team label {
        font-size: initial;
        display: inline-block;
        padding: 10px;
        border: 1px solid transparent;
        margin: 0 0 -1px;
    }

.team label:hover {
            cursor: pointer;
        }

.contributors-list {
    margin-left: -40px;
    width: calc(100% + 80px);
}

.contributors {
    display: none;
}

.contributors .person {
        box-sizing: border-box;
        padding: 10px;
        border: 1px solid hsl(0deg 0% 93%);
        border-radius: 4px;
        transition: border-color 0.3s ease;
    }

.contributors .person a {
            color: inherit;
        }

.contributors .person:hover {
            border-color: hsl(0deg 0% 73%);
        }

.contributors .person .avatar {
            width: 60px;
            text-align: center;
            display: inline-block;
            vertical-align: top;
        }

.contributors .person .info {
            width: 50%;
            text-align: left;
            display: inline-block;
            vertical-align: top;
            margin-left: 10px;
        }

/* Activated .contributors */
input#total:checked ~ #tab-total,
input#server:checked ~ #tab-server,
input#desktop:checked ~ #tab-desktop,
input#mobile:checked ~ #tab-mobile,
input#api-clients:checked ~ #tab-api-clients,
input#devtools:checked ~ #tab-devtools,
input#terminal:checked ~ #tab-terminal {
    display: block;
}
input#total:checked ~ #tab-total .contributors-grid {
        padding-top: 5px;
        display: grid;
        gap: 5px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
input#server:checked ~ #tab-server .contributors-grid {
        padding-top: 5px;
        display: grid;
        gap: 5px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
input#desktop:checked ~ #tab-desktop .contributors-grid {
        padding-top: 5px;
        display: grid;
        gap: 5px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
input#mobile:checked ~ #tab-mobile .contributors-grid {
        padding-top: 5px;
        display: grid;
        gap: 5px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
input#api-clients:checked ~ #tab-api-clients .contributors-grid {
        padding-top: 5px;
        display: grid;
        gap: 5px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
input#devtools:checked ~ #tab-devtools .contributors-grid {
        padding-top: 5px;
        display: grid;
        gap: 5px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
input#terminal:checked ~ #tab-terminal .contributors-grid {
        padding-top: 5px;
        display: grid;
        gap: 5px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

.avatar_img {
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
    border-radius: 20%;
}

.tab-loading,
.last-updated {
    color: hsl(0deg 0% 67%);
    font-size: 0.9em !important;
    padding-top: 30px;
    text-align: center;
}

.history .sponsors {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.history .sponsors .sponsor-picture img {
        height: 170px;
        margin: 0 20px;
        pointer-events: none;
    }

.login-page-header {
    width: 100%;
}

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

.login-page .alert {
        width: 320px;
        margin: auto;
        margin-top: -30px;
        margin-bottom: 15px;
        text-align: center;
    }

.register-form {
    display: inline-block;
    text-align: center;
}

.register-button {
    margin-left: 10px;
}

.new-organization-button {
    margin-top: 10px;
}

input.new-organization-button {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.login-form {
    margin: auto;
    /* plus input padding. */
    width: calc(300px - -28px);
    margin-bottom: 10px;
}

.login-form .controls,.register-form .controls {
        margin-right: 10px;
    }

.login-social {
    max-width: 100%;
    min-width: 300px;
    margin: auto;
    text-align: center;
    margin-top: 10px;
}

.app-main,
.header-main {
    min-width: 350px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

.hello-main {
    max-width: none;
    min-width: 0;
    padding: 0 !important;
}

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

.top-links a {
        display: inline-block;
        color: hsl(0deg 0% 100%);
        padding: 2px 7px 1px 8px;
        font-weight: 600;
        font-size: 16px;
        transition: 0.2s ease-in;
        transition-property: background-color, color;
        border-radius: 4px;
    }

.top-links a:hover {
            -webkit-text-decoration: none;
            text-decoration: none;
            background-color: hsl(0deg 0% 100%);
            color: hsl(170deg 50% 40%);
        }

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

/* -- password reset container -- */
.password-reset {
    display: inline-block;
    text-align: left;
    width: 328px;
}
.password-reset form {
        margin: 0;
    }
.password-reset #pw_strength {
        width: 328px;
        margin-top: 20px;
    }
.password-reset .pitch {
        width: auto;
    }
.password-reset .input-group {
        margin: 15px 0;
    }
.password-reset .input-group input[type="text"],.password-reset .input-group input[type="password"] {
            width: calc(100% - 14px);
        }
.password-reset .input-group #pw_strength {
            width: 100%;
        }
.password-reset .input-group.m-t-30 {
            margin-top: 30px;
        }
.password-reset p {
        margin: 0;
    }
.password-reset .progress {
        margin: 0;
    }
.password-reset #email-section .fakecontrol {
        display: inline-block;
        margin: 0;
    }

.input-group.margin {
        margin: 10px 0;
    }

.input-group .progress {
        margin: 0;
        margin-top: 5px;
        display: inline-block;
    }

/* --- new settings styling --- */

.input-group input[type="radio"],.input-group input[type="checkbox"] {
        margin: 0 10px 0 0;
    }

.input-group input[type="radio"] {
        position: relative;
        top: 8px;
    }

.input-group label {
        margin: 0;
        padding: 5px 0;
    }

.input-group label.inline-block {
            /* eyeballing off-centered aesth. */
            margin-top: 1px;
        }

.input-group.radio {
        margin-left: 25px;
    }

.input-group.grid {
        padding: 10px 0;
        border-bottom: 1px solid hsl(0deg 0% 87%);
    }

.input-group.grid label.inline-block {
            width: 200px;
        }

.center-container {
    min-height: calc(100vh - 94px);
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#registration-email {
    margin-bottom: 18px;
}

#registration-email label {
        float: left;
        width: 100%;
        display: block;
        margin-left: 2px;
        margin-bottom: 0;
        text-align: left;
        font-weight: 600;
        font-size: 1rem;
    }

#registration-email .controls {
        padding-top: 25px;
        margin: 2px;
    }

.center-block {
    text-align: left;
    display: inline-block;
}

.center-block .pitch {
        width: 100%;
        margin-bottom: 20px;
    }

.center-block .controls {
        margin: 0;
        text-align: left;
    }

.center-block #send_confirm input[type="text"] {
        margin-top: 20px;
    }

.center-block .button {
        margin-top: 20px;
        padding: 5px 10px;
        border-radius: 2px;
        font-size: 16px;
        font-weight: 300;
    }

#config_error_page .pitch {
        text-align: center;
        width: 100%;
    }

#config_error_page .white-box {
        max-width: 600px;
    }

.error_page {
    min-height: calc(100vh - var(--height-footer));
    padding: 20px 10px 50px;
    height: 100%;
    background-color: hsl(163deg 42% 85%);
    font-family: "Source Sans 3 VF", sans-serif;
}

.error_page img {
    display: block;
    clear: right;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
}

.error_page .errorbox {
    margin: auto;
    border: 2px solid hsl(163deg 43% 46%);
    max-width: 500px;
    background-color: hsl(0deg 0% 100%);
    box-shadow: 0 0 4px hsl(163deg 43% 46%);
    font-size: 18px;
}

.error_page .errorbox.config-error {
        max-width: 750px;
    }

.error_page p {
    color: hsl(0deg 0% 20%);
}

.error_page .errorcontent {
    text-align: left;
    padding: 40px 40px 30px;
}

.error_page .lead {
    color: hsl(163deg 49% 44%);
    font-size: 35px;
    margin-bottom: 20px;
    line-height: normal;
}

.hourglass-img {
    width: initial !important;
    margin-bottom: 25px !important;
}

#skip-navigation {
    background-color: hsl(170deg 47% 33%);
    color: hsl(0deg 0% 100%);
    border-radius: 4px;
    display: inline-block;
    font-weight: 600;
    left: 330px;
    outline: none;
    padding: 5px 12px;
    position: absolute;
    top: -1000px;
    z-index: 100;
}

#skip-navigation:focus-visible {
    text-underline-offset: 2px;
    top: 25px;
}

@media (max-width: 800px) {
        .app.help .markdown {
            width: 100vw;
            margin-left: 0;
        }

            .app.help .markdown .content {
                max-width: none;
                margin-left: 50px;
            }

        .app.help .hamburger {
            display: block;
            position: fixed;
            top: 70px;
            right: calc(100% - 40px);
            fill: hsl(0deg 0% 100%);
            z-index: 2;
            transition: 0.3s ease;
            transition-property:
                right, top; /* stylelint-disable-line plugin/no-low-performance-animation-properties */
            cursor: pointer;
        }

        .app.help .sidebar {
            position: fixed;
            top: 59px;
            right: calc(100% - 50px);
            width: 100%;
            min-width: unset;
            height: calc(100vh - 59px);
            pointer-events: none;
            overflow: hidden;
            transform: translateX(0);
            transition: transform 0.3s ease;
        }

        .app.help .sidebar.show {
            pointer-events: initial;
            transform: translateX(calc(100% - 50px));
            overflow: auto;
        }

            .app.help .sidebar.show .content {
                visibility: visible;
            }

            .app.help .sidebar.show  + .hamburger {
                right: 12px;
            }

            .app.help .sidebar.show  ~ .markdown {
                filter: brightness(0.7);
            }

    .app-main,
    .header-main {
        min-width: auto;
    }

    .app-main {
        padding: 0;
    }
        .help .sidebar .content:not(.show) {
            visibility: hidden;
        }

        .help .sidebar:not(.show) a.highlighted {
            background-color: transparent;
        }

    #skip-navigation {
        left: 80px;
    }

    #skip-navigation:focus-visible {
        top: 30px;
    }
}

@media (max-width: 767px) {
    body {
        padding: 0 !important;
    }

    .input-large {
        display: block !important;
        width: 100% !important;
        min-height: 30px !important;
        margin: 0 !important;
        padding: 4px 6px !important;
        line-height: 20px !important;
        box-sizing: border-box !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .line-break-desktop {
        display: none;
    }

    .contributors-list {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-height: 600px) {
    .password-container {
        margin-top: 10px;
    }
}

@media (max-width: 558px) {
            .team .bdfl .profile-name,.team .bdfl .profile-role {
                text-align: center;
            }

    .top-links .find-accounts-link {
        display: none;
    }
}

@media (max-width: 500px) {
        .app.help .sidebar {
            top: 39px;
            height: calc(100vh - 39px);
        }

        .app.help .hamburger {
            top: 50px;
        }

    .help .markdown {
        height: calc(100vh - 39px);
    }

    .error_page .lead {
        font-size: 1.5em;
        margin-bottom: 10px;
    }

    .brand.logo .light {
        display: none;
    }

    .center-container {
        display: block;
    }

    .header {
        padding: 4px 0 6px;
    }

    .header-main {
        max-width: 100vw;
        padding: 0 10px;
    }

    #skip-navigation {
        left: 60px;
    }

    #skip-navigation:focus-visible {
        top: 10px;
    }
}

.emoji {
    height: 25px;
    width: 25px;
    vertical-align: text-bottom;
}

label.label-title {
    font-weight: 600;
}

.inline-block {
    display: inline-block;
    vertical-align: top;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.documentation-footer {
    font-size: 0.85rem;
    opacity: 0.8;
}

#devtools-wrapper {
    display: flex;
    justify-content: center;
}

#devtools-registration {
    float: left;
}

#devtools-registration form {
        display: inline;
    }

#devtools-page {
    max-width: 800px;
    margin: 0 auto;
}

#devtools-page .table-bordered {
        border: 1px solid hsl(0deg 0% 87%);
        border-collapse: separate;
        border-spacing: 0;
        border-left: 0;
        border-radius: 4px;
    }

#devtools-page .table-bordered th,#devtools-page .table-bordered td {
            border-left: 1px solid hsl(0deg 0% 87%);
        }

#devtools-page .table-bordered thead tr:first-child > th:first-child {
            border-top-left-radius: 4px;
        }

#devtools-page .table-bordered thead tr:first-child > th:last-child {
            border-top-right-radius: 4px;
        }

#devtools-page .table-bordered tbody tr:last-child > td:first-child {
            border-bottom-left-radius: 4px;
        }

#devtools-page .table-bordered tbody tr:last-child > td:last-child {
            border-bottom-right-radius: 4px;
        }

.portico-page.error {
    padding-bottom: 0;
}

.portico-page.error .portico-page-container {
    padding: 0;
}

#third-party-apps {
    margin-top: 20px;
    padding-right: 10px;
}

.api-argument .api-argument-name {
        font-family: "Source Code Pro", monospace;
    }

.api-argument .api-argument-name .api-argument-hover-link i.fa {
            opacity: 0;
            font-size: 0.9em;
        }

.api-argument .api-argument-name:hover .api-argument-hover-link i.fa {
            opacity: 1;
            color: hsl(0deg 0% 0%);
            cursor: pointer;
        }

.api-argument .api-field-type {
        text-transform: lowercase;
        font-weight: 600;
        font-size: 14px;
    }

.api-argument .api-argument-example-label {
        font-style: italic;
    }

.api-argument .api-argument-required {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        color: hsl(14deg 75% 60%);
    }

.api-argument .api-argument-optional {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 12px;
        color: hsl(0deg 0% 47%);
    }

.api-argument .api-argument-deprecated {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        color: hsl(0deg 50% 60%);
    }

.api-field-type {
    color: hsl(176deg 46.4% 41%);
}

.api-event-header .api-event-name {
        color: hsl(14deg 75% 60%);
        font-size: 1.1rem;
    }

.api-event-header .api-event-name .api-event-op {
            color: hsl(14deg 60% 60%);
            font-size: 1rem;
        }

.api-events-table {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 10px;
         column-gap: 10px;
    margin: 15px 0 0 10px;
}

.api-events-table .api-event-type,.api-events-table .api-event-link {
        line-height: 100%;
        font-weight: 600;
        margin-bottom: 7px;
    }

.api-events-table .api-event-ops {
        margin-left: 12px;
    }

@media (max-width: 1000px) {
    .api-events-table {
        -moz-column-count: 2;
             column-count: 2;
    }
}

@media (max-width: 500px) {
    .api-events-table {
        -moz-column-count: 1;
             column-count: 1;
    }
}

.desktop-redirect-box {
    text-align: center;
}

.desktop-redirect-box .copy-token-info {
        font-weight: normal;
    }

.desktop-redirect-box #desktop-data {
        padding: 13px 12px 12px;
        font-family: "Source Code Pro", monospace;
    }

.desktop-redirect-image {
    margin-bottom: 20px;
}

#navbar-custom-message {
    font-size: 1rem;
    background: linear-gradient(
        145deg,
        hsl(191deg 56% 55%),
        hsl(169deg 65% 42%)
    );
    color: hsl(0deg 0% 100%);
    font-weight: 600;
    text-align: center;
    position: relative;
    top: 0;
    padding: 10px;
    border-bottom: 1px solid hsl(177deg 52% 55%);
    z-index: 5;
}

#navbar-custom-message a {
        color: hsl(0deg 0% 100%);
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }

.text-image-in-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.text-image-in-row .text-image-in-row-image {
        width: 300px;
        height: auto;
    }

.text-image-in-row .text-image-in-row-text {
        align-content: center;
        max-width: 300px;
    }

.text-image-in-row .windborne-alaska-image {
        width: 255px;
    }

@media (max-width: 700px) {

.text-image-in-row {
        flex-wrap: wrap;
}

        .text-image-in-row .text-image-in-row-image {
            width: 100%;
            height: auto;
        }

        .text-image-in-row .text-image-in-row-text {
            max-width: 100%;
        }
    }

.markdown-image-caption {
    opacity: 0.8;
    margin-top: 5px;
    text-align: center;
    font-style: italic;
}

.markdown-image-with-caption {
    margin: 0;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.2_webpack@5.101.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!../node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.6_typescript@5.9.2_webpack@5.101.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./styles/portico/portico_signin.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
    min-height: 500px;
}

.flex {
    display: flex;
    padding: 20px 0 80px;
    align-items: center;
    justify-content: center;

    min-height: calc(100vh - var(--height-footer));
}

.m-10 {
    margin: 10px;
}

.semi-bold {
    font-weight: 600;
}

.white-box {
    position: relative;
    padding: 30px;
    min-width: 0;

    background-color: hsl(0deg 0% 100%);
    box-shadow: 0 0 4px hsl(0deg 0% 0% / 10%);
    border: 1px solid hsl(0deg 0% 87%);
    border-radius: 4px;
}

.bottom-text {
    text-align: center;
    margin-top: 20px;
    font-weight: 400;
    font-size: 0.9em;
}

.bottom-text a {
        color: hsl(164deg 100% 23%);
    }

.bottom-text a:hover {
            -webkit-text-decoration: none;
            text-decoration: none;
            color: hsl(156deg 62% 61%);
        }

.left-text {
    text-align: left;
    margin-top: 0;
}

#realm-import-post-process .get-started,#new-realm-creation .get-started {
        font-size: 2rem;
    }

#create-account {
    padding: 20px 0;
}

.bottom-text-large {
    text-align: center;
    margin-top: 20px;
    font-weight: 400;
    font-size: 1.2em;
}

.bottom-text-large a {
        color: hsl(164deg 100% 23%);
    }

.bottom-text-large a:hover {
            -webkit-text-decoration: none;
            text-decoration: none;
            color: hsl(156deg 62% 61%);
        }

.grey {
    color: hsl(0deg 0% 67%);
}

.app-main .login-page-header {
        font-size: 1.5em;
        font-weight: 300;
        margin: 0;
        line-height: 1.25;
        height: 0;
        transform: translateX(-15px) translateY(-60px);
        text-align: left;
    }

.app-main .login-page-container.dev-login .login-page-header {
            height: auto;
            margin-top: 20px;
            transform: none;
            text-align: center;
        }

.app-main .login-page-container.dev-login h2 {
            font-size: 1em;
            font-weight: 400;
        }

.app-main .login-page-container.dev-login .group {
            display: inline-block;
            vertical-align: top;

            margin: 0 20px;
        }

.app-main .login-page-container.dev-login select {
            height: 30px;
            padding: 0 6px;
            width: 220px;
            font-size: 14px;
            color: hsl(0deg 0% 33%);
            border-radius: 4px;
            border: 1px solid hsl(0deg 0% 80%);
            margin-bottom: 10px;
            cursor: pointer;
            background-color: hsl(0deg 0% 100%);
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

.app-main.forgot-password-container {
        font-weight: 400;
    }

.app-main.find-account-page-container {
        width: 500px;
        font-weight: 400;
    }

.app-main .find-account-form-tip {
        font-size: 0.8em;
    }

.app-main.goto-account-page-container {
        width: 500px;
        font-weight: 400;
    }

.app-main.goto-account-page-container .realm-redirect-form {
            text-align: center;
        }

.app-main.goto-account-page-container .realm-redirect-form .inline-block {
                text-align: center;
            }

.app-main.confirm-continue-page-container {
        width: 400px;
        font-weight: 400;
    }

.app-main.confirm-continue-page-container .white-box {
            min-width: 365px;
        }

.app-main.confirm-continue-page-container .form-inline {
            display: inline-block;
        }

.app-main.confirm-continue-page-container .form-inline .outline {
            border: 2px inset hsl(213deg 23% 25%);
            background-color: hsl(0deg 0% 100%);
            color: hsl(213deg 23% 25%);
            padding: 13px 20px 11px;
        }

.app-main.confirm-continue-page-container .form-inline .outline:hover {
                background-color: hsl(213deg 65% 97%);
            }

.app-main.confirm-continue-page-container p {
            font-size: 19px;
        }

.app-main.account-email-confirm-container .white-box {
        max-width: 545px;
    }

.login-page-container.dev-login {
        margin-top: 20px;
        border: none;
    }

.login-page-container.dev-login .login-form {
            width: auto;
        }

.login-page-container .group {
        margin: 0 20px;
        display: inline-block;
    }

.login-page-container .dev-button {
        color: hsl(170deg 41% 52%);
        border: 1px solid hsl(170deg 41% 52%);
        border-radius: 4px;
        background-color: transparent;
        font-family: inherit;
        font-weight: normal;
        line-height: 20px;
        vertical-align: middle;
        margin: 0;
        width: auto;

        transition:
            color 0.3s ease,
            border-color 0.3s ease;
    }

.login-page-container .dev-button:hover {
            color: hsl(156deg 62% 61%);
            border-color: hsl(156deg 62% 61%);
        }

.login-page-container .dev-button.dev-login-button {
            padding: 8px;
            font-size: 19px;
            min-width: 300px;
            cursor: pointer;
        }

.login-page-container .dev-button.dev-create-button {
            padding: 6px 12px;
            margin-bottom: 4px;
            font-size: 15px;
            cursor: pointer;
        }

.new-style .login-page-container .alert,
.register-page-container .new-style .alert {
    margin: 0;
    text-align: left;
    font-size: 0.7em;
    font-weight: 600;
}

.register-page-container.closed-realm .right-side {
            display: none;
        }

.register-page-container.closed-realm .left-side {
            border-right: none;
        }

.register-page-container.closed-realm .invite-required {
            display: block;

            color: hsl(0deg 0% 67%);
            font-weight: normal;
        }

.register-page-container .invite-required {
        display: none;
        line-height: 1;
    }

.register-page-container .invite-required i {
            margin-right: 5px;
        }

.forgot-password-container {
    width: 503px;
}

.forgot-password-container form {
        margin-bottom: 0;
    }

.deactivated-realm-container {
    width: 503px;
}

.header {
    color: hsl(0deg 0% 27%);
    background-color: hsl(0deg 0% 100%);
    position: sticky;
    width: 100%;
    top: 0;
}

.header .top-links a,.header .header-main .logo .portico-header-text {
        color: hsl(0deg 0% 27%);
    }

.register-form.new-style {
        text-align: left;
        color: hsl(0deg 0% 45%);
    }

.register-form #errors {
        font-size: 0.8em;
        font-weight: 400;
        margin-bottom: 20px;
        margin-top: 10px;
    }

.register-form #errors:empty {
            margin-top: 0;
        }

.register-form button {
        margin-top: 22px;
    }

.register-form .new-organization-button {
        margin-top: 25px;
    }

.register-form .new-organization-button[disabled] {
            cursor: default;
            opacity: 0.6;
        }

.account-accept-terms-page #registration,.account-accept-terms-page #accept_tos_button {
        margin: 0;
    }

.account-accept-terms-page .fakecontrol {
        font-weight: normal;
    }

.account-accept-terms-page .description {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 400;
        max-width: 400px;
    }

.account-accept-terms-page #new-user-email-address-visibility {
        max-width: 400px;
    }

.account-accept-terms-page .center-block {
        max-width: 800px;
    }

.account-accept-terms-page .center-block .controls {
            margin-bottom: 5px;
        }

.account-accept-terms-page #accept_tos_button {
        margin-top: 20px;
    }

.register-account .terms-of-service .input-group,.register-account .default-stream-groups .input-group,.register-account .default-stream-groups p {
        width: 330px;
        margin: 0 auto 10px;
    }

.account-creation {
    font-weight: 400;
}

.account-creation .pitch {
        margin-bottom: 0;
    }

.account-creation .alert.alert-info {
        padding: 8px 14px;
        text-align: left;

        font-size: 1em;
        line-height: 1.3;
    }

.account-creation .white-box p:last-of-type {
        margin-bottom: 0;
    }

.relative {
    position: relative;
}

.new-style button {
        display: inline-block;
        vertical-align: top;
        padding: 13px 22px;

        font-family: "Source Sans 3 VF", sans-serif;

        font-size: 1.2rem;
        font-weight: 400;
        box-sizing: border-box;
        outline: none;
        color: hsl(0deg 0% 100%);
        background-color: hsl(213deg 23% 25%);

        margin: 25px 0 5px;
        height: 50px;

        border: none;
        border-radius: 4px;

        transition: 0.3s ease;
        transition-property: background-color, outline;
    }

.new-style button:hover {
            background-color: hsl(213deg 33% 31%);
        }

.new-style button:active {
            background-color: hsl(214deg 28% 16%);
        }

.new-style button:focus {
            outline: 3px solid hsl(213deg 81% 79%);
        }

.new-style button.full-width {
            width: 100%;
        }

.new-style .alert-info {
        font-weight: 400;
    }

.new-style .alert:not(#server-deactivate-error):not(#server-login-error):not(.alert-info):not(.billing-page-success):not(.upgrade-page-success):not(.sponsorship-page-success):not(#autopay-error) {
            padding: 0;
            margin-bottom: 5px;
            font-weight: 600;
            font-size: 0.7em;
            line-height: 1.2;
            background-color: transparent;

            border: none;
            color: hsl(0deg 44% 54%);
        }

.new-style .alert.alert-error {
            text-align: left;
        }

.new-style .form-inline {
        margin: 0;
    }

.new-style .get-started {
        font-size: 2.5rem;
        text-align: center;
        color: hsl(0deg 0% 40%);
        margin-bottom: 20px;
    }

.new-style .right-side .alert {
        max-width: 328px;
    }

.new-style .input-box {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

.new-style .input-box input[type="text"],.new-style .input-box input[type="email"],.new-style .input-box input[type="password"],.new-style .input-box input[type="number"],.new-style .input-box input[type="url"],.new-style .input-box textarea,.new-style .input-box select {
            padding: 10px 32px 10px 12px;
            margin: 25px 0 5px;

            font-family: "Source Sans 3 VF", sans-serif;
            font-size: 1.2rem;
            line-height: normal;
            height: auto;

            width: 280px;

            border: 1px solid hsl(0deg 0% 87%);
            box-shadow: none;
            border-radius: 4px;
            background-color: hsl(0deg 0% 100%);
            color: hsl(0deg 0% 33%);

            transition: border-color 0.3s ease;
        }

.new-style .input-box input[type="text"]:focus:invalid {
                box-shadow: none;
                color: hsl(0deg 0% 27%);
            }

.new-style .input-box input[type="email"]:focus:invalid {
                box-shadow: none;
                color: hsl(0deg 0% 27%);
            }

.new-style .input-box input[type="password"]:focus:invalid {
                box-shadow: none;
                color: hsl(0deg 0% 27%);
            }

.new-style .input-box input[type="number"]:focus:invalid {
                box-shadow: none;
                color: hsl(0deg 0% 27%);
            }

.new-style .input-box input[type="url"]:focus:invalid {
                box-shadow: none;
                color: hsl(0deg 0% 27%);
            }

.new-style .input-box textarea:not(.does-not-exist):focus:invalid {
                box-shadow: none;
                color: hsl(0deg 0% 27%);
            }

.new-style .input-box select:not(.does-not-exist):focus:invalid {
                box-shadow: none;
                color: hsl(0deg 0% 27%);
            }

.new-style .input-box input[type="text"]:focus,.new-style .input-box input[type="email"]:focus,.new-style .input-box input[type="password"]:focus,.new-style .input-box input[type="number"]:focus,.new-style .input-box input[type="url"]:focus,.new-style .input-box textarea:not(.does-not-exist):focus,.new-style .input-box select:not(.does-not-exist):focus {
                border-color: hsl(0deg 0% 53%);
                outline: 0;
            }

.new-style .input-box input[type="email"] {
            margin-bottom: 10px;
        }

/* TODO: We need to audit all the portico <label> elements
           and:
           1) Add a unifying class so that these side-effect-prone
              element selectors don't continue to introduce ugly
              regressions
           2) Rework the containing layout of `.input-box` so as to
              not use fiddly positioning
           3) Clean up other related .altcha-label references in
              this file.
        */

.new-style .input-box label:not(.altcha-label) {
            position: absolute;
            top: 0;
            left: 0;

            margin-top: 1px;

            transition: 0.3s ease;
            transition-property:
                color, font-size, font-weight, transform; /* stylelint-disable-line plugin/no-low-performance-animation-properties */
        }

.new-style .input-box .altcha-label {
            /* Push back against Bootstrap. */
            margin-bottom: 0;
        }

.new-style .input-box.moving-label input[type="text"]:invalid + label {
                transform: translateY(39px) translateX(14px);
                font-size: 1.2rem;
                font-weight: 400;
                color: hsl(0deg 0% 67%);

                pointer-events: none;
            }

.new-style .input-box.moving-label input[type="email"]:invalid + label {
                transform: translateY(39px) translateX(14px);
                font-size: 1.2rem;
                font-weight: 400;
                color: hsl(0deg 0% 67%);

                pointer-events: none;
            }

.new-style .input-box.moving-label input[type="password"]:invalid + label {
                transform: translateY(39px) translateX(14px);
                font-size: 1.2rem;
                font-weight: 400;
                color: hsl(0deg 0% 67%);

                pointer-events: none;
            }

.new-style .input-box input[type="text"]:valid + label {
            left: 0;
            transform: translateY(0) translateX(0);
            pointer-events: auto;

            font-size: 1rem;
            font-weight: 600;
            color: hsl(0deg 0% 27%);
        }

.new-style .input-box input[type="email"]:valid + label {
            left: 0;
            transform: translateY(0) translateX(0);
            pointer-events: auto;

            font-size: 1rem;
            font-weight: 600;
            color: hsl(0deg 0% 27%);
        }

.new-style .input-box input[type="password"]:valid + label {
            left: 0;
            transform: translateY(0) translateX(0);
            pointer-events: auto;

            font-size: 1rem;
            font-weight: 600;
            color: hsl(0deg 0% 27%);
        }

.new-style .input-box select:valid + label {
            left: 0;
            transform: translateY(0) translateX(0);
            pointer-events: auto;

            font-size: 1rem;
            font-weight: 600;
            color: hsl(0deg 0% 27%);
        }

.new-style .input-box label,.new-style .input-box input[type="text"]:focus + label,.new-style .input-box input[type="email"]:focus + label,.new-style .input-box input[type="password"]:focus + label,.new-style .input-box select:focus + label {
            left: 0;
            transform: translateY(0) translateX(0);
            pointer-events: auto;

            font-size: 1rem;
            font-weight: 600;
            color: hsl(0deg 0% 27%);
        }

/* The width of the "Organization name" text box
           right above this one is also 326px. */

.new-style .input-box select {
            width: 326px;
            cursor: pointer;
        }

.new-style .input-box p.text-error {
            display: block;
            padding: 0;

            color: hsl(1.1deg 44.7% 50.4%);
            font-size: 0.7em;
            font-weight: 600;
            text-align: left;
            line-height: 1.2;

            position: relative;
            left: 1px;
        }

.new-style .input-box label.text-error {
            display: block;

            top: 0;
            right: 0;
            text-align: right;
            color: hsl(1.1deg 44.7% 50.4%);
            font-size: 0.7em;
            font-weight: 600;
            padding-left: 0;
        }

.new-style .lead {
        margin: 0;
    }

.new-style .inline-block {
        text-align: left;
    }

.new-style .contact-admin p.invite-hint {
        font-size: 1.3rem;
        margin-top: 0.8rem;
        text-align: center;
    }

#login_form .input-box {
        display: block;
    }

#login_form .loader {
        display: none;
        vertical-align: top;
        position: relative;

        height: 30px;
        margin-top: -10px;
        top: 5px;
    }

.registration-form-hint {
    text-align: left;
    font-size: 0.8em;
    line-height: normal;
    margin-left: 2px;
}

.registration-form-hint .change_email_address_visibility {
        cursor: pointer;
    }

#change-email-address-visibility-modal {
    font-weight: 400;
}

#change-email-address-visibility-modal label {
        font-size: inherit;
    }

#change-email-address-visibility-modal h1 {
        font-weight: 600;
        font-family: inherit;
    }

#change-email-address-visibility-modal select {
        margin-bottom: 10px;
        width: -moz-fit-content;
        width: fit-content;
        font-size: 16px;
        font-family: inherit;
    }

/* -- /accounts/register/ page -- */
.portico-page .pitch h1 {
            margin-bottom: 5px;
        }
.portico-page .pitch p {
            font-weight: 400;
            color: hsl(0deg 0% 67%);
        }
.portico-page .or {
        width: 100%;
        display: block;
        margin: 10px auto;
        color: hsl(0deg 0% 34%);
        font-weight: 600;
        text-align: center;
        position: relative;
        z-index: 1;
    }
.portico-page .or::before {
            content: " ";

            display: inline-block;
            position: absolute;
            width: calc(100% - 5px);
            top: calc(50% - 2px);
            left: 0;
            z-index: -1;

            border-bottom: 2px solid hsl(0deg 0% 87%);
        }
.portico-page .or span {
            background-color: hsl(0deg 0% 100%);
            padding: 0 5px;
        }

.register-account .pitch,
.account-accept-terms-page .pitch {
    margin-bottom: 5px;
    text-align: center;
}

.split-view .org-header {
        text-align: left;
    }

.split-view .org-header .info-box {
            display: inline-block;
            position: relative;
            margin: 20px 0 0 20px;
            width: calc(100% - 125px);

            /* full width minus the avatar + padding + borders */
            text-align: left;
        }

.split-view .left-side {
        width: 500px;
        border-right: 1px solid hsl(0deg 0% 93%);
        position: relative;
        left: -1px;
    }

.split-view .left-side .description {
            text-align: left;
            font-weight: normal;

            margin-top: 20px;
            margin-right: 10px;
        }

.split-view .left-side  + .right-side {
            border-left: 1px solid hsl(0deg 0% 93%);
            /* this is to make sure the borders of the left and right side overlap
               each other. */
            padding-left: 15px;
            margin-left: -5px;
        }

.split-view .right-side .form-inline {
        width: 328px;
    }

.split-view .right-side,
.split-view .left-side {
    display: inline-block;
    vertical-align: top;
}

.split-view .org-header .avatar,
.register-page-container .org-header .avatar {
    display: inline-block;
    vertical-align: top;

    width: 100px;
    height: 100px;
}

.info-box .organization-name,.info-box .organization-path {
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.info-box .organization-name {
        font-size: 1.5em;
        font-weight: 300;
        line-height: 1.2;
    }

.info-box .organization-path {
        font-weight: 400;
        color: hsl(0deg 0% 47%);
        margin-top: 5px;
    }

.confirm-email-change-page .white-box {
    max-width: 500px;
    overflow-wrap: anywhere;
}

.anonymous_access_form button {
        /* Avoid excessive space at top of login form */
        margin-top: 0;
    }

button.login-social-button {
    width: 328px;
    height: auto;
    /* Using 16% gives us space between text and icon so that they don't overlap. */
    padding-left: 16%;
    line-height: 1;

    background-size: auto 60%;
    background-repeat: no-repeat;
    background-position: 13px 50%;
    background-color: hsl(0deg 0% 100%);
    box-shadow:
        0 1px 3px hsl(0deg 0% 0% / 30%),
        0 0 5px hsl(0deg 0% 0% / 10%);
    margin-left: 0;
    margin-top: 0;

    color: hsl(0deg 0% 34%);
}

button.login-social-button:hover {
        background-color: hsl(0deg 0% 98%);
        box-shadow: 1px 2px 5px hsl(0deg 0% 0% / 20%);
    }

button.login-social-button:active {
        background-color: hsl(0deg 0% 93%);
        box-shadow: 0 1px 1px hsl(0deg 0% 0% / 30%);
    }

button#login_auth_button_gitlab,
button#register_auth_button_gitlab {
    /* GitLab icon size looks a bit inconsistent with others. This fixes it. */
    background-size: auto 90%;
    background-position-x: 3px;
}

.login-page-container .right-side .actions,
.back-to-login-wrapper {
    margin: 20px 0 0;
    text-align: left;
}

.login-page-container .right-side .actions.forgot-password-container,.forgot-password-container.back-to-login-wrapper:not(.does-not-exist):not(.does-not-exist) {
        margin: 0;
    }

.login-page-container .right-side .actions.signup-link-wrapper,.signup-link-wrapper.back-to-login-wrapper:not(.does-not-exist):not(.does-not-exist) {
        font-weight: normal;
        float: right;
    }

.login-page-container .right-side .actions.signup-link-wrapper .register-link,.signup-link-wrapper.back-to-login-wrapper:not(.does-not-exist):not(.does-not-exist) .register-link {
            font-size: 1rem;
            margin-left: 5px;
        }

.register-page-container .register-form-login-redirect {
    margin-top: 10px;
    float: right;
    font-size: 17px;
    font-weight: normal;
}

.register-page-container .register-form-login-redirect .register-link {
        font-size: 17px;
        margin-left: 5px;
    }

.back-to-login-wrapper .back-to-login {
    display: flex;
    gap: 5px;
    align-items: center;
}

.back-to-login-wrapper .back-to-login i {
        position: relative;
        top: -1px;
        font-size: 0.8em;
    }

.split-view .actions a,
.back-to-login {
    color: hsl(164deg 100% 23%);
    -webkit-text-decoration: none;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.8em;
    line-height: 1.5;
    vertical-align: top;

    transition: color 0.2s ease;
}

.split-view .actions a:hover,.back-to-login:not(.does-not-exist):not(does-not-exist):hover {
        -webkit-text-decoration: none;
        text-decoration: none;
        color: hsl(156deg 62% 61%);
    }

#realm-import-post-process,
#realm-creation-form-slack-import,
#account-deactivated-success-page-details,
#server-deactivate-details,
#remote-billing-confirm-login-form,
#remote-billing-confirm-email-form,
#server-login-page-details,
#upgrade-page-details,
#billing-page-details,
#sponsorship-form,
#sponsorship-status-page-details,
#registration,
#new-realm-creation {
    width: auto;
    padding: 0;
    margin: 30px;
}

#realm-import-post-process fieldset,#realm-creation-form-slack-import fieldset,#account-deactivated-success-page-details fieldset,#server-deactivate-details fieldset,#remote-billing-confirm-login-form fieldset,#remote-billing-confirm-email-form fieldset,#server-login-page-details fieldset,#upgrade-page-details fieldset,#billing-page-details fieldset,#sponsorship-form fieldset,#sponsorship-status-page-details fieldset,#registration fieldset,#new-realm-creation fieldset {
        margin: 30px;
        padding: 0;
        border: 0;
    }

#realm-import-post-process fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#realm-creation-form-slack-import fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#account-deactivated-success-page-details fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#server-deactivate-details fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#remote-billing-confirm-login-form fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#remote-billing-confirm-email-form fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#server-login-page-details fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#upgrade-page-details fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#billing-page-details fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#sponsorship-form fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#sponsorship-status-page-details fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#registration fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#new-realm-creation fieldset .input-box:last-child {
            margin-bottom: 0;
        }

#realm-import-post-process .info-box,#realm-creation-form-slack-import .info-box,#account-deactivated-success-page-details .info-box,#server-deactivate-details .info-box,#remote-billing-confirm-login-form .info-box,#remote-billing-confirm-email-form .info-box,#server-login-page-details .info-box,#upgrade-page-details .info-box,#billing-page-details .info-box,#sponsorship-form .info-box,#sponsorship-status-page-details .info-box,#registration .info-box,#new-realm-creation .info-box {
        margin: 10px 0 0 20px;
    }

#realm-import-post-process .info-box .organization-name,#realm-creation-form-slack-import .info-box .organization-name,#account-deactivated-success-page-details .info-box .organization-name,#server-deactivate-details .info-box .organization-name,#remote-billing-confirm-login-form .info-box .organization-name,#remote-billing-confirm-email-form .info-box .organization-name,#server-login-page-details .info-box .organization-name,#upgrade-page-details .info-box .organization-name,#billing-page-details .info-box .organization-name,#sponsorship-form .info-box .organization-name,#sponsorship-status-page-details .info-box .organization-name,#registration .info-box .organization-name,#new-realm-creation .info-box .organization-name {
            max-width: 228px;
        }

#realm-import-post-process .input-box,#realm-creation-form-slack-import .input-box,#account-deactivated-success-page-details .input-box,#server-deactivate-details .input-box,#remote-billing-confirm-login-form .input-box,#remote-billing-confirm-email-form .input-box,#server-login-page-details .input-box,#upgrade-page-details .input-box,#billing-page-details .input-box,#sponsorship-form .input-box,#sponsorship-status-page-details .input-box,#registration .input-box,#new-realm-creation .input-box {
        display: block;
        text-align: center;
        width: 330px;
        margin: 25px auto 10px;
        position: relative;
    }

#realm-import-post-process .input-box.full-width,#realm-creation-form-slack-import .input-box.full-width,#account-deactivated-success-page-details .input-box.full-width,#server-deactivate-details .input-box.full-width,#remote-billing-confirm-login-form .input-box.full-width,#remote-billing-confirm-email-form .input-box.full-width,#server-login-page-details .input-box.full-width,#upgrade-page-details .input-box.full-width,#billing-page-details .input-box.full-width,#sponsorship-form .input-box.full-width,#sponsorship-status-page-details .input-box.full-width,#registration .input-box.full-width,#new-realm-creation .input-box.full-width {
            width: calc(100% - 20px);
        }

#realm-import-post-process .input-box label:not(.altcha-label),#realm-creation-form-slack-import .input-box label:not(.altcha-label),#account-deactivated-success-page-details .input-box label:not(.altcha-label),#server-deactivate-details .input-box label:not(.altcha-label),#remote-billing-confirm-login-form .input-box label:not(.altcha-label),#remote-billing-confirm-email-form .input-box label:not(.altcha-label),#server-login-page-details .input-box label:not(.altcha-label),#upgrade-page-details .input-box label:not(.altcha-label),#billing-page-details .input-box label:not(.altcha-label),#sponsorship-form .input-box label:not(.altcha-label),#sponsorship-status-page-details .input-box label:not(.altcha-label),#registration .input-box label:not(.altcha-label),#new-realm-creation .input-box label:not(.altcha-label) {
            position: absolute;
            margin: 0;
            top: 0;
            left: 2px;
        }

#realm-import-post-process .input-box label.static:not(.altcha-label),#realm-creation-form-slack-import .input-box label.static:not(.altcha-label),#account-deactivated-success-page-details .input-box label.static:not(.altcha-label),#server-deactivate-details .input-box label.static:not(.altcha-label),#remote-billing-confirm-login-form .input-box label.static:not(.altcha-label),#remote-billing-confirm-email-form .input-box label.static:not(.altcha-label),#server-login-page-details .input-box label.static:not(.altcha-label),#upgrade-page-details .input-box label.static:not(.altcha-label),#billing-page-details .input-box label.static:not(.altcha-label),#sponsorship-form .input-box label.static:not(.altcha-label),#sponsorship-status-page-details .input-box label.static:not(.altcha-label),#registration .input-box label.static:not(.altcha-label),#new-realm-creation .input-box label.static:not(.altcha-label) {
                width: 100%;
                text-align: left;
                position: static !important;
                margin-left: 2px;
            }

#realm-import-post-process .input-box.account-deactivated-success-page-field,#realm-creation-form-slack-import .input-box.account-deactivated-success-page-field,#account-deactivated-success-page-details .input-box.account-deactivated-success-page-field,#server-deactivate-details .input-box.account-deactivated-success-page-field,#remote-billing-confirm-login-form .input-box.account-deactivated-success-page-field,#remote-billing-confirm-email-form .input-box.account-deactivated-success-page-field,#server-login-page-details .input-box.account-deactivated-success-page-field,#upgrade-page-details .input-box.account-deactivated-success-page-field,#billing-page-details .input-box.account-deactivated-success-page-field,#sponsorship-form .input-box.account-deactivated-success-page-field,#sponsorship-status-page-details .input-box.account-deactivated-success-page-field,#registration .input-box.account-deactivated-success-page-field,#new-realm-creation .input-box.account-deactivated-success-page-field,#realm-import-post-process .input-box.server-deactivate-form-field,#realm-creation-form-slack-import .input-box.server-deactivate-form-field,#account-deactivated-success-page-details .input-box.server-deactivate-form-field,#server-deactivate-details .input-box.server-deactivate-form-field,#remote-billing-confirm-login-form .input-box.server-deactivate-form-field,#remote-billing-confirm-email-form .input-box.server-deactivate-form-field,#server-login-page-details .input-box.server-deactivate-form-field,#upgrade-page-details .input-box.server-deactivate-form-field,#billing-page-details .input-box.server-deactivate-form-field,#sponsorship-form .input-box.server-deactivate-form-field,#sponsorship-status-page-details .input-box.server-deactivate-form-field,#registration .input-box.server-deactivate-form-field,#new-realm-creation .input-box.server-deactivate-form-field,#realm-import-post-process .input-box.remote-billing-confirm-login-form-field,#realm-creation-form-slack-import .input-box.remote-billing-confirm-login-form-field,#account-deactivated-success-page-details .input-box.remote-billing-confirm-login-form-field,#server-deactivate-details .input-box.remote-billing-confirm-login-form-field,#remote-billing-confirm-login-form .input-box.remote-billing-confirm-login-form-field,#remote-billing-confirm-email-form .input-box.remote-billing-confirm-login-form-field,#server-login-page-details .input-box.remote-billing-confirm-login-form-field,#upgrade-page-details .input-box.remote-billing-confirm-login-form-field,#billing-page-details .input-box.remote-billing-confirm-login-form-field,#sponsorship-form .input-box.remote-billing-confirm-login-form-field,#sponsorship-status-page-details .input-box.remote-billing-confirm-login-form-field,#registration .input-box.remote-billing-confirm-login-form-field,#new-realm-creation .input-box.remote-billing-confirm-login-form-field,#realm-import-post-process .input-box.server-login-form-field,#realm-creation-form-slack-import .input-box.server-login-form-field,#account-deactivated-success-page-details .input-box.server-login-form-field,#server-deactivate-details .input-box.server-login-form-field,#remote-billing-confirm-login-form .input-box.server-login-form-field,#remote-billing-confirm-email-form .input-box.server-login-form-field,#server-login-page-details .input-box.server-login-form-field,#upgrade-page-details .input-box.server-login-form-field,#billing-page-details .input-box.server-login-form-field,#sponsorship-form .input-box.server-login-form-field,#sponsorship-status-page-details .input-box.server-login-form-field,#registration .input-box.server-login-form-field,#new-realm-creation .input-box.server-login-form-field,#realm-import-post-process .input-box.upgrade-page-field,#realm-creation-form-slack-import .input-box.upgrade-page-field,#account-deactivated-success-page-details .input-box.upgrade-page-field,#server-deactivate-details .input-box.upgrade-page-field,#remote-billing-confirm-login-form .input-box.upgrade-page-field,#remote-billing-confirm-email-form .input-box.upgrade-page-field,#server-login-page-details .input-box.upgrade-page-field,#upgrade-page-details .input-box.upgrade-page-field,#billing-page-details .input-box.upgrade-page-field,#sponsorship-form .input-box.upgrade-page-field,#sponsorship-status-page-details .input-box.upgrade-page-field,#registration .input-box.upgrade-page-field,#new-realm-creation .input-box.upgrade-page-field,#realm-import-post-process .input-box.billing-page-field,#realm-creation-form-slack-import .input-box.billing-page-field,#account-deactivated-success-page-details .input-box.billing-page-field,#server-deactivate-details .input-box.billing-page-field,#remote-billing-confirm-login-form .input-box.billing-page-field,#remote-billing-confirm-email-form .input-box.billing-page-field,#server-login-page-details .input-box.billing-page-field,#upgrade-page-details .input-box.billing-page-field,#billing-page-details .input-box.billing-page-field,#sponsorship-form .input-box.billing-page-field,#sponsorship-status-page-details .input-box.billing-page-field,#registration .input-box.billing-page-field,#new-realm-creation .input-box.billing-page-field,#realm-import-post-process .input-box.support-form-field,#realm-creation-form-slack-import .input-box.support-form-field,#account-deactivated-success-page-details .input-box.support-form-field,#server-deactivate-details .input-box.support-form-field,#remote-billing-confirm-login-form .input-box.support-form-field,#remote-billing-confirm-email-form .input-box.support-form-field,#server-login-page-details .input-box.support-form-field,#upgrade-page-details .input-box.support-form-field,#billing-page-details .input-box.support-form-field,#sponsorship-form .input-box.support-form-field,#sponsorship-status-page-details .input-box.support-form-field,#registration .input-box.support-form-field,#new-realm-creation .input-box.support-form-field,#realm-import-post-process .input-box.sponsorship-form-field,#realm-creation-form-slack-import .input-box.sponsorship-form-field,#account-deactivated-success-page-details .input-box.sponsorship-form-field,#server-deactivate-details .input-box.sponsorship-form-field,#remote-billing-confirm-login-form .input-box.sponsorship-form-field,#remote-billing-confirm-email-form .input-box.sponsorship-form-field,#server-login-page-details .input-box.sponsorship-form-field,#upgrade-page-details .input-box.sponsorship-form-field,#billing-page-details .input-box.sponsorship-form-field,#sponsorship-form .input-box.sponsorship-form-field,#sponsorship-status-page-details .input-box.sponsorship-form-field,#registration .input-box.sponsorship-form-field,#new-realm-creation .input-box.sponsorship-form-field {
            width: 450px;
        }

#realm-import-post-process .input-box.account-deactivated-success-page-field input,#realm-creation-form-slack-import .input-box.account-deactivated-success-page-field input,#account-deactivated-success-page-details .input-box.account-deactivated-success-page-field input,#server-deactivate-details .input-box.account-deactivated-success-page-field input,#remote-billing-confirm-login-form .input-box.account-deactivated-success-page-field input,#remote-billing-confirm-email-form .input-box.account-deactivated-success-page-field input,#server-login-page-details .input-box.account-deactivated-success-page-field input,#upgrade-page-details .input-box.account-deactivated-success-page-field input,#billing-page-details .input-box.account-deactivated-success-page-field input,#sponsorship-form .input-box.account-deactivated-success-page-field input,#sponsorship-status-page-details .input-box.account-deactivated-success-page-field input,#registration .input-box.account-deactivated-success-page-field input,#new-realm-creation .input-box.account-deactivated-success-page-field input,#realm-import-post-process .input-box.server-deactivate-form-field input,#realm-creation-form-slack-import .input-box.server-deactivate-form-field input,#account-deactivated-success-page-details .input-box.server-deactivate-form-field input,#server-deactivate-details .input-box.server-deactivate-form-field input,#remote-billing-confirm-login-form .input-box.server-deactivate-form-field input,#remote-billing-confirm-email-form .input-box.server-deactivate-form-field input,#server-login-page-details .input-box.server-deactivate-form-field input,#upgrade-page-details .input-box.server-deactivate-form-field input,#billing-page-details .input-box.server-deactivate-form-field input,#sponsorship-form .input-box.server-deactivate-form-field input,#sponsorship-status-page-details .input-box.server-deactivate-form-field input,#registration .input-box.server-deactivate-form-field input,#new-realm-creation .input-box.server-deactivate-form-field input,#realm-import-post-process .input-box.remote-billing-confirm-login-form-field input,#realm-creation-form-slack-import .input-box.remote-billing-confirm-login-form-field input,#account-deactivated-success-page-details .input-box.remote-billing-confirm-login-form-field input,#server-deactivate-details .input-box.remote-billing-confirm-login-form-field input,#remote-billing-confirm-login-form .input-box.remote-billing-confirm-login-form-field input,#remote-billing-confirm-email-form .input-box.remote-billing-confirm-login-form-field input,#server-login-page-details .input-box.remote-billing-confirm-login-form-field input,#upgrade-page-details .input-box.remote-billing-confirm-login-form-field input,#billing-page-details .input-box.remote-billing-confirm-login-form-field input,#sponsorship-form .input-box.remote-billing-confirm-login-form-field input,#sponsorship-status-page-details .input-box.remote-billing-confirm-login-form-field input,#registration .input-box.remote-billing-confirm-login-form-field input,#new-realm-creation .input-box.remote-billing-confirm-login-form-field input,#realm-import-post-process .input-box.server-login-form-field input,#realm-creation-form-slack-import .input-box.server-login-form-field input,#account-deactivated-success-page-details .input-box.server-login-form-field input,#server-deactivate-details .input-box.server-login-form-field input,#remote-billing-confirm-login-form .input-box.server-login-form-field input,#remote-billing-confirm-email-form .input-box.server-login-form-field input,#server-login-page-details .input-box.server-login-form-field input,#upgrade-page-details .input-box.server-login-form-field input,#billing-page-details .input-box.server-login-form-field input,#sponsorship-form .input-box.server-login-form-field input,#sponsorship-status-page-details .input-box.server-login-form-field input,#registration .input-box.server-login-form-field input,#new-realm-creation .input-box.server-login-form-field input,#realm-import-post-process .input-box.upgrade-page-field input,#realm-creation-form-slack-import .input-box.upgrade-page-field input,#account-deactivated-success-page-details .input-box.upgrade-page-field input,#server-deactivate-details .input-box.upgrade-page-field input,#remote-billing-confirm-login-form .input-box.upgrade-page-field input,#remote-billing-confirm-email-form .input-box.upgrade-page-field input,#server-login-page-details .input-box.upgrade-page-field input,#upgrade-page-details .input-box.upgrade-page-field input,#billing-page-details .input-box.upgrade-page-field input,#sponsorship-form .input-box.upgrade-page-field input,#sponsorship-status-page-details .input-box.upgrade-page-field input,#registration .input-box.upgrade-page-field input,#new-realm-creation .input-box.upgrade-page-field input,#realm-import-post-process .input-box.billing-page-field input,#realm-creation-form-slack-import .input-box.billing-page-field input,#account-deactivated-success-page-details .input-box.billing-page-field input,#server-deactivate-details .input-box.billing-page-field input,#remote-billing-confirm-login-form .input-box.billing-page-field input,#remote-billing-confirm-email-form .input-box.billing-page-field input,#server-login-page-details .input-box.billing-page-field input,#upgrade-page-details .input-box.billing-page-field input,#billing-page-details .input-box.billing-page-field input,#sponsorship-form .input-box.billing-page-field input,#sponsorship-status-page-details .input-box.billing-page-field input,#registration .input-box.billing-page-field input,#new-realm-creation .input-box.billing-page-field input,#realm-import-post-process .input-box.support-form-field input,#realm-creation-form-slack-import .input-box.support-form-field input,#account-deactivated-success-page-details .input-box.support-form-field input,#server-deactivate-details .input-box.support-form-field input,#remote-billing-confirm-login-form .input-box.support-form-field input,#remote-billing-confirm-email-form .input-box.support-form-field input,#server-login-page-details .input-box.support-form-field input,#upgrade-page-details .input-box.support-form-field input,#billing-page-details .input-box.support-form-field input,#sponsorship-form .input-box.support-form-field input,#sponsorship-status-page-details .input-box.support-form-field input,#registration .input-box.support-form-field input,#new-realm-creation .input-box.support-form-field input,#realm-import-post-process .input-box.sponsorship-form-field input,#realm-creation-form-slack-import .input-box.sponsorship-form-field input,#account-deactivated-success-page-details .input-box.sponsorship-form-field input,#server-deactivate-details .input-box.sponsorship-form-field input,#remote-billing-confirm-login-form .input-box.sponsorship-form-field input,#remote-billing-confirm-email-form .input-box.sponsorship-form-field input,#server-login-page-details .input-box.sponsorship-form-field input,#upgrade-page-details .input-box.sponsorship-form-field input,#billing-page-details .input-box.sponsorship-form-field input,#sponsorship-form .input-box.sponsorship-form-field input,#sponsorship-status-page-details .input-box.sponsorship-form-field input,#registration .input-box.sponsorship-form-field input,#new-realm-creation .input-box.sponsorship-form-field input,#realm-import-post-process .input-box.account-deactivated-success-page-field textarea,#realm-creation-form-slack-import .input-box.account-deactivated-success-page-field textarea,#account-deactivated-success-page-details .input-box.account-deactivated-success-page-field textarea,#server-deactivate-details .input-box.account-deactivated-success-page-field textarea,#remote-billing-confirm-login-form .input-box.account-deactivated-success-page-field textarea,#remote-billing-confirm-email-form .input-box.account-deactivated-success-page-field textarea,#server-login-page-details .input-box.account-deactivated-success-page-field textarea,#upgrade-page-details .input-box.account-deactivated-success-page-field textarea,#billing-page-details .input-box.account-deactivated-success-page-field textarea,#sponsorship-form .input-box.account-deactivated-success-page-field textarea,#sponsorship-status-page-details .input-box.account-deactivated-success-page-field textarea,#registration .input-box.account-deactivated-success-page-field textarea,#new-realm-creation .input-box.account-deactivated-success-page-field textarea,#realm-import-post-process .input-box.server-deactivate-form-field textarea,#realm-creation-form-slack-import .input-box.server-deactivate-form-field textarea,#account-deactivated-success-page-details .input-box.server-deactivate-form-field textarea,#server-deactivate-details .input-box.server-deactivate-form-field textarea,#remote-billing-confirm-login-form .input-box.server-deactivate-form-field textarea,#remote-billing-confirm-email-form .input-box.server-deactivate-form-field textarea,#server-login-page-details .input-box.server-deactivate-form-field textarea,#upgrade-page-details .input-box.server-deactivate-form-field textarea,#billing-page-details .input-box.server-deactivate-form-field textarea,#sponsorship-form .input-box.server-deactivate-form-field textarea,#sponsorship-status-page-details .input-box.server-deactivate-form-field textarea,#registration .input-box.server-deactivate-form-field textarea,#new-realm-creation .input-box.server-deactivate-form-field textarea,#realm-import-post-process .input-box.remote-billing-confirm-login-form-field textarea,#realm-creation-form-slack-import .input-box.remote-billing-confirm-login-form-field textarea,#account-deactivated-success-page-details .input-box.remote-billing-confirm-login-form-field textarea,#server-deactivate-details .input-box.remote-billing-confirm-login-form-field textarea,#remote-billing-confirm-login-form .input-box.remote-billing-confirm-login-form-field textarea,#remote-billing-confirm-email-form .input-box.remote-billing-confirm-login-form-field textarea,#server-login-page-details .input-box.remote-billing-confirm-login-form-field textarea,#upgrade-page-details .input-box.remote-billing-confirm-login-form-field textarea,#billing-page-details .input-box.remote-billing-confirm-login-form-field textarea,#sponsorship-form .input-box.remote-billing-confirm-login-form-field textarea,#sponsorship-status-page-details .input-box.remote-billing-confirm-login-form-field textarea,#registration .input-box.remote-billing-confirm-login-form-field textarea,#new-realm-creation .input-box.remote-billing-confirm-login-form-field textarea,#realm-import-post-process .input-box.server-login-form-field textarea,#realm-creation-form-slack-import .input-box.server-login-form-field textarea,#account-deactivated-success-page-details .input-box.server-login-form-field textarea,#server-deactivate-details .input-box.server-login-form-field textarea,#remote-billing-confirm-login-form .input-box.server-login-form-field textarea,#remote-billing-confirm-email-form .input-box.server-login-form-field textarea,#server-login-page-details .input-box.server-login-form-field textarea,#upgrade-page-details .input-box.server-login-form-field textarea,#billing-page-details .input-box.server-login-form-field textarea,#sponsorship-form .input-box.server-login-form-field textarea,#sponsorship-status-page-details .input-box.server-login-form-field textarea,#registration .input-box.server-login-form-field textarea,#new-realm-creation .input-box.server-login-form-field textarea,#realm-import-post-process .input-box.upgrade-page-field textarea,#realm-creation-form-slack-import .input-box.upgrade-page-field textarea,#account-deactivated-success-page-details .input-box.upgrade-page-field textarea,#server-deactivate-details .input-box.upgrade-page-field textarea,#remote-billing-confirm-login-form .input-box.upgrade-page-field textarea,#remote-billing-confirm-email-form .input-box.upgrade-page-field textarea,#server-login-page-details .input-box.upgrade-page-field textarea,#upgrade-page-details .input-box.upgrade-page-field textarea,#billing-page-details .input-box.upgrade-page-field textarea,#sponsorship-form .input-box.upgrade-page-field textarea,#sponsorship-status-page-details .input-box.upgrade-page-field textarea,#registration .input-box.upgrade-page-field textarea,#new-realm-creation .input-box.upgrade-page-field textarea,#realm-import-post-process .input-box.billing-page-field textarea,#realm-creation-form-slack-import .input-box.billing-page-field textarea,#account-deactivated-success-page-details .input-box.billing-page-field textarea,#server-deactivate-details .input-box.billing-page-field textarea,#remote-billing-confirm-login-form .input-box.billing-page-field textarea,#remote-billing-confirm-email-form .input-box.billing-page-field textarea,#server-login-page-details .input-box.billing-page-field textarea,#upgrade-page-details .input-box.billing-page-field textarea,#billing-page-details .input-box.billing-page-field textarea,#sponsorship-form .input-box.billing-page-field textarea,#sponsorship-status-page-details .input-box.billing-page-field textarea,#registration .input-box.billing-page-field textarea,#new-realm-creation .input-box.billing-page-field textarea,#realm-import-post-process .input-box.support-form-field textarea,#realm-creation-form-slack-import .input-box.support-form-field textarea,#account-deactivated-success-page-details .input-box.support-form-field textarea,#server-deactivate-details .input-box.support-form-field textarea,#remote-billing-confirm-login-form .input-box.support-form-field textarea,#remote-billing-confirm-email-form .input-box.support-form-field textarea,#server-login-page-details .input-box.support-form-field textarea,#upgrade-page-details .input-box.support-form-field textarea,#billing-page-details .input-box.support-form-field textarea,#sponsorship-form .input-box.support-form-field textarea,#sponsorship-status-page-details .input-box.support-form-field textarea,#registration .input-box.support-form-field textarea,#new-realm-creation .input-box.support-form-field textarea,#realm-import-post-process .input-box.sponsorship-form-field textarea,#realm-creation-form-slack-import .input-box.sponsorship-form-field textarea,#account-deactivated-success-page-details .input-box.sponsorship-form-field textarea,#server-deactivate-details .input-box.sponsorship-form-field textarea,#remote-billing-confirm-login-form .input-box.sponsorship-form-field textarea,#remote-billing-confirm-email-form .input-box.sponsorship-form-field textarea,#server-login-page-details .input-box.sponsorship-form-field textarea,#upgrade-page-details .input-box.sponsorship-form-field textarea,#billing-page-details .input-box.sponsorship-form-field textarea,#sponsorship-form .input-box.sponsorship-form-field textarea,#sponsorship-status-page-details .input-box.sponsorship-form-field textarea,#registration .input-box.sponsorship-form-field textarea,#new-realm-creation .input-box.sponsorship-form-field textarea {
                width: 400px;
                font-size: 1rem;
            }

#realm-import-post-process .input-box.account-deactivated-success-page-field select,#realm-creation-form-slack-import .input-box.account-deactivated-success-page-field select,#account-deactivated-success-page-details .input-box.account-deactivated-success-page-field select,#server-deactivate-details .input-box.account-deactivated-success-page-field select,#remote-billing-confirm-login-form .input-box.account-deactivated-success-page-field select,#remote-billing-confirm-email-form .input-box.account-deactivated-success-page-field select,#server-login-page-details .input-box.account-deactivated-success-page-field select,#upgrade-page-details .input-box.account-deactivated-success-page-field select,#billing-page-details .input-box.account-deactivated-success-page-field select,#sponsorship-form .input-box.account-deactivated-success-page-field select,#sponsorship-status-page-details .input-box.account-deactivated-success-page-field select,#registration .input-box.account-deactivated-success-page-field select,#new-realm-creation .input-box.account-deactivated-success-page-field select,#realm-import-post-process .input-box.server-deactivate-form-field select,#realm-creation-form-slack-import .input-box.server-deactivate-form-field select,#account-deactivated-success-page-details .input-box.server-deactivate-form-field select,#server-deactivate-details .input-box.server-deactivate-form-field select,#remote-billing-confirm-login-form .input-box.server-deactivate-form-field select,#remote-billing-confirm-email-form .input-box.server-deactivate-form-field select,#server-login-page-details .input-box.server-deactivate-form-field select,#upgrade-page-details .input-box.server-deactivate-form-field select,#billing-page-details .input-box.server-deactivate-form-field select,#sponsorship-form .input-box.server-deactivate-form-field select,#sponsorship-status-page-details .input-box.server-deactivate-form-field select,#registration .input-box.server-deactivate-form-field select,#new-realm-creation .input-box.server-deactivate-form-field select,#realm-import-post-process .input-box.remote-billing-confirm-login-form-field select,#realm-creation-form-slack-import .input-box.remote-billing-confirm-login-form-field select,#account-deactivated-success-page-details .input-box.remote-billing-confirm-login-form-field select,#server-deactivate-details .input-box.remote-billing-confirm-login-form-field select,#remote-billing-confirm-login-form .input-box.remote-billing-confirm-login-form-field select,#remote-billing-confirm-email-form .input-box.remote-billing-confirm-login-form-field select,#server-login-page-details .input-box.remote-billing-confirm-login-form-field select,#upgrade-page-details .input-box.remote-billing-confirm-login-form-field select,#billing-page-details .input-box.remote-billing-confirm-login-form-field select,#sponsorship-form .input-box.remote-billing-confirm-login-form-field select,#sponsorship-status-page-details .input-box.remote-billing-confirm-login-form-field select,#registration .input-box.remote-billing-confirm-login-form-field select,#new-realm-creation .input-box.remote-billing-confirm-login-form-field select,#realm-import-post-process .input-box.server-login-form-field select,#realm-creation-form-slack-import .input-box.server-login-form-field select,#account-deactivated-success-page-details .input-box.server-login-form-field select,#server-deactivate-details .input-box.server-login-form-field select,#remote-billing-confirm-login-form .input-box.server-login-form-field select,#remote-billing-confirm-email-form .input-box.server-login-form-field select,#server-login-page-details .input-box.server-login-form-field select,#upgrade-page-details .input-box.server-login-form-field select,#billing-page-details .input-box.server-login-form-field select,#sponsorship-form .input-box.server-login-form-field select,#sponsorship-status-page-details .input-box.server-login-form-field select,#registration .input-box.server-login-form-field select,#new-realm-creation .input-box.server-login-form-field select,#realm-import-post-process .input-box.upgrade-page-field select,#realm-creation-form-slack-import .input-box.upgrade-page-field select,#account-deactivated-success-page-details .input-box.upgrade-page-field select,#server-deactivate-details .input-box.upgrade-page-field select,#remote-billing-confirm-login-form .input-box.upgrade-page-field select,#remote-billing-confirm-email-form .input-box.upgrade-page-field select,#server-login-page-details .input-box.upgrade-page-field select,#upgrade-page-details .input-box.upgrade-page-field select,#billing-page-details .input-box.upgrade-page-field select,#sponsorship-form .input-box.upgrade-page-field select,#sponsorship-status-page-details .input-box.upgrade-page-field select,#registration .input-box.upgrade-page-field select,#new-realm-creation .input-box.upgrade-page-field select,#realm-import-post-process .input-box.billing-page-field select,#realm-creation-form-slack-import .input-box.billing-page-field select,#account-deactivated-success-page-details .input-box.billing-page-field select,#server-deactivate-details .input-box.billing-page-field select,#remote-billing-confirm-login-form .input-box.billing-page-field select,#remote-billing-confirm-email-form .input-box.billing-page-field select,#server-login-page-details .input-box.billing-page-field select,#upgrade-page-details .input-box.billing-page-field select,#billing-page-details .input-box.billing-page-field select,#sponsorship-form .input-box.billing-page-field select,#sponsorship-status-page-details .input-box.billing-page-field select,#registration .input-box.billing-page-field select,#new-realm-creation .input-box.billing-page-field select,#realm-import-post-process .input-box.support-form-field select,#realm-creation-form-slack-import .input-box.support-form-field select,#account-deactivated-success-page-details .input-box.support-form-field select,#server-deactivate-details .input-box.support-form-field select,#remote-billing-confirm-login-form .input-box.support-form-field select,#remote-billing-confirm-email-form .input-box.support-form-field select,#server-login-page-details .input-box.support-form-field select,#upgrade-page-details .input-box.support-form-field select,#billing-page-details .input-box.support-form-field select,#sponsorship-form .input-box.support-form-field select,#sponsorship-status-page-details .input-box.support-form-field select,#registration .input-box.support-form-field select,#new-realm-creation .input-box.support-form-field select,#realm-import-post-process .input-box.sponsorship-form-field select,#realm-creation-form-slack-import .input-box.sponsorship-form-field select,#account-deactivated-success-page-details .input-box.sponsorship-form-field select,#server-deactivate-details .input-box.sponsorship-form-field select,#remote-billing-confirm-login-form .input-box.sponsorship-form-field select,#remote-billing-confirm-email-form .input-box.sponsorship-form-field select,#server-login-page-details .input-box.sponsorship-form-field select,#upgrade-page-details .input-box.sponsorship-form-field select,#billing-page-details .input-box.sponsorship-form-field select,#sponsorship-form .input-box.sponsorship-form-field select,#sponsorship-status-page-details .input-box.sponsorship-form-field select,#registration .input-box.sponsorship-form-field select,#new-realm-creation .input-box.sponsorship-form-field select {
                width: 450px;
            }

#realm-import-post-process .input-box.account-deactivated-success-page-field textarea,#realm-creation-form-slack-import .input-box.account-deactivated-success-page-field textarea,#account-deactivated-success-page-details .input-box.account-deactivated-success-page-field textarea,#server-deactivate-details .input-box.account-deactivated-success-page-field textarea,#remote-billing-confirm-login-form .input-box.account-deactivated-success-page-field textarea,#remote-billing-confirm-email-form .input-box.account-deactivated-success-page-field textarea,#server-login-page-details .input-box.account-deactivated-success-page-field textarea,#upgrade-page-details .input-box.account-deactivated-success-page-field textarea,#billing-page-details .input-box.account-deactivated-success-page-field textarea,#sponsorship-form .input-box.account-deactivated-success-page-field textarea,#sponsorship-status-page-details .input-box.account-deactivated-success-page-field textarea,#registration .input-box.account-deactivated-success-page-field textarea,#new-realm-creation .input-box.account-deactivated-success-page-field textarea,#realm-import-post-process .input-box.server-deactivate-form-field textarea,#realm-creation-form-slack-import .input-box.server-deactivate-form-field textarea,#account-deactivated-success-page-details .input-box.server-deactivate-form-field textarea,#server-deactivate-details .input-box.server-deactivate-form-field textarea,#remote-billing-confirm-login-form .input-box.server-deactivate-form-field textarea,#remote-billing-confirm-email-form .input-box.server-deactivate-form-field textarea,#server-login-page-details .input-box.server-deactivate-form-field textarea,#upgrade-page-details .input-box.server-deactivate-form-field textarea,#billing-page-details .input-box.server-deactivate-form-field textarea,#sponsorship-form .input-box.server-deactivate-form-field textarea,#sponsorship-status-page-details .input-box.server-deactivate-form-field textarea,#registration .input-box.server-deactivate-form-field textarea,#new-realm-creation .input-box.server-deactivate-form-field textarea,#realm-import-post-process .input-box.remote-billing-confirm-login-form-field textarea,#realm-creation-form-slack-import .input-box.remote-billing-confirm-login-form-field textarea,#account-deactivated-success-page-details .input-box.remote-billing-confirm-login-form-field textarea,#server-deactivate-details .input-box.remote-billing-confirm-login-form-field textarea,#remote-billing-confirm-login-form .input-box.remote-billing-confirm-login-form-field textarea,#remote-billing-confirm-email-form .input-box.remote-billing-confirm-login-form-field textarea,#server-login-page-details .input-box.remote-billing-confirm-login-form-field textarea,#upgrade-page-details .input-box.remote-billing-confirm-login-form-field textarea,#billing-page-details .input-box.remote-billing-confirm-login-form-field textarea,#sponsorship-form .input-box.remote-billing-confirm-login-form-field textarea,#sponsorship-status-page-details .input-box.remote-billing-confirm-login-form-field textarea,#registration .input-box.remote-billing-confirm-login-form-field textarea,#new-realm-creation .input-box.remote-billing-confirm-login-form-field textarea,#realm-import-post-process .input-box.server-login-form-field textarea,#realm-creation-form-slack-import .input-box.server-login-form-field textarea,#account-deactivated-success-page-details .input-box.server-login-form-field textarea,#server-deactivate-details .input-box.server-login-form-field textarea,#remote-billing-confirm-login-form .input-box.server-login-form-field textarea,#remote-billing-confirm-email-form .input-box.server-login-form-field textarea,#server-login-page-details .input-box.server-login-form-field textarea,#upgrade-page-details .input-box.server-login-form-field textarea,#billing-page-details .input-box.server-login-form-field textarea,#sponsorship-form .input-box.server-login-form-field textarea,#sponsorship-status-page-details .input-box.server-login-form-field textarea,#registration .input-box.server-login-form-field textarea,#new-realm-creation .input-box.server-login-form-field textarea,#realm-import-post-process .input-box.upgrade-page-field textarea,#realm-creation-form-slack-import .input-box.upgrade-page-field textarea,#account-deactivated-success-page-details .input-box.upgrade-page-field textarea,#server-deactivate-details .input-box.upgrade-page-field textarea,#remote-billing-confirm-login-form .input-box.upgrade-page-field textarea,#remote-billing-confirm-email-form .input-box.upgrade-page-field textarea,#server-login-page-details .input-box.upgrade-page-field textarea,#upgrade-page-details .input-box.upgrade-page-field textarea,#billing-page-details .input-box.upgrade-page-field textarea,#sponsorship-form .input-box.upgrade-page-field textarea,#sponsorship-status-page-details .input-box.upgrade-page-field textarea,#registration .input-box.upgrade-page-field textarea,#new-realm-creation .input-box.upgrade-page-field textarea,#realm-import-post-process .input-box.billing-page-field textarea,#realm-creation-form-slack-import .input-box.billing-page-field textarea,#account-deactivated-success-page-details .input-box.billing-page-field textarea,#server-deactivate-details .input-box.billing-page-field textarea,#remote-billing-confirm-login-form .input-box.billing-page-field textarea,#remote-billing-confirm-email-form .input-box.billing-page-field textarea,#server-login-page-details .input-box.billing-page-field textarea,#upgrade-page-details .input-box.billing-page-field textarea,#billing-page-details .input-box.billing-page-field textarea,#sponsorship-form .input-box.billing-page-field textarea,#sponsorship-status-page-details .input-box.billing-page-field textarea,#registration .input-box.billing-page-field textarea,#new-realm-creation .input-box.billing-page-field textarea,#realm-import-post-process .input-box.support-form-field textarea,#realm-creation-form-slack-import .input-box.support-form-field textarea,#account-deactivated-success-page-details .input-box.support-form-field textarea,#server-deactivate-details .input-box.support-form-field textarea,#remote-billing-confirm-login-form .input-box.support-form-field textarea,#remote-billing-confirm-email-form .input-box.support-form-field textarea,#server-login-page-details .input-box.support-form-field textarea,#upgrade-page-details .input-box.support-form-field textarea,#billing-page-details .input-box.support-form-field textarea,#sponsorship-form .input-box.support-form-field textarea,#sponsorship-status-page-details .input-box.support-form-field textarea,#registration .input-box.support-form-field textarea,#new-realm-creation .input-box.support-form-field textarea,#realm-import-post-process .input-box.sponsorship-form-field textarea,#realm-creation-form-slack-import .input-box.sponsorship-form-field textarea,#account-deactivated-success-page-details .input-box.sponsorship-form-field textarea,#server-deactivate-details .input-box.sponsorship-form-field textarea,#remote-billing-confirm-login-form .input-box.sponsorship-form-field textarea,#remote-billing-confirm-email-form .input-box.sponsorship-form-field textarea,#server-login-page-details .input-box.sponsorship-form-field textarea,#upgrade-page-details .input-box.sponsorship-form-field textarea,#billing-page-details .input-box.sponsorship-form-field textarea,#sponsorship-form .input-box.sponsorship-form-field textarea,#sponsorship-status-page-details .input-box.sponsorship-form-field textarea,#registration .input-box.sponsorship-form-field textarea,#new-realm-creation .input-box.sponsorship-form-field textarea {
                color: hsl(0deg 0% 33%);
                vertical-align: middle;
                background-color: hsl(0deg 0% 100%);
            }

#realm-import-post-process .input-box.account-deactivated-success-page-field textarea:focus,#realm-creation-form-slack-import .input-box.account-deactivated-success-page-field textarea:focus,#account-deactivated-success-page-details .input-box.account-deactivated-success-page-field textarea:focus,#server-deactivate-details .input-box.account-deactivated-success-page-field textarea:focus,#remote-billing-confirm-login-form .input-box.account-deactivated-success-page-field textarea:focus,#remote-billing-confirm-email-form .input-box.account-deactivated-success-page-field textarea:focus,#server-login-page-details .input-box.account-deactivated-success-page-field textarea:focus,#upgrade-page-details .input-box.account-deactivated-success-page-field textarea:focus,#billing-page-details .input-box.account-deactivated-success-page-field textarea:focus,#sponsorship-form .input-box.account-deactivated-success-page-field textarea:focus,#sponsorship-status-page-details .input-box.account-deactivated-success-page-field textarea:focus,#registration .input-box.account-deactivated-success-page-field textarea:focus,#new-realm-creation .input-box.account-deactivated-success-page-field textarea:focus,#realm-import-post-process .input-box.server-deactivate-form-field textarea:focus,#realm-creation-form-slack-import .input-box.server-deactivate-form-field textarea:focus,#account-deactivated-success-page-details .input-box.server-deactivate-form-field textarea:focus,#server-deactivate-details .input-box.server-deactivate-form-field textarea:focus,#remote-billing-confirm-login-form .input-box.server-deactivate-form-field textarea:focus,#remote-billing-confirm-email-form .input-box.server-deactivate-form-field textarea:focus,#server-login-page-details .input-box.server-deactivate-form-field textarea:focus,#upgrade-page-details .input-box.server-deactivate-form-field textarea:focus,#billing-page-details .input-box.server-deactivate-form-field textarea:focus,#sponsorship-form .input-box.server-deactivate-form-field textarea:focus,#sponsorship-status-page-details .input-box.server-deactivate-form-field textarea:focus,#registration .input-box.server-deactivate-form-field textarea:focus,#new-realm-creation .input-box.server-deactivate-form-field textarea:focus,#realm-import-post-process .input-box.remote-billing-confirm-login-form-field textarea:focus,#realm-creation-form-slack-import .input-box.remote-billing-confirm-login-form-field textarea:focus,#account-deactivated-success-page-details .input-box.remote-billing-confirm-login-form-field textarea:focus,#server-deactivate-details .input-box.remote-billing-confirm-login-form-field textarea:focus,#remote-billing-confirm-login-form .input-box.remote-billing-confirm-login-form-field textarea:focus,#remote-billing-confirm-email-form .input-box.remote-billing-confirm-login-form-field textarea:focus,#server-login-page-details .input-box.remote-billing-confirm-login-form-field textarea:focus,#upgrade-page-details .input-box.remote-billing-confirm-login-form-field textarea:focus,#billing-page-details .input-box.remote-billing-confirm-login-form-field textarea:focus,#sponsorship-form .input-box.remote-billing-confirm-login-form-field textarea:focus,#sponsorship-status-page-details .input-box.remote-billing-confirm-login-form-field textarea:focus,#registration .input-box.remote-billing-confirm-login-form-field textarea:focus,#new-realm-creation .input-box.remote-billing-confirm-login-form-field textarea:focus,#realm-import-post-process .input-box.server-login-form-field textarea:focus,#realm-creation-form-slack-import .input-box.server-login-form-field textarea:focus,#account-deactivated-success-page-details .input-box.server-login-form-field textarea:focus,#server-deactivate-details .input-box.server-login-form-field textarea:focus,#remote-billing-confirm-login-form .input-box.server-login-form-field textarea:focus,#remote-billing-confirm-email-form .input-box.server-login-form-field textarea:focus,#server-login-page-details .input-box.server-login-form-field textarea:focus,#upgrade-page-details .input-box.server-login-form-field textarea:focus,#billing-page-details .input-box.server-login-form-field textarea:focus,#sponsorship-form .input-box.server-login-form-field textarea:focus,#sponsorship-status-page-details .input-box.server-login-form-field textarea:focus,#registration .input-box.server-login-form-field textarea:focus,#new-realm-creation .input-box.server-login-form-field textarea:focus,#realm-import-post-process .input-box.upgrade-page-field textarea:focus,#realm-creation-form-slack-import .input-box.upgrade-page-field textarea:focus,#account-deactivated-success-page-details .input-box.upgrade-page-field textarea:focus,#server-deactivate-details .input-box.upgrade-page-field textarea:focus,#remote-billing-confirm-login-form .input-box.upgrade-page-field textarea:focus,#remote-billing-confirm-email-form .input-box.upgrade-page-field textarea:focus,#server-login-page-details .input-box.upgrade-page-field textarea:focus,#upgrade-page-details .input-box.upgrade-page-field textarea:focus,#billing-page-details .input-box.upgrade-page-field textarea:focus,#sponsorship-form .input-box.upgrade-page-field textarea:focus,#sponsorship-status-page-details .input-box.upgrade-page-field textarea:focus,#registration .input-box.upgrade-page-field textarea:focus,#new-realm-creation .input-box.upgrade-page-field textarea:focus,#realm-import-post-process .input-box.billing-page-field textarea:focus,#realm-creation-form-slack-import .input-box.billing-page-field textarea:focus,#account-deactivated-success-page-details .input-box.billing-page-field textarea:focus,#server-deactivate-details .input-box.billing-page-field textarea:focus,#remote-billing-confirm-login-form .input-box.billing-page-field textarea:focus,#remote-billing-confirm-email-form .input-box.billing-page-field textarea:focus,#server-login-page-details .input-box.billing-page-field textarea:focus,#upgrade-page-details .input-box.billing-page-field textarea:focus,#billing-page-details .input-box.billing-page-field textarea:focus,#sponsorship-form .input-box.billing-page-field textarea:focus,#sponsorship-status-page-details .input-box.billing-page-field textarea:focus,#registration .input-box.billing-page-field textarea:focus,#new-realm-creation .input-box.billing-page-field textarea:focus,#realm-import-post-process .input-box.support-form-field textarea:focus,#realm-creation-form-slack-import .input-box.support-form-field textarea:focus,#account-deactivated-success-page-details .input-box.support-form-field textarea:focus,#server-deactivate-details .input-box.support-form-field textarea:focus,#remote-billing-confirm-login-form .input-box.support-form-field textarea:focus,#remote-billing-confirm-email-form .input-box.support-form-field textarea:focus,#server-login-page-details .input-box.support-form-field textarea:focus,#upgrade-page-details .input-box.support-form-field textarea:focus,#billing-page-details .input-box.support-form-field textarea:focus,#sponsorship-form .input-box.support-form-field textarea:focus,#sponsorship-status-page-details .input-box.support-form-field textarea:focus,#registration .input-box.support-form-field textarea:focus,#new-realm-creation .input-box.support-form-field textarea:focus,#realm-import-post-process .input-box.sponsorship-form-field textarea:focus,#realm-creation-form-slack-import .input-box.sponsorship-form-field textarea:focus,#account-deactivated-success-page-details .input-box.sponsorship-form-field textarea:focus,#server-deactivate-details .input-box.sponsorship-form-field textarea:focus,#remote-billing-confirm-login-form .input-box.sponsorship-form-field textarea:focus,#remote-billing-confirm-email-form .input-box.sponsorship-form-field textarea:focus,#server-login-page-details .input-box.sponsorship-form-field textarea:focus,#upgrade-page-details .input-box.sponsorship-form-field textarea:focus,#billing-page-details .input-box.sponsorship-form-field textarea:focus,#sponsorship-form .input-box.sponsorship-form-field textarea:focus,#sponsorship-status-page-details .input-box.sponsorship-form-field textarea:focus,#registration .input-box.sponsorship-form-field textarea:focus,#new-realm-creation .input-box.sponsorship-form-field textarea:focus {
                    outline: 0;
                }

#realm-import-post-process [for="realm_in_root_domain"],#realm-creation-form-slack-import [for="realm_in_root_domain"],#account-deactivated-success-page-details [for="realm_in_root_domain"],#server-deactivate-details [for="realm_in_root_domain"],#remote-billing-confirm-login-form [for="realm_in_root_domain"],#remote-billing-confirm-email-form [for="realm_in_root_domain"],#server-login-page-details [for="realm_in_root_domain"],#upgrade-page-details [for="realm_in_root_domain"],#billing-page-details [for="realm_in_root_domain"],#sponsorship-form [for="realm_in_root_domain"],#sponsorship-status-page-details [for="realm_in_root_domain"],#registration [for="realm_in_root_domain"],#new-realm-creation [for="realm_in_root_domain"] {
        font-weight: normal !important;
    }

#realm-import-post-process .register-button-box,#realm-creation-form-slack-import .register-button-box,#account-deactivated-success-page-details .register-button-box,#server-deactivate-details .register-button-box,#remote-billing-confirm-login-form .register-button-box,#remote-billing-confirm-email-form .register-button-box,#server-login-page-details .register-button-box,#upgrade-page-details .register-button-box,#billing-page-details .register-button-box,#sponsorship-form .register-button-box,#sponsorship-status-page-details .register-button-box,#registration .register-button-box,#new-realm-creation .register-button-box {
        text-align: center;
    }

#realm-import-post-process .register-button,#realm-creation-form-slack-import .register-button,#account-deactivated-success-page-details .register-button,#server-deactivate-details .register-button,#remote-billing-confirm-login-form .register-button,#remote-billing-confirm-email-form .register-button,#server-login-page-details .register-button,#upgrade-page-details .register-button,#billing-page-details .register-button,#sponsorship-form .register-button,#sponsorship-status-page-details .register-button,#registration .register-button,#new-realm-creation .register-button {
        margin: 25px auto 30px;
        width: 330px;
        border-radius: 4px;
    }

#realm-import-post-process .support-submit-button,#realm-creation-form-slack-import .support-submit-button,#account-deactivated-success-page-details .support-submit-button,#server-deactivate-details .support-submit-button,#remote-billing-confirm-login-form .support-submit-button,#remote-billing-confirm-email-form .support-submit-button,#server-login-page-details .support-submit-button,#upgrade-page-details .support-submit-button,#billing-page-details .support-submit-button,#sponsorship-form .support-submit-button,#sponsorship-status-page-details .support-submit-button,#registration .support-submit-button,#new-realm-creation .support-submit-button,#realm-import-post-process #sponsorship-button,#realm-creation-form-slack-import #sponsorship-button,#account-deactivated-success-page-details #sponsorship-button,#server-deactivate-details #sponsorship-button,#remote-billing-confirm-login-form #sponsorship-button,#remote-billing-confirm-email-form #sponsorship-button,#server-login-page-details #sponsorship-button,#upgrade-page-details #sponsorship-button,#billing-page-details #sponsorship-button,#sponsorship-form #sponsorship-button,#sponsorship-status-page-details #sponsorship-button,#registration #sponsorship-button,#new-realm-creation #sponsorship-button {
        margin-top: 20px;
        margin-bottom: 5px;
        width: 450px;
    }

#realm-import-post-process .register-button .loader,#realm-creation-form-slack-import .register-button .loader,#account-deactivated-success-page-details .register-button .loader,#server-deactivate-details .register-button .loader,#remote-billing-confirm-login-form .register-button .loader,#remote-billing-confirm-email-form .register-button .loader,#server-login-page-details .register-button .loader,#upgrade-page-details .register-button .loader,#billing-page-details .register-button .loader,#sponsorship-form .register-button .loader,#sponsorship-status-page-details .register-button .loader,#registration .register-button .loader,#new-realm-creation .register-button .loader,#realm-import-post-process .upgrade-button-loader,#realm-creation-form-slack-import .upgrade-button-loader,#account-deactivated-success-page-details .upgrade-button-loader,#server-deactivate-details .upgrade-button-loader,#remote-billing-confirm-login-form .upgrade-button-loader,#remote-billing-confirm-email-form .upgrade-button-loader,#server-login-page-details .upgrade-button-loader,#upgrade-page-details .upgrade-button-loader,#billing-page-details .upgrade-button-loader,#sponsorship-form .upgrade-button-loader,#sponsorship-status-page-details .upgrade-button-loader,#registration .upgrade-button-loader,#new-realm-creation .upgrade-button-loader,#realm-import-post-process .sponsorship-button-loader,#realm-creation-form-slack-import .sponsorship-button-loader,#account-deactivated-success-page-details .sponsorship-button-loader,#server-deactivate-details .sponsorship-button-loader,#remote-billing-confirm-login-form .sponsorship-button-loader,#remote-billing-confirm-email-form .sponsorship-button-loader,#server-login-page-details .sponsorship-button-loader,#upgrade-page-details .sponsorship-button-loader,#billing-page-details .sponsorship-button-loader,#sponsorship-form .sponsorship-button-loader,#sponsorship-status-page-details .sponsorship-button-loader,#registration .sponsorship-button-loader,#new-realm-creation .sponsorship-button-loader,#realm-import-post-process .billing-button-loader,#realm-creation-form-slack-import .billing-button-loader,#account-deactivated-success-page-details .billing-button-loader,#server-deactivate-details .billing-button-loader,#remote-billing-confirm-login-form .billing-button-loader,#remote-billing-confirm-email-form .billing-button-loader,#server-login-page-details .billing-button-loader,#upgrade-page-details .billing-button-loader,#billing-page-details .billing-button-loader,#sponsorship-form .billing-button-loader,#sponsorship-status-page-details .billing-button-loader,#registration .billing-button-loader,#new-realm-creation .billing-button-loader {
        display: none;
        vertical-align: top;
        position: relative;
        height: 30px;
        margin-top: -10px;
        top: 5px;
    }

#realm-import-post-process #id_team_subdomain.subdomain,#realm-creation-form-slack-import #id_team_subdomain.subdomain,#account-deactivated-success-page-details #id_team_subdomain.subdomain,#server-deactivate-details #id_team_subdomain.subdomain,#remote-billing-confirm-login-form #id_team_subdomain.subdomain,#remote-billing-confirm-email-form #id_team_subdomain.subdomain,#server-login-page-details #id_team_subdomain.subdomain,#upgrade-page-details #id_team_subdomain.subdomain,#billing-page-details #id_team_subdomain.subdomain,#sponsorship-form #id_team_subdomain.subdomain,#sponsorship-status-page-details #id_team_subdomain.subdomain,#registration #id_team_subdomain.subdomain,#new-realm-creation #id_team_subdomain.subdomain {
        margin-top: 0;
        text-align: right;
        position: relative;
        padding-right: 10px;

        width: 150px;
    }

#realm-import-post-process #id_team_subdomain.subdomain  + .realm_subdomain_label,#realm-creation-form-slack-import #id_team_subdomain.subdomain  + .realm_subdomain_label,#account-deactivated-success-page-details #id_team_subdomain.subdomain  + .realm_subdomain_label,#server-deactivate-details #id_team_subdomain.subdomain  + .realm_subdomain_label,#remote-billing-confirm-login-form #id_team_subdomain.subdomain  + .realm_subdomain_label,#remote-billing-confirm-email-form #id_team_subdomain.subdomain  + .realm_subdomain_label,#server-login-page-details #id_team_subdomain.subdomain  + .realm_subdomain_label,#upgrade-page-details #id_team_subdomain.subdomain  + .realm_subdomain_label,#billing-page-details #id_team_subdomain.subdomain  + .realm_subdomain_label,#sponsorship-form #id_team_subdomain.subdomain  + .realm_subdomain_label,#sponsorship-status-page-details #id_team_subdomain.subdomain  + .realm_subdomain_label,#registration #id_team_subdomain.subdomain  + .realm_subdomain_label,#new-realm-creation #id_team_subdomain.subdomain  + .realm_subdomain_label {
            top: 15px;
            margin-left: 180px;
            display: inline-block;

            font-weight: normal;
            font-size: inherit;
        }

#realm-import-post-process #subdomain_section .inline-block,#realm-creation-form-slack-import #subdomain_section .inline-block,#account-deactivated-success-page-details #subdomain_section .inline-block,#server-deactivate-details #subdomain_section .inline-block,#remote-billing-confirm-login-form #subdomain_section .inline-block,#remote-billing-confirm-email-form #subdomain_section .inline-block,#server-login-page-details #subdomain_section .inline-block,#upgrade-page-details #subdomain_section .inline-block,#billing-page-details #subdomain_section .inline-block,#sponsorship-form #subdomain_section .inline-block,#sponsorship-status-page-details #subdomain_section .inline-block,#registration #subdomain_section .inline-block,#new-realm-creation #subdomain_section .inline-block {
            width: 100%;
        }

#realm-import-post-process #subdomain_section .or,#realm-creation-form-slack-import #subdomain_section .or,#account-deactivated-success-page-details #subdomain_section .or,#server-deactivate-details #subdomain_section .or,#remote-billing-confirm-login-form #subdomain_section .or,#remote-billing-confirm-email-form #subdomain_section .or,#server-login-page-details #subdomain_section .or,#upgrade-page-details #subdomain_section .or,#billing-page-details #subdomain_section .or,#sponsorship-form #subdomain_section .or,#sponsorship-status-page-details #subdomain_section .or,#registration #subdomain_section .or,#new-realm-creation #subdomain_section .or {
            margin-top: 0;
        }

#realm-import-post-process #id_email,#realm-creation-form-slack-import #id_email,#account-deactivated-success-page-details #id_email,#server-deactivate-details #id_email,#remote-billing-confirm-login-form #id_email,#remote-billing-confirm-email-form #id_email,#server-login-page-details #id_email,#upgrade-page-details #id_email,#billing-page-details #id_email,#sponsorship-form #id_email,#sponsorship-status-page-details #id_email,#registration #id_email,#new-realm-creation #id_email,#realm-import-post-process #support_from,#realm-creation-form-slack-import #support_from,#account-deactivated-success-page-details #support_from,#server-deactivate-details #support_from,#remote-billing-confirm-login-form #support_from,#remote-billing-confirm-email-form #support_from,#server-login-page-details #support_from,#upgrade-page-details #support_from,#billing-page-details #support_from,#sponsorship-form #support_from,#sponsorship-status-page-details #support_from,#registration #support_from,#new-realm-creation #support_from,#realm-import-post-process #support_realm,#realm-creation-form-slack-import #support_realm,#account-deactivated-success-page-details #support_realm,#server-deactivate-details #support_realm,#remote-billing-confirm-login-form #support_realm,#remote-billing-confirm-email-form #support_realm,#server-login-page-details #support_realm,#upgrade-page-details #support_realm,#billing-page-details #support_realm,#sponsorship-form #support_realm,#sponsorship-status-page-details #support_realm,#registration #support_realm,#new-realm-creation #support_realm,#realm-import-post-process .not-editable-realm-field,#realm-creation-form-slack-import .not-editable-realm-field,#account-deactivated-success-page-details .not-editable-realm-field,#server-deactivate-details .not-editable-realm-field,#remote-billing-confirm-login-form .not-editable-realm-field,#remote-billing-confirm-email-form .not-editable-realm-field,#server-login-page-details .not-editable-realm-field,#upgrade-page-details .not-editable-realm-field,#billing-page-details .not-editable-realm-field,#sponsorship-form .not-editable-realm-field,#sponsorship-status-page-details .not-editable-realm-field,#registration .not-editable-realm-field,#new-realm-creation .not-editable-realm-field {
        font-weight: normal;
        margin: 2px;
        padding-top: 25px;
        text-align: left;
        overflow-wrap: break-word;
    }

#realm-import-post-process .help-text,#realm-creation-form-slack-import .help-text,#account-deactivated-success-page-details .help-text,#server-deactivate-details .help-text,#remote-billing-confirm-login-form .help-text,#remote-billing-confirm-email-form .help-text,#server-login-page-details .help-text,#upgrade-page-details .help-text,#billing-page-details .help-text,#sponsorship-form .help-text,#sponsorship-status-page-details .help-text,#registration .help-text,#new-realm-creation .help-text {
        width: 100%;
        max-width: none;
        margin: 2px 0;
        text-align: left;
        color: hsl(0deg 0% 47%);
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 1.2;
    }

#realm-import-post-process .help-inline,#realm-creation-form-slack-import .help-inline,#account-deactivated-success-page-details .help-inline,#server-deactivate-details .help-inline,#remote-billing-confirm-login-form .help-inline,#remote-billing-confirm-email-form .help-inline,#server-login-page-details .help-inline,#upgrade-page-details .help-inline,#billing-page-details .help-inline,#sponsorship-form .help-inline,#sponsorship-status-page-details .help-inline,#registration .help-inline,#new-realm-creation .help-inline {
        display: block;
    }

#realm-import-post-process legend,#realm-creation-form-slack-import legend,#account-deactivated-success-page-details legend,#server-deactivate-details legend,#remote-billing-confirm-login-form legend,#remote-billing-confirm-email-form legend,#server-login-page-details legend,#upgrade-page-details legend,#billing-page-details legend,#sponsorship-form legend,#sponsorship-status-page-details legend,#registration legend,#new-realm-creation legend {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 0;
        font-size: 21px;
        line-height: 40px;
        color: hsl(0deg 0% 0% / 50%);
        border: 0;
        border-bottom: 1px solid hsl(0deg 0% 90%);
    }

#realm-import-post-process legend  + .input-box,#realm-creation-form-slack-import legend  + .input-box,#account-deactivated-success-page-details legend  + .input-box,#server-deactivate-details legend  + .input-box,#remote-billing-confirm-login-form legend  + .input-box,#remote-billing-confirm-email-form legend  + .input-box,#server-login-page-details legend  + .input-box,#upgrade-page-details legend  + .input-box,#billing-page-details legend  + .input-box,#sponsorship-form legend  + .input-box,#sponsorship-status-page-details legend  + .input-box,#registration legend  + .input-box,#new-realm-creation legend  + .input-box {
            margin-top: 20px;
        }

#realm-import-post-process legend .edit-realm-details,#realm-creation-form-slack-import legend .edit-realm-details,#account-deactivated-success-page-details legend .edit-realm-details,#server-deactivate-details legend .edit-realm-details,#remote-billing-confirm-login-form legend .edit-realm-details,#remote-billing-confirm-email-form legend .edit-realm-details,#server-login-page-details legend .edit-realm-details,#upgrade-page-details legend .edit-realm-details,#billing-page-details legend .edit-realm-details,#sponsorship-form legend .edit-realm-details,#sponsorship-status-page-details legend .edit-realm-details,#registration legend .edit-realm-details,#new-realm-creation legend .edit-realm-details {
            float: right;
            cursor: pointer;
        }

#realm-import-post-process .center-block .pitch,#realm-creation-form-slack-import .center-block .pitch,#account-deactivated-success-page-details .center-block .pitch,#server-deactivate-details .center-block .pitch,#remote-billing-confirm-login-form .center-block .pitch,#remote-billing-confirm-email-form .center-block .pitch,#server-login-page-details .center-block .pitch,#upgrade-page-details .center-block .pitch,#billing-page-details .center-block .pitch,#sponsorship-form .center-block .pitch,#sponsorship-status-page-details .center-block .pitch,#registration .center-block .pitch,#new-realm-creation .center-block .pitch {
        margin-bottom: 0;
    }

#realm-import-post-process .input-group label,#realm-creation-form-slack-import .input-group label,#account-deactivated-success-page-details .input-group label,#server-deactivate-details .input-group label,#remote-billing-confirm-login-form .input-group label,#remote-billing-confirm-email-form .input-group label,#server-login-page-details .input-group label,#upgrade-page-details .input-group label,#billing-page-details .input-group label,#sponsorship-form .input-group label,#sponsorship-status-page-details .input-group label,#registration .input-group label,#new-realm-creation .input-group label {
            font-size: 1rem;
        }

#realm-import-post-process .input-group label.inline-block,#realm-creation-form-slack-import .input-group label.inline-block,#account-deactivated-success-page-details .input-group label.inline-block,#server-deactivate-details .input-group label.inline-block,#remote-billing-confirm-login-form .input-group label.inline-block,#remote-billing-confirm-email-form .input-group label.inline-block,#server-login-page-details .input-group label.inline-block,#upgrade-page-details .input-group label.inline-block,#billing-page-details .input-group label.inline-block,#sponsorship-form .input-group label.inline-block,#sponsorship-status-page-details .input-group label.inline-block,#registration .input-group label.inline-block,#new-realm-creation .input-group label.inline-block {
                margin-top: -1px;
            }

#realm-import-post-process .input-group label.marketing_emails_checkbox,#realm-creation-form-slack-import .input-group label.marketing_emails_checkbox,#account-deactivated-success-page-details .input-group label.marketing_emails_checkbox,#server-deactivate-details .input-group label.marketing_emails_checkbox,#remote-billing-confirm-login-form .input-group label.marketing_emails_checkbox,#remote-billing-confirm-email-form .input-group label.marketing_emails_checkbox,#server-login-page-details .input-group label.marketing_emails_checkbox,#upgrade-page-details .input-group label.marketing_emails_checkbox,#billing-page-details .input-group label.marketing_emails_checkbox,#sponsorship-form .input-group label.marketing_emails_checkbox,#sponsorship-status-page-details .input-group label.marketing_emails_checkbox,#registration .input-group label.marketing_emails_checkbox,#new-realm-creation .input-group label.marketing_emails_checkbox {
                text-indent: -24px;
                margin-left: 24px;
            }

#realm-import-post-process .input-group.radio,#realm-creation-form-slack-import .input-group.radio,#account-deactivated-success-page-details .input-group.radio,#server-deactivate-details .input-group.radio,#remote-billing-confirm-login-form .input-group.radio,#remote-billing-confirm-email-form .input-group.radio,#server-login-page-details .input-group.radio,#upgrade-page-details .input-group.radio,#billing-page-details .input-group.radio,#sponsorship-form .input-group.radio,#sponsorship-status-page-details .input-group.radio,#registration .input-group.radio,#new-realm-creation .input-group.radio {
            margin: 0;
            padding: 0;
        }

#realm-import-post-process .remote-billing-confirm-email-subscription-form-field,#realm-creation-form-slack-import .remote-billing-confirm-email-subscription-form-field,#account-deactivated-success-page-details .remote-billing-confirm-email-subscription-form-field,#server-deactivate-details .remote-billing-confirm-email-subscription-form-field,#remote-billing-confirm-login-form .remote-billing-confirm-email-subscription-form-field,#remote-billing-confirm-email-form .remote-billing-confirm-email-subscription-form-field,#server-login-page-details .remote-billing-confirm-email-subscription-form-field,#upgrade-page-details .remote-billing-confirm-email-subscription-form-field,#billing-page-details .remote-billing-confirm-email-subscription-form-field,#sponsorship-form .remote-billing-confirm-email-subscription-form-field,#sponsorship-status-page-details .remote-billing-confirm-email-subscription-form-field,#registration .remote-billing-confirm-email-subscription-form-field,#new-realm-creation .remote-billing-confirm-email-subscription-form-field {
        width: 450px;
        margin-top: 15px;
    }

#realm-import-post-process .remote-billing-confirm-email-subscription-form-field .checkbox,#realm-creation-form-slack-import .remote-billing-confirm-email-subscription-form-field .checkbox,#account-deactivated-success-page-details .remote-billing-confirm-email-subscription-form-field .checkbox,#server-deactivate-details .remote-billing-confirm-email-subscription-form-field .checkbox,#remote-billing-confirm-login-form .remote-billing-confirm-email-subscription-form-field .checkbox,#remote-billing-confirm-email-form .remote-billing-confirm-email-subscription-form-field .checkbox,#server-login-page-details .remote-billing-confirm-email-subscription-form-field .checkbox,#upgrade-page-details .remote-billing-confirm-email-subscription-form-field .checkbox,#billing-page-details .remote-billing-confirm-email-subscription-form-field .checkbox,#sponsorship-form .remote-billing-confirm-email-subscription-form-field .checkbox,#sponsorship-status-page-details .remote-billing-confirm-email-subscription-form-field .checkbox,#registration .remote-billing-confirm-email-subscription-form-field .checkbox,#new-realm-creation .remote-billing-confirm-email-subscription-form-field .checkbox {
            display: block;
            /* Present a hanging indent on subscription copy
               and checkboxes. */
            text-indent: -26px;
            margin: 0 0 10px 26px;
        }

#realm-import-post-process .remote-billing-confirm-email-subscription-form-field strong,#realm-creation-form-slack-import .remote-billing-confirm-email-subscription-form-field strong,#account-deactivated-success-page-details .remote-billing-confirm-email-subscription-form-field strong,#server-deactivate-details .remote-billing-confirm-email-subscription-form-field strong,#remote-billing-confirm-login-form .remote-billing-confirm-email-subscription-form-field strong,#remote-billing-confirm-email-form .remote-billing-confirm-email-subscription-form-field strong,#server-login-page-details .remote-billing-confirm-email-subscription-form-field strong,#upgrade-page-details .remote-billing-confirm-email-subscription-form-field strong,#billing-page-details .remote-billing-confirm-email-subscription-form-field strong,#sponsorship-form .remote-billing-confirm-email-subscription-form-field strong,#sponsorship-status-page-details .remote-billing-confirm-email-subscription-form-field strong,#registration .remote-billing-confirm-email-subscription-form-field strong,#new-realm-creation .remote-billing-confirm-email-subscription-form-field strong {
            font-weight: 600;
        }

#realm-import-post-process .org-url,#realm-creation-form-slack-import .org-url,#account-deactivated-success-page-details .org-url,#server-deactivate-details .org-url,#remote-billing-confirm-login-form .org-url,#remote-billing-confirm-email-form .org-url,#server-login-page-details .org-url,#upgrade-page-details .org-url,#billing-page-details .org-url,#sponsorship-form .org-url,#sponsorship-status-page-details .org-url,#registration .org-url,#new-realm-creation .org-url {
        margin-bottom: 5px !important;
    }

#billing-page-details .billing-section-title {
        display: block;
        margin: 2px;
        font-size: 1rem;
        font-weight: 600;
        color: hsl(0deg 0% 27%);
        line-height: 20px;
        text-align: left;
    }

#billing-page-details .billing-section-content {
        font-weight: normal;
        margin: 2px;
        text-align: left;
        overflow-wrap: break-word;
    }

.static.org-url + #subdomain_section {
    margin-top: 0 !important;
}

.static.org-url + #subdomain_section .or {
        display: none;
    }

#profile_info_section #profile_avatar {
        border: 1px solid hsl(0deg 0% 80%);
        border-radius: 8px;
        width: 120px;
        height: 120px;
        margin: 0 auto 10px;
    }

#profile_info_section #profile_full_name {
        font-size: 1.2rem;
        font-weight: 400;
    }

#source_realm_select_section {
    position: relative;
    top: 15px;
    margin-bottom: 20px;
    font-size: 22px;
}

.goto-account-page #realm_redirect_subdomain {
        text-align: right;
        position: relative;
        padding-right: 10px;
    }

.goto-account-page #realm_redirect_external_host {
        font-size: 20px;
        top: 13px;
        left: 5px;
        position: relative;
    }

.goto-account-page #realm_redirect_description {
        top: 15px;
        position: relative;
        text-align: left;
        font-weight: 600;
        margin-bottom: -5px;
    }

.goto-account-page #enter-realm-button {
        margin-top: 14px;
    }

#choose_email {
    flex-direction: column;
}

#choose_email .white-box {
        min-width: 450px;
        padding: 30px 0 50px;
    }

#choose_email form {
        padding: 0;
        margin: 0;
    }

#choose_email form.select-email-form:hover {
            background-color: hsl(202deg 56% 91%);
            cursor: pointer;
        }

#choose_email form.select-email-form:hover i.fa {
                color: hsl(203deg 63% 76%);
            }

#choose_email .choose-email-box {
        padding: 13px 0;
        margin: 0 30px;
        border-bottom: 1px solid hsl(0deg 0% 95%);
        display: flex;
        align-items: center;
    }

#choose_email .choose-email-box p {
            margin: 0;
            font-size: 0.8em;
        }

#choose_email .choose-email-box p:last-child {
                line-height: 1.2em;
            }

#choose_email .choose-email-box .email {
            font-size: 0.95em;
            font-weight: 400;
        }

#choose_email .choose-email-box img,#choose_email .choose-email-box i {
            width: 35px;
            height: 35px;
            margin-right: 10px;
            border-radius: 3px;
        }

#choose_email .choose-email-box i.fa {
            color: hsl(0deg 0% 67%);
            text-align: center;
            line-height: 38px;
        }

#choose_email .choose-email-box i.fa::before {
                font-size: 30px;
            }

/* -- media queries -- */

@media (max-width: 950px) {
    .split-view .left-side {
        width: 400px;
    }
}

@media (max-width: 850px) {
    .split-view .left-side {
        width: 350px;
    }
}

@media (max-width: 815px) {
    .flex {
        min-height: calc(100vh - 530px);
    }
}

@media (max-width: 795px) {
    .register-account #registration {
        padding: 10px;
    }

    .register-page-container,
    .login-page-container {
        width: 400px;
        text-align: center;
    }
            .split-view .org-header .avatar {
                width: 50px;
                height: 50px;
            }

            .split-view .org-header .info-box {
                margin-top: 0;
            }

                .split-view .org-header .info-box .organization-path {
                    margin-top: 0;
                }

        .split-view .left-side,.split-view .right-side {
            display: block;
            margin: 0 auto !important;
            max-width: 100%;
        }

        .split-view .left-side + .right-side {
            border-left: none;
            padding: 0;
            margin: 0 auto;
        }

        .split-view .left-side {
            border: none;
            margin-right: 0;
            min-height: 0;
            margin-bottom: 20px;
            width: 324px;
        }

            .split-view .left-side .description {
                margin: 20px 0;
            }

                .split-view .left-side .description a {
                    color: hsl(200deg 100% 36%);
                }

        .split-view .right-side {
            width: 324px;
        }
}

@media (max-width: 500px) {
    .new-style .get-started {
        font-size: 1.6em;
    }

    .app-main.register-page-container,
    .app-main.login-page-container,
    .app-main.find-account-page-container,
    .app-main.goto-account-page-container,
    .app-main.forgot-password-container {
        display: inline-block;
        padding: 20px;
        width: calc(100% - 40px);
    }
        .forgot-password-container form .input-box {
            text-align: center;
        }

        .forgot-password-container form button {
            width: 328px;
        }

    .white-box {
        box-shadow: none;
    }

    .account-creation {
        font-weight: 400;
    }

    .flex {
        /* the header becomes smaller, so comp for that. */
        min-height: calc(100vh - 505px);
    }

    #create-account,
    #new-realm-creation {
        margin: 0 -30px;
        transform: scale(0.9);
    }

    #create-account {
        margin: -70px;
    }

        #create-account #registration {
            padding: 0;
        }
}

@media (max-width: 400px) {
    .flex {
        min-height: calc(100vh - 560px);
    }

    #create-account,
    #new-realm-creation {
        margin: -10px -40px;
        transform: scale(0.8);
    }

    #create-account {
        margin: -100px;
    }
}

@media (max-width: 340px) {
    #create-account,
    #new-realm-creation {
        margin: -40px -60px;
        transform: scale(0.7);
    }

    #create-account {
        margin: -150px;
    }
}

.account-creation .white-box .user_email {
    word-break: break-all;
}

@media (min-width: 800px) {
    .account-creation .white-box {
        max-width: 800px;
    }
}

#registration #how-realm-creator-found-zulip label {
    top: -5px;
}

#how-realm-creator-found-zulip .how-found-zulip-extra-data-input {
    margin-top: 5px;
    display: none;
}

#sales-support-form-bottom-info {
    padding: 0;
}

#sales-support-form-bottom-info .not-editable-realm-field {
        margin: 0;
        padding: 0;
    }

#realm-creation-import-from-wrapper .extra-info-realm-creation-import-from {
    padding-top: 5px;
}

#slack-import-drag-drop-wrapper {
    width: 100%;
    margin: 10px 0 0 5px;
}

#slack-import-drag-drop-wrapper #slack-import-drag-and-drop {
        margin-right: 5px;
    }

#realm-import-post-process .register-button,#realm-creation-form-slack-import .register-button {
        margin: 0 auto;
    }

#realm-import-post-process #update-slack-access-token,#realm-creation-form-slack-import #update-slack-access-token {
        display: none;
    }

#realm-import-post-process .slack-import-extra-info,#realm-creation-form-slack-import .slack-import-extra-info {
        margin-top: 0;
    }

#realm-import-post-process .slack-import-extra-info .not-editable-realm-field,#realm-creation-form-slack-import .slack-import-extra-info .not-editable-realm-field {
            padding-top: 0;
        }

#realm-import-post-process .input-box.no-validation,#realm-creation-form-slack-import .input-box.no-validation {
        margin: 0;
    }

#slack-import-drag-and-drop .uppy-DragDrop-container {
    border: 1px dashed hsl(0deg 0% 0%);
    background-color: hsl(0deg 0% 0% / 5%);
    color: hsl(0deg 0% 40%);
    font-size: 1rem;
}

#slack-import-drag-and-drop .uppy-DragDrop-container:focus {
        outline: none;
        box-shadow: none;
    }

#slack-import-drag-and-drop .uppy-DragDrop-container:focus-visible {
        outline: 1px solid hsl(213deg 81% 79%);
    }

#realm-import-owner {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.2_webpack@5.101.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!../node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.6_typescript@5.9.2_webpack@5.101.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./styles/portico/markdown.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.markdown {
    /* Copied from app_variables.css to be used in portico pages. */
    --color-copy-button: rgba(84, 87, 100, 0.7);
    --color-copy-button-hover: hsl(229deg 9% 36%);
    --color-copy-button-active: rgba(84, 87, 100, 0.7);
    --color-copy-button-success: hsl(146deg 90% 27%);
    /* User circles */
    /* stylelint-disable color-no-hex */
    --csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) #4cdc75;
    --color-user-circle-active: var(--csstools-light-dark-toggle--0, #43a35e);
    --csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) #ae640a;
    --color-user-circle-idle: var(--csstools-light-dark-toggle--1, #f5b266);
    --csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) #454854;
    --color-user-circle-offline: var(--csstools-light-dark-toggle--2, #c1c6d7);
    --color-user-circle-deactivated: hsl(0deg 0% 50%);
    --csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) var(--color-user-circle-idle);
    --gradient-user-circle-idle: linear-gradient(
        to right,
        var(--color-user-circle-idle) 5%,
        var(--csstools-light-dark-toggle--3, color-mix(
                    in srgb,
                    var(--color-user-circle-idle) 78.9%,
                    transparent
                ))
            25%,
        transparent 100%
    );
    /* stylelint-enable color-no-hex */

    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
}

@supports (color: light-dark(red, red)) {
.markdown {
    --color-user-circle-active: light-dark(#43a35e, #4cdc75);
    --color-user-circle-idle: light-dark(#f5b266, #ae640a);
    --color-user-circle-offline: light-dark(#c1c6d7, #454854);
}
}

@supports (color: color-mix(in lch, red, blue)) and (color: light-dark(red, red)) {
.markdown {
    --gradient-user-circle-idle: linear-gradient(
        to right,
        var(--color-user-circle-idle) 5%,
        light-dark(
                color-mix(
                    in srgb,
                    var(--color-user-circle-idle) 78.9%,
                    transparent
                ),
                var(--color-user-circle-idle)
            )
            25%,
        transparent 100%
    );
}
}

@supports not (color: light-dark(tan, tan)) {

    .markdown * {
    --csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) #4cdc75;
    --color-user-circle-active: var(--csstools-light-dark-toggle--0, #43a35e);
    --csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) #ae640a;
    --color-user-circle-idle: var(--csstools-light-dark-toggle--1, #f5b266);
    --csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) #454854;
    --color-user-circle-offline: var(--csstools-light-dark-toggle--2, #c1c6d7);
    --csstools-light-dark-toggle--3: var(--csstools-color-scheme--light) var(--color-user-circle-idle);
    --gradient-user-circle-idle: linear-gradient(
        to right,
        var(--color-user-circle-idle) 5%,
        var(--csstools-light-dark-toggle--3, color-mix(
                    in srgb,
                    var(--color-user-circle-idle) 78.9%,
                    transparent
                ))
            25%,
        transparent 100%
    );
    }
}

.markdown h1[id]::before {
            display: block;
            content: " ";
            visibility: hidden;
        }

.markdown h2[id]::before {
            display: block;
            content: " ";
            visibility: hidden;
        }

.markdown h3[id]::before {
            display: block;
            content: " ";
            visibility: hidden;
        }

.markdown h4[id]::before {
            display: block;
            content: " ";
            visibility: hidden;
        }

.markdown h2[id]::before {
            margin-top: -10px;
            height: 10px;
        }

.markdown h3[id]::before {
            margin-top: -10px;
            height: 10px;
        }

.markdown h4[id]::before {
            margin-top: -10px;
            height: 10px;
        }

.markdown h1 {
        border-bottom: 1px solid hsl(0deg 0% 93%);
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

.markdown h1[id]::before {
                margin-top: -30px;
                height: 30px;
            }

.markdown h1#zulip-administration {
            font-size: 1.75em;
            padding: 10px 0;
            margin-bottom: 0;
            line-height: 100%;
        }

.markdown h2 {
        font-size: 1.5em;
        line-height: 1.25;
        margin: 20px 0 5px;
    }

.markdown h3 {
        font-size: 1.25em;
        line-height: 1.25;
        opacity: 1;
        margin: 20px 0 5px;
    }

.markdown h1,.markdown h2,.markdown h3 {
        font-weight: 700;
        -webkit-user-select: none;
                user-select: none;
    }

.markdown h1:hover,.markdown h2:hover,.markdown h3:hover {
            cursor: pointer;
        }

.markdown h1:hover::after {
                display: inline-block;
                font: normal normal normal 16px/1 FontAwesome;

                cursor: pointer;
                content: "\f0c1";
                margin-left: 5px;
                vertical-align: middle;
            }

.markdown h2:hover::after {
                display: inline-block;
                font: normal normal normal 16px/1 FontAwesome;

                cursor: pointer;
                content: "\f0c1";
                margin-left: 5px;
                vertical-align: middle;
            }

.markdown h3:hover::after {
                display: inline-block;
                font: normal normal normal 16px/1 FontAwesome;

                cursor: pointer;
                content: "\f0c1";
                margin-left: 5px;
                vertical-align: middle;
            }

.markdown h5,.markdown h6 {
        margin: 10px 0;
        line-height: 20px;
    }
/* Since markdown doesn't make it easy to put an HTML element around a
       markdown table, we instead have a model of putting an empty div
       before it to configure a specific table's styling. */

.markdown div.centered_table + table td:not(:first-child),.markdown div.centered_table + table th {
        text-align: center;
    }

.markdown .legend_symbol {
        position: absolute;
        left: calc(340px);
        transform: translateX(-50%);

        /* Adjust for 50px closed left sidebar state */
    }

@media (max-width: 800px) {

    .markdown .legend_symbol {
            left: calc(5% + 50px);
    }
        }

.markdown .legend_label {
        position: relative;
        left: calc(30px);
    }

.markdown li {
        line-height: 150%;
    }

.markdown ol {
        counter-reset: item;
        list-style: none;
    }

.markdown ol > li {
            position: relative;
            vertical-align: top;
            /* This needs to be wide enough for 2-digit numbers. */
            padding-left: 33px;
            top: -2px;
            counter-increment: item;
        }

.markdown ol > li::before {
                position: absolute;
                top: 0;
                left: 0;
                content: counter(item);
                display: inline-block;
                vertical-align: top;
                padding: 3px 6.5px 3px 7.5px;
                margin-right: 5px;
                background-color: hsl(170deg 48% 54%);
                color: hsl(0deg 0% 100%);
                border-radius: 100%;
                font-size: 0.9em;
                line-height: 1.1;
                text-align: center;
            }

.markdown ol > li .codehilite {
                background-color: hsl(0deg 0% 100%);
            }

.markdown ol > li .codehilite pre {
                    white-space: pre;
                    overflow-x: auto;
                }

.markdown ol > li > ul {
                margin-bottom: 5px;
            }

@media (max-width: 500px) {

    .markdown ol {
            margin-left: 0;
    }
        }

.markdown ul {
        margin: 0 10px 15px 25px;

        /* Avoid extra whitespace after nested bulleted lists. */
    }

.markdown ul ul {
            margin: 0 20px;
        }

.markdown ul > li {
            margin: 5px 0 10px;
        }

.markdown ul > li > p {
                margin: 0 0 5px;
            }

.markdown ul > li > p:first-child {
                margin: 0;
            }

.markdown .content {
        padding: 30px;
        max-width: 700px;
        background-color: hsl(0deg 0% 100%);
    }

.markdown .content ol li p:not(:first-child) {
            display: block;
        }

.markdown .content > ol {
            margin: 15px 10px;
        }

.markdown .content > ol > li {
                margin: 2.5px 0;
            }

.markdown .content i.icon-collapsed-state {
            transform: rotate(270deg);
        }

@media (max-width: 500px) {

    .markdown .content {
            padding: 10px;
    }
        }

.markdown i.zulip-icon {
        margin: 0 2px 2px;
        vertical-align: middle;
    }

.markdown i.zulip-icon.mobile-help {
        color: hsl(244deg 69% 62%);
    }

.markdown a {
        color: hsl(176deg 46% 41%);
        font-weight: 600;
    }

.markdown a code {
            color: hsl(176deg 46% 41%);
        }

.markdown strong {
        font-weight: 600;
    }

.markdown img {
        vertical-align: top;
        box-shadow: 0 0 4px hsl(0deg 0% 0% / 5%);
        border: 1px solid hsl(0deg 0% 87%);
        border-radius: 4px;
    }

.markdown img.inline {
            height: 1.4em;
            box-shadow: none;
        }

.markdown img.emoji-small {
            width: 20px;
            box-shadow: none;
            border: none;
            vertical-align: sub;
        }

.markdown img.emoji-big {
            width: 25px;
            box-shadow: none;
            border: none;
        }

.markdown img.help-center-icon {
            width: 24px;
            box-shadow: none;
            border: none;
        }

.markdown .warn,.markdown .tip,.markdown .keyboard_tip {
        position: relative;
        display: block;
        background-color: hsl(210deg 22% 96%);
        border: 1px solid hsl(210deg 22% 90%);
        border-radius: 4px;
        padding: 10px;
        margin: 5px 0;
    }

.markdown .warn p,.markdown .tip p,.markdown .keyboard_tip p {
            margin-bottom: 0;
        }

.markdown .warn p:first-of-type {
            display: inline;
        }

.markdown .tip p:first-of-type {
            display: inline;
        }

.markdown .keyboard_tip p:first-of-type {
            display: inline;
        }

.markdown .tip,.markdown .keyboard_tip {
        background-color: hsl(46deg 63% 95%);
        border: 1px solid hsl(46deg 63% 84%);
    }

.markdown .tip::before {
        display: inline;
        content: "\f0eb   Tip:  ";
        font-family: FontAwesome, "Source Sans 3 VF", sans-serif;
        font-weight: 600;
    }

.markdown .keyboard_tip::before {
        display: inline;
        content: "\f11c   Keyboard shortcut:  ";
        font-family: FontAwesome, "Source Sans 3 VF", sans-serif;
        font-weight: 600;
    }

.markdown .user-circle {
        /* We make the circles slightly larger than in the
           sidebar UI, so they look good next to the copy. */
        font-size: 0.7em;
        display: inline-block;
        /* 1.5px at 11.2px/1em */
        vertical-align: 0.1339em;
    }

.markdown .user-circle-active {
        color: var(--color-user-circle-active);
    }

.markdown .user-circle-idle {
        background: var(--gradient-user-circle-idle);
        -webkit-background-clip: text;
                background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.markdown .with_avatar .user-circle-idle {
        background: var(--gradient-user-circle-idle-avatar);
    }

.markdown .user-circle-offline {
        color: var(--color-user-circle-offline);
    }

.markdown .user-circle-deactivated {
        color: var(--color-user-circle-deactivated);
    }

.markdown kbd {
        /* Same as kbd in app_components.css */
        display: inline-block;
        border: 1px solid hsl(0deg 0% 80%);
        border-radius: 4px;
        font-weight: 600;
        white-space: nowrap;
        background-color: hsl(0deg 0% 98%);
        color: hsl(0deg 0% 20%);
        text-shadow: 0 1px 0 hsl(0deg 0% 100%);
        /* Different from app_components.css */
        /* Removed margin setting */
        font-size: 0.85em;
        padding: 0 0.4em;
    }

.markdown kbd.arrow-key {
            /* Same as in informational_overlays.css */
            line-height: 1;
            padding: 0 0.2em 0.2em;
            /* Different from informational_overlays.css */
            font-size: 1.2em;
        }

.markdown code {
        /* Same font-family as zulip.css */
        font-family: "Source Code Pro", monospace;
        /* Same as base rules for code elements in rendered_markdown.css */
        font-size: 0.825em;
        unicode-bidi: embed;
        direction: ltr;
        color: hsl(0deg 0% 0%);
        border-radius: 3px;
        /* Different from base rules for code elements in rendered_markdown.css */
        white-space: initial;
        padding: 0 4px;
        background-color: hsl(0deg 0% 93%);
        overflow-wrap: break-word;
    }

.markdown .codehilite {
        /* Relative positioning is used to place the copy-to-clipboard button
           in the top-right corner. */
        position: relative;
    }

.markdown pre code {
            font-size: 14px;
            white-space: pre-wrap;
            padding: 0;
            color: inherit;
            background-color: transparent;
            border: 0;
        }

.markdown .copy-codeblock {
        cursor: pointer;
        /* Invisible default button */
        background: none;
        border: none;
        padding: 0;
        position: absolute;
        /* Position the button in the top-right corner */
        top: 10px;
        right: 10px;
        line-height: 3px;
    }

.markdown .copy-codeblock:focus {
            outline-offset: -1px;
            outline-color: hsl(176deg 46% 41%);
        }

.markdown .copy-button {
        display: flex;
        border-radius: 4px;
        color: var(--color-copy-button);
        /* 2px at 16px/1em */
        padding: 0.125em;
        cursor: pointer;
    }

.markdown .copy-button:focus-visible {
            color: var(--color-copy-button-hover);
        }

.markdown .copy-button:hover {
            color: var(--color-copy-button-hover);
        }

.markdown .copy-button:active {
            color: var(--color-copy-button-active);
        }

.markdown .copy-button.copy-button-success {
            color: var(--color-copy-button-success);
        }

.markdown .tabbed-section ol {
            margin-left: 15px;
            margin-top: 10px;
        }

.markdown .tabbed-section ul.nav {
            margin: 0;
        }

.markdown .tabbed-section ul.nav li {
                display: inline-block;
                padding: 5px 14px;
                margin: 0;

                cursor: pointer;
            }

.markdown .tabbed-section ul.nav li.active {
                    color: hsl(176deg 46% 41%);
                    margin-bottom: -1px;

                    border: 1px solid hsl(0deg 0% 87%);
                    border-bottom: 1px solid hsl(0deg 0% 100%);
                    border-radius: 4px 4px 0 0;
                }

.markdown .tabbed-section.no-tabs ul.nav {
            display: none;
        }

.markdown .tabbed-section .blocks {
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid hsl(0deg 0% 87%);
        }

.markdown .tabbed-section .blocks .tab-content {
                display: none;
            }

.markdown .tabbed-section.has-tabs .blocks {
            border-radius: 0 6px 6px;
        }

.markdown .tabbed-section.no-tabs .blocks {
            border-radius: 6px;
        }

.markdown .tabbed-section.no-tabs .blocks > .tab-content,.markdown .tabbed-section.has-tabs .blocks > .active {
            display: block;
        }

.markdown blockquote {
        padding: 0 0 0 15px;
        margin: 0 0 20px;
        border-left: 5px solid hsl(0deg 0% 93%);
    }

.markdown blockquote p {
            font-size: 17.5px;
            font-weight: 300;
            line-height: 1.25;
            margin-bottom: 0;
        }

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.2_webpack@5.101.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!../node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.5.6_typescript@5.9.2_webpack@5.101.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!./styles/portico/portico_styles.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/



/*# sourceMappingURL=third_bootstrap_css_bootstrap_portico_css-styles_components_css-styles_portico_markdown_css-s-71db26.css.map*/