@import '_content/Civitas.Web.Dispatch/Civitas.Web.Dispatch.it3dwmza51.bundle.scp.css';
@import '_content/Civitas.Web.Finance/Civitas.Web.Finance.9at74bgbpu.bundle.scp.css';
@import '_content/Civitas.Web.Staff/Civitas.Web.Staff.ceivou9w5s.bundle.scp.css';
@import '_content/Civitas.Web.Ui/Civitas.Web.Ui.8x4r7f4nd9.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css';

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mo3r6jjpcw],
.components-reconnect-repeated-attempt-visible[b-mo3r6jjpcw],
.components-reconnect-failed-visible[b-mo3r6jjpcw],
.components-pause-visible[b-mo3r6jjpcw],
.components-resume-failed-visible[b-mo3r6jjpcw],
.components-rejoining-animation[b-mo3r6jjpcw] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-mo3r6jjpcw],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-mo3r6jjpcw],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-mo3r6jjpcw],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-mo3r6jjpcw],
#components-reconnect-modal.components-reconnect-retrying[b-mo3r6jjpcw],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-mo3r6jjpcw],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-mo3r6jjpcw],
#components-reconnect-modal.components-reconnect-failed[b-mo3r6jjpcw],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-mo3r6jjpcw] {
    display: block;
}

/* Blazor keeps the first attempt's class while it retries, so without this both lines showed at once. */
#components-reconnect-modal.components-reconnect-show.components-reconnect-retrying .components-reconnect-first-attempt-visible[b-mo3r6jjpcw] {
    display: none;
}


/* Themed with Fluent's tokens, so it follows light and dark like the rest of the site. */
#components-reconnect-modal[b-mo3r6jjpcw] {
    background-color: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusXLarge);
    box-shadow: var(--shadow28);
    font-family: var(--fontFamilyBase);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-mo3r6jjpcw 0.5s both;

    &[open] {
        animation: components-reconnect-modal-slideUp-b-mo3r6jjpcw 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-mo3r6jjpcw 0.5s ease-in-out 0.3s;
        animation-fill-mode: both;
    }
}

#components-reconnect-modal:focus[b-mo3r6jjpcw] {
    outline: none;
}

#components-reconnect-modal[b-mo3r6jjpcw]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-mo3r6jjpcw 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-mo3r6jjpcw {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-mo3r6jjpcw {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-mo3r6jjpcw {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-mo3r6jjpcw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-mo3r6jjpcw] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-mo3r6jjpcw] {
    border: 0;
    background-color: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font: inherit;
    font-weight: var(--fontWeightSemibold);
    padding: 5px 20px;
    border-radius: var(--borderRadiusMedium);
    cursor: pointer;
}

#components-reconnect-modal button:hover[b-mo3r6jjpcw] {
    background-color: var(--colorBrandBackgroundHover);
}

#components-reconnect-modal button:active[b-mo3r6jjpcw] {
    background-color: var(--colorBrandBackgroundPressed);
}

.components-rejoining-animation[b-mo3r6jjpcw] {
    line-height: 0;
}
/* /Components/Pages/Account/Account.razor.rz.scp.css */
/* Without Fluent's field margin the code input and the button line up along the bottom. */
.cv-link-form[b-892yiughhm]  fluent-field {
    margin-block: 0;
}

/* Fluent's field keeps a small gap under its input; the button matches it so their bottoms line up. */
.cv-link-form[b-892yiughhm]  fluent-button {
    margin-bottom: var(--spacingVerticalXXS);
}

/* Linking another avatar sits under the table of avatars. */
.cv-avatar-link[b-892yiughhm] {
    margin-top: 20px;
}

.cv-account-note[b-892yiughhm] {
    margin-bottom: 16px;
}

.cv-password-form[b-892yiughhm]  fluent-field {
    margin-block: 0;
}

.cv-passkeys[b-892yiughhm] {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-passkeys li[b-892yiughhm] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-passkey-text[b-892yiughhm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cv-discord[b-892yiughhm] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.cv-discord img[b-892yiughhm] {
    border-radius: 50%;
}

.cv-picture[b-892yiughhm] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    align-items: center;
    margin: 12px 0;
}

.cv-picture[b-892yiughhm]  fluent-field {
    margin-block: 0;
}

.cv-picture-option[b-892yiughhm] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    /* Clicks go through to the option: Fluent only selects when the option itself is what was clicked. */
    pointer-events: none;
}

.cv-picture-upload[b-892yiughhm] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
    /* Clear of the picture's ring and shadow above. */
    margin-top: 24px;
}

.cv-authenticator-setup[b-892yiughhm] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
}

.cv-authenticator-setup img[b-892yiughhm] {
    /* White around the code whatever the theme, so phone cameras can read it. */
    background: #fff;
    padding: 8px;
    border-radius: var(--borderRadiusMedium);
    image-rendering: pixelated;
}

.cv-authenticator-setup p[b-892yiughhm] {
    margin: 0 0 8px;
}

.cv-authenticator-key[b-892yiughhm] {
    font-size: var(--fontSizeBase400);
    letter-spacing: 0.05em;
    word-break: break-all;
}
/* /Components/Pages/Account/Characters.razor.rz.scp.css */
.cv-character-form[b-51n60a83k7]  fluent-field,
.cv-character-edit[b-51n60a83k7]  fluent-field {
    margin-block: 0;
}

.cv-characters[b-51n60a83k7] {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-characters li[b-51n60a83k7] {
    padding: 10px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-character-row[b-51n60a83k7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cv-character-text[b-51n60a83k7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: anywhere;
}

/* /Components/Pages/Account/DeleteAccountDialog.razor.rz.scp.css */
.cv-delete-account p[b-cl2zjzdks8],
.cv-delete-account ul[b-cl2zjzdks8] {
    margin: 0 0 12px;
}
/* /Components/Pages/Account/NotificationSettings.razor.rz.scp.css */
/* Each group of kinds ("About you", "Communities you manage") heads its own table. */
.cv-notification-group[b-wmusht30ba] {
    margin: 20px 0 8px;
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

.cv-notification-group:first-of-type[b-wmusht30ba] {
    margin-top: 0;
}

.cv-notification-kind[b-wmusht30ba] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 0;
    white-space: normal;
}
/* /Components/Pages/Account/PrivacyRequests.razor.rz.scp.css */
.cv-privacy-requests[b-89pudm9ysl] {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-privacy-requests li[b-89pudm9ysl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-privacy-request-text[b-89pudm9ysl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 12rem;
}

.cv-privacy-action[b-89pudm9ysl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 12px;
}

.cv-account-note[b-89pudm9ysl] {
    margin-bottom: 16px;
}
/* /Components/Pages/Account/SignIn.razor.rz.scp.css */
/* Two cards side by side on wide screens: signing in, and creating an account. Stacked on phones. */
.cv-sign-in[b-9cg20zt6qk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    max-width: 440px;
    margin: 32px auto;
    align-items: start;
}

@media (min-width: 960px) {
    .cv-sign-in[b-9cg20zt6qk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 920px;
    }

    .cv-sign-in-ended[b-9cg20zt6qk] {
        grid-column: 1 / -1;
    }

    /* The link to the second card only helps when it's below, off screen. */
    .cv-sign-in-jump[b-9cg20zt6qk] {
        display: none;
    }
}

.cv-sign-in[b-9cg20zt6qk]  .cv-sign-in-card {
    padding: 24px;
}

.cv-sign-in-title[b-9cg20zt6qk] {
    margin-top: 4px;
}

.cv-sign-in-note[b-9cg20zt6qk] {
    margin-bottom: 16px;
}

.cv-sign-in-footnote[b-9cg20zt6qk] {
    margin: 20px 0 0;
}

.cv-sign-in-agree[b-9cg20zt6qk] {
    margin: 12px 0 0;
}

.cv-sign-in-jump[b-9cg20zt6qk] {
    margin: 12px 0 0;
    font-weight: var(--fontWeightSemibold);
}

.cv-sign-in-steps[b-9cg20zt6qk] {
    list-style: none;
    counter-reset: step;
    margin: 20px 0 24px;
    padding: 0;
    display: grid;
    gap: 14px;
}

.cv-sign-in-steps li[b-9cg20zt6qk] {
    counter-increment: step;
    position: relative;
    padding-left: 40px;
    min-height: 28px;
}

.cv-sign-in-steps li[b-9cg20zt6qk]::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: -2px;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font-weight: var(--fontWeightBold);
    font-size: var(--fontSizeBase200);
}

.cv-sign-in-steps strong[b-9cg20zt6qk] {
    display: block;
}

.cv-sign-in-steps span[b-9cg20zt6qk] {
    color: var(--colorNeutralForeground2);
}

.cv-sign-in-actions[b-9cg20zt6qk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.cv-sign-in-actions:empty[b-9cg20zt6qk] {
    display: none;
}

.cv-sign-in-buttons[b-9cg20zt6qk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cv-sign-in-error[b-9cg20zt6qk] {
    margin: 12px 0 0;
    color: var(--colorPaletteRedForeground1);
}

/* Discord's own blurple, as its brand guidelines ask for "Sign in with Discord". */
.cv-button-discord[b-9cg20zt6qk] {
    display: inline-flex;
    align-items: center;
    margin-top: 12px;
    min-height: 32px;
    padding: 5px 12px;
    border-radius: var(--borderRadiusMedium);
    background: #5865F2;
    color: #FFFFFF;
    font-weight: var(--fontWeightSemibold);
    text-decoration: none;
}

.cv-button-discord:hover[b-9cg20zt6qk] {
    background: #4752C4;
    color: #FFFFFF;
}

.cv-sign-in-discord-note[b-9cg20zt6qk] {
    margin-top: 12px;
}
/* /Components/Pages/Account/Wallet.razor.rz.scp.css */
.cv-credit-core[b-o1s7sx17t5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}

.cv-credit-core p[b-o1s7sx17t5] {
    margin: 0;
}
/* /Components/Pages/Communities/Audit.razor.rz.scp.css */
.cv-audit-details[b-xuotw69q7n] {
    padding: 4px 8px 12px 40px;
}

[b-xuotw69q7n] .cv-audit-row {
    cursor: pointer;
}

.cv-audit-facts[b-xuotw69q7n] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 4px 16px;
    margin: 12px 0 16px;
}

.cv-audit-facts dt[b-xuotw69q7n] {
    color: var(--colorNeutralForeground3);
}

.cv-audit-facts dd[b-xuotw69q7n] {
    margin: 0;
}

.cv-audit-details .cv-eyebrow[b-xuotw69q7n] {
    margin-bottom: 4px;
}

.cv-audit-more[b-xuotw69q7n] {
    margin-top: 16px;
}
/* /Components/Pages/Communities/Billing.razor.rz.scp.css */
.cv-billing-item[b-0ow7g5k0xv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cv-billing-credit[b-0ow7g5k0xv] {
    margin: 8px 0 0;
}

.cv-billing-low[b-0ow7g5k0xv] {
    margin-left: 8px;
}

.cv-billing-offer[b-0ow7g5k0xv] {
    color: var(--colorStatusSuccessForeground1);
}
/* /Components/Pages/Communities/Bots.razor.rz.scp.css */
.cv-bots-intro[b-xlagvkkhpj] {
    color: var(--colorNeutralForeground2);
    margin: 0 0 20px;
}

[b-xlagvkkhpj] .cv-bots-card {
    height: 100%;
}

.cv-bots-card-head[b-xlagvkkhpj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    align-items: center;
    justify-content: space-between;
}

.cv-bots-card-head h2[b-xlagvkkhpj] {
    margin: 0;
}

/* Card titles match panel titles. */
[b-xlagvkkhpj] .cv-bots-card h2,
[b-xlagvkkhpj] .cv-bots-card h3 {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

[b-xlagvkkhpj] .cv-bots-card > h2,
[b-xlagvkkhpj] .cv-bots-card > h3 {
    margin: 0 0 8px;
}

[b-xlagvkkhpj] .cv-bots-card h4 {
    margin: 20px 0 8px;
    font-size: var(--fontSizeBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-section[b-xlagvkkhpj] {
    margin-top: 32px;
}

.cv-bots-rows[b-xlagvkkhpj] {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: grid;
}

.cv-bots-rows li[b-xlagvkkhpj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: flex-start;
    padding: 10px 0;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-bots-rows li:first-child[b-xlagvkkhpj] {
    border-top: 0;
    padding-top: 0;
}

.cv-bots-rows li[b-xlagvkkhpj]  fluent-badge {
    margin-top: 2px;
}

.cv-bots-name[b-xlagvkkhpj] {
    display: flex;
    flex: 1 1 220px;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cv-bots-row-actions[b-xlagvkkhpj] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
    margin-left: auto;
}

.cv-bots-error[b-xlagvkkhpj] {
    color: var(--colorPaletteRedForeground1);
}

/* Hosted by Civitas, and on your computer: side by side when there's room. */
.cv-bots-options[b-xlagvkkhpj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 16px;
}

@media (max-width: 480px) {
    .cv-bots-options[b-xlagvkkhpj] {
        grid-template-columns: minmax(0, 1fr);
    }
}

[b-xlagvkkhpj] .cv-bots-hosted-form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: flex-end;
    margin: 8px 0 4px;
}

/*
 * Line the buttons up with the inputs. Fluent gives each field a vertical margin, and its grid keeps a row for
 * a message under the input with a small gap before it, so the field ends that gap below the input.
 */
[b-xlagvkkhpj] .cv-bots-hosted-form fluent-field {
    margin-block: 0;
}

[b-xlagvkkhpj] .cv-bots-hosted-form fluent-button {
    margin-bottom: var(--spacingVerticalXXS);
}

.cv-bots-relay-actions[b-xlagvkkhpj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
    margin: 8px 0;
}

.cv-bots-download-link[b-xlagvkkhpj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font-weight: var(--fontWeightSemibold);
    text-decoration: none;
}

.cv-bots-download-link:hover[b-xlagvkkhpj] {
    background: var(--colorBrandBackgroundHover);
}

.cv-bots-pairing[b-xlagvkkhpj] {
    margin-top: 12px;
    padding: 12px 16px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground2);
}

.cv-bots-pairing p[b-xlagvkkhpj] {
    margin: 0 0 8px;
}

.cv-bots-code[b-xlagvkkhpj] {
    font-size: 24px;
    letter-spacing: 0.08em;
}

.cv-bots-more[b-xlagvkkhpj] {
    margin-top: 16px;
}
/* /Components/Pages/Communities/Chat.razor.rz.scp.css */
.cv-chat-usage[b-wiiz4kun07] {
    display: grid;
    gap: 4px;
    margin-bottom: 16px;
}

.cv-chat-cell[b-wiiz4kun07] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
}

.cv-chat-warning[b-wiiz4kun07] {
    color: var(--colorStatusWarningForeground1);
}

.cv-chat-person[b-wiiz4kun07] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* The side panel, the whole screen on a phone. */
[b-wiiz4kun07] .cv-chat-drawer {
    --dialog-width: min(480px, 100vw);
    width: min(480px, 100vw);
}

.cv-chat-form[b-wiiz4kun07] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-chat-form p[b-wiiz4kun07] {
    margin: 0;
}

.cv-chat-members[b-wiiz4kun07] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-chat-actions[b-wiiz4kun07] {
    display: flex;
    gap: 4px;
    white-space: nowrap;
}

.cv-chat-choices[b-wiiz4kun07] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.cv-chat-choices legend[b-wiiz4kun07] {
    margin-bottom: 4px;
    padding: 0;
    font-weight: var(--fontWeightSemibold);
}

.cv-chat-choices p[b-wiiz4kun07] {
    margin: 0;
}

/* Why a change to a bridge can't be saved yet. */
.cv-chat-form p.cv-chat-problem[b-wiiz4kun07] {
    color: var(--colorPaletteRedForeground1);
}
/* /Components/Pages/Communities/Citations.razor.rz.scp.css */
.cv-citation[b-do9rl3u4a5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-citation-charges[b-do9rl3u4a5] {
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cv-citation-charges li[b-do9rl3u4a5] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.cv-citation-notes[b-do9rl3u4a5] {
    white-space: pre-wrap;
}
/* /Components/Pages/Communities/Communities.razor.rz.scp.css */
.cv-community-link[b-h01772o4u4] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.cv-community-link:hover[b-h01772o4u4] {
    color: inherit;
}

.cv-communities[b-h01772o4u4]  .cv-community-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cv-community-link:hover[b-h01772o4u4]  .cv-community-card,
.cv-community-link:focus-visible[b-h01772o4u4]  .cv-community-card {
    background: var(--colorNeutralBackground1Hover);
    box-shadow: var(--shadow8);
}

.cv-community-head[b-h01772o4u4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
}

.cv-community-name[b-h01772o4u4] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--fontSizeBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-community-address[b-h01772o4u4] {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* The community's figures (Facts), under a line. */
.cv-communities[b-h01772o4u4]  .cv-community-facts {
    margin-top: 16px;
    padding-top: 16px;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-communities-welcome h2[b-h01772o4u4] {
    margin: 0 0 8px;
    font-size: var(--fontSizeBase500);
}

.cv-communities-welcome p[b-h01772o4u4] {
    margin: 0 0 16px;
}
/* /Components/Pages/Communities/CommunitySetup.razor.rz.scp.css */
/* The wizard sits in a panel's card across the page, its steps down the left. */
.cv-setup[b-uwpnnf5idb] {
    margin-bottom: 24px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    box-shadow: var(--shadow2);
    overflow: hidden;
}

.cv-setup-step[b-uwpnnf5idb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 4px 8px 8px;
}

.cv-setup-step h2[b-uwpnnf5idb] {
    margin: 0;
    font-size: var(--fontSizeBase500);
    font-weight: var(--fontWeightSemibold);
}

.cv-setup-step h3[b-uwpnnf5idb] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-setup-step p[b-uwpnnf5idb] {
    margin: 0;
}

/* One thing to do within a step: its heading, a line on it, then its controls. */
.cv-setup-part[b-uwpnnf5idb] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-top: 16px;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

[b-uwpnnf5idb] .cv-setup-form,
.cv-setup-add[b-uwpnnf5idb] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: min(100%, 480px);
}

[b-uwpnnf5idb] .cv-setup-form fluent-field,
.cv-setup-add[b-uwpnnf5idb]  fluent-field {
    align-self: stretch;
    margin-block: 0;
}

/* The groups and servers added so far, one to a row. */
.cv-setup-list[b-uwpnnf5idb] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-setup-list li[b-uwpnnf5idb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    padding: 12px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-setup-image[b-uwpnnf5idb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: none;
    overflow: hidden;
    border-radius: var(--borderRadiusMedium);
}

/* SL's own picture for a group without one sits underneath, as on the Groups page. */
.cv-setup-group-image[b-uwpnnf5idb] {
    background: url("/images/sl/Generic_Group_Large.png") center / cover;
}

.cv-setup-group-image img[b-uwpnnf5idb] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--colorNeutralBackground1);
}

.cv-setup-group-image img[hidden][b-uwpnnf5idb] {
    display: none;
}

.cv-setup-initials[b-uwpnnf5idb] {
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
    font-weight: var(--fontWeightSemibold);
}

.cv-setup-item[b-uwpnnf5idb] {
    display: flex;
    flex: 1 1 240px;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

/* What a group's bot needs, under the group: lined up with its name, past the picture. */
.cv-setup-detail[b-uwpnnf5idb] {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    gap: 8px;
    padding-left: 52px;
}

.cv-setup-detail p[b-uwpnnf5idb] {
    margin: 0;
}

.cv-setup-check-heading[b-uwpnnf5idb] {
    margin: 8px 0 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.cv-setup-item-end[b-uwpnnf5idb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* Roles to import, a group's or a server's to each box. */
.cv-setup-checks[b-uwpnnf5idb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
    gap: 4px 16px;
    align-self: stretch;
    margin: 0;
    padding: 12px 16px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
}

.cv-setup-checks legend[b-uwpnnf5idb] {
    padding: 0 4px;
    font-weight: var(--fontWeightSemibold);
}

/* The wizard's own buttons, spaced apart and kept together at the bottom right. */
.cv-setup-buttons[b-uwpnnf5idb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.cv-setup-prefix[b-uwpnnf5idb] {
    color: var(--colorNeutralForeground3);
    font-size: var(--fontSizeBase300);
}

.cv-setup-item a[b-uwpnnf5idb] {
    text-decoration: none;
}

.cv-setup-item a:hover[b-uwpnnf5idb] {
    text-decoration: underline;
}

/* A list already ends in a line, so the part after it doesn't draw another. */
.cv-setup-list + .cv-setup-part[b-uwpnnf5idb] {
    padding-top: 0;
    border-top: none;
}

@media (max-width: 480px) {
    .cv-setup-detail[b-uwpnnf5idb] {
        padding-left: 0;
    }
}

/* A page's icon beside what the last step suggests doing there. */
.cv-setup-icon[b-uwpnnf5idb] {
    background: var(--colorBrandBackground2);
    color: var(--colorBrandForeground2);
}
/* /Components/Pages/Communities/CreateGroupDrawer.razor.rz.scp.css */
/* Laid out like the Roles page's side panel. */
[b-f44v155x6a] .cv-create-group-drawer {
    --dialog-width: min(560px, 100vw);
    width: min(560px, 100vw);
}

.cv-create-group-form[b-f44v155x6a] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cv-create-group-form p[b-f44v155x6a] {
    margin: 0;
}

.cv-create-group-form section[b-f44v155x6a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* /Components/Pages/Communities/CreateRoleDrawer.razor.rz.scp.css */
/* Laid out like the Roles page's side panel. */
[b-7xvdy940eb] .cv-roles-drawer {
    --dialog-width: min(560px, 100vw);
    width: min(560px, 100vw);
}

.cv-role-form[b-7xvdy940eb] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cv-role-form section[b-7xvdy940eb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-role-form-heading[b-7xvdy940eb] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}
/* /Components/Pages/Communities/Discord.razor.rz.scp.css */
.cv-discord-server-head[b-s7m69j4lf8] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cv-discord-server-name[b-s7m69j4lf8] {
    flex: 1;
    min-width: 0;
}

.cv-discord-server-name h2[b-s7m69j4lf8] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-discord-icon[b-s7m69j4lf8] {
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.cv-discord-initials[b-s7m69j4lf8] {
    display: grid;
    place-items: center;
    background: #5865F2;
    color: #FFFFFF;
    font-weight: var(--fontWeightSemibold);
}

.cv-discord-channels[b-s7m69j4lf8] {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: grid;
    gap: 4px;
}

.cv-discord-channels li[b-s7m69j4lf8] {
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.cv-discord-test[b-s7m69j4lf8] {
    margin-top: 16px;
}

.cv-discord-test[b-s7m69j4lf8]  fluent-field {
    margin-block: 0;
}

.cv-discord-sync[b-s7m69j4lf8] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-top: 16px;
    color: var(--colorNeutralForeground2);
}

.cv-discord-note[b-s7m69j4lf8] {
    margin-top: 12px;
}

.cv-discord-rows[b-s7m69j4lf8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
}

.cv-discord-rows li[b-s7m69j4lf8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: flex-start;
    padding: 12px 0;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-discord-rows li:first-child[b-s7m69j4lf8] {
    border-top: 0;
    padding-top: 0;
}

.cv-discord-row-text[b-s7m69j4lf8] {
    display: flex;
    flex: 1 1 260px;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cv-discord-row-actions[b-s7m69j4lf8] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
    margin-left: auto;
}

.cv-discord-error[b-s7m69j4lf8] {
    color: var(--colorPaletteRedForeground1);
}

.cv-discord-check-heading[b-s7m69j4lf8] {
    margin: 16px 0 8px;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.cv-discord-check-heading:first-child[b-s7m69j4lf8] {
    margin-top: 0;
}

.cv-discord-linked + .cv-discord-linked[b-s7m69j4lf8] {
    margin-top: 20px;
}

.cv-discord-linked-state[b-s7m69j4lf8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
}

.cv-discord-linked-form[b-s7m69j4lf8] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
}

.cv-discord-linked-form[b-s7m69j4lf8]  fluent-field {
    margin-block: 0;
    flex: 1 1 160px;
}
/* /Components/Pages/Communities/EconomyActions.razor.rz.scp.css */
.cv-economy-actions-list[b-e96vjfs6kk] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* /Components/Pages/Communities/EstateDetail.razor.rz.scp.css */
.cv-estate-summary[b-96ixj4m4l2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 16px;
}

[b-96ixj4m4l2] .cv-estate-drawer {
    --dialog-width: min(520px, 100vw);
    width: min(520px, 100vw);
}

.cv-estate-form[b-96ixj4m4l2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* /Components/Pages/Communities/Estates.razor.rz.scp.css */
[b-8rmcuy8t9n] .cv-parcel-drawer {
    --dialog-width: min(720px, 100vw);
    width: min(720px, 100vw);
}

.cv-parcel-sheet[b-8rmcuy8t9n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-parcel-heading[b-8rmcuy8t9n] {
    margin: 16px 0 0;
    font-size: var(--fontSizeBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-parcel-people[b-8rmcuy8t9n] {
    max-height: 18rem;
    overflow-y: auto;
    margin: 0;
    padding-inline-start: 20px;
    font-size: var(--fontSizeBase300);
}

.cv-parcel-intro[b-8rmcuy8t9n] {
    margin: 0 0 16px;
}

.cv-parcel-problem[b-8rmcuy8t9n] {
    display: block;
}

.cv-parcel-hidden[b-8rmcuy8t9n] {
    display: none;
}

.cv-parcel-sets[b-8rmcuy8t9n] {
    margin: 0 0 16px;
}

/* The list nests the land: estates, their regions, then each region's parcels, each a step further in. */
.cv-land-name[b-8rmcuy8t9n] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding-inline-start: calc(var(--cv-land-depth, 0) * 24px);
}

/* A parcel has no fold button, so it lines up under its region's name rather than its button. */
[b-8rmcuy8t9n] .cv-land-parcel .cv-land-name,
[b-8rmcuy8t9n] .cv-land-otherparcel .cv-land-name {
    padding-inline-start: calc(var(--cv-land-depth, 0) * 24px + 4px);
}

.cv-land-title[b-8rmcuy8t9n] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-block: 4px;
}

.cv-land-sub[b-8rmcuy8t9n] {
    display: block;
}

[b-8rmcuy8t9n] .cv-land-estate,
[b-8rmcuy8t9n] .cv-land-otherheading {
    background: var(--colorNeutralBackground2);
}

/* A saved set's settings, one to a line: the setting, then what it becomes. */
.cv-set-lines[b-8rmcuy8t9n] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 2px 16px;
    margin: 0;
    padding-block: 4px;
}

.cv-set-lines dt[b-8rmcuy8t9n] {
    color: var(--colorNeutralForeground3);
}

.cv-set-lines dd[b-8rmcuy8t9n] {
    margin: 0;
    overflow-wrap: anywhere;
}

/* The parcel sheet reads as rows: the label on the left, the value beside it, so long values wrap in their own column. */
[b-8rmcuy8t9n] .cv-parcel-rows {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
}

[b-8rmcuy8t9n] .cv-parcel-rows .cv-fact {
    display: grid;
    grid-template-columns: minmax(10rem, 40%) minmax(0, 1fr);
    gap: 16px;
    align-items: baseline;
    padding-block: 2px;
    border-bottom: 1px solid var(--colorNeutralStroke3);
}

[b-8rmcuy8t9n] .cv-parcel-rows dt {
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
}

[b-8rmcuy8t9n] .cv-parcel-rows dd {
    margin: 0;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightRegular);
}

.cv-parcel-subheading[b-8rmcuy8t9n] {
    margin: 12px 0 0;
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}
/* /Components/Pages/Communities/EventCard.razor.rz.scp.css */
.cv-event-card[b-0ujomx4z3g] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-event-card-picture[b-0ujomx4z3g] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground3);
}

.cv-event-card-cancelled[b-0ujomx4z3g] {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
    font-weight: var(--fontWeightSemibold);
}

.cv-event-card-category[b-0ujomx4z3g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.cv-event-card-swatch[b-0ujomx4z3g] {
    width: 12px;
    height: 12px;
    border: 1px solid;
    border-radius: var(--borderRadiusSmall);
    flex: none;
}

/* A few lines of what it's about; the rest is on its page. */
.cv-event-card-description[b-0ujomx4z3g] {
    max-height: 9.5em;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, #000 7.5em, transparent 9.5em);
    mask-image: linear-gradient(to bottom, #000 7.5em, transparent 9.5em);
}

.cv-event-card-description[b-0ujomx4z3g]  > :first-child {
    margin-top: 0;
}

/* Two to a row, with when it is across the top, in the body's size rather than the big figures of a tile. */
[b-0ujomx4z3g] .cv-event-card-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[b-0ujomx4z3g] .cv-event-card-facts > .cv-fact:first-child {
    grid-column: 1 / -1;
}

[b-0ujomx4z3g] .cv-event-card-facts dd {
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
}

@media (max-width: 360px) {
    [b-0ujomx4z3g] .cv-event-card-facts {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* The last one alone on its row takes the whole row, so its note doesn't wrap. */
[b-0ujomx4z3g] .cv-event-card-facts > .cv-fact:last-child:nth-child(even) {
    grid-column: 1 / -1;
}
/* /Components/Pages/Communities/EventDetail.razor.rz.scp.css */
.cv-event-form[b-nnz58xuazy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-event-form p[b-nnz58xuazy] {
    margin: 0;
}

[b-nnz58xuazy] .cv-event-bar {
    margin-bottom: 16px;
}

.cv-event-place[b-nnz58xuazy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    margin: 6px 0 0;
}

.cv-event-days[b-nnz58xuazy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cv-event-problem[b-nnz58xuazy] {
    color: var(--colorPaletteRedForeground1);
}

.cv-event-hosts[b-nnz58xuazy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}

.cv-event-hosts li[b-nnz58xuazy] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cv-event-host-name[b-nnz58xuazy] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

/* The picture as uploaded (up to 2048 pixels a side), scaled to the panel. */
.cv-event-picture[b-nnz58xuazy] {
    display: block;
    width: 100%;
    max-height: 320px;
    margin-bottom: 12px;
    object-fit: cover;
    border-radius: var(--borderRadiusMedium);
}

.cv-event-counts[b-nnz58xuazy] {
    margin: 12px 0 4px;
    font-weight: var(--fontWeightSemibold);
}

.cv-event-people[b-nnz58xuazy] {
    margin-top: 12px;
}

/* Add to calendar: a download, drawn like the header's outline buttons. */
.cv-event-calendar[b-nnz58xuazy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 12px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
    text-decoration: none;
}

.cv-event-calendar:hover[b-nnz58xuazy] {
    background: var(--colorNeutralBackground1Hover);
    border-color: var(--colorNeutralStroke1Hover);
}

.cv-event-actions[b-nnz58xuazy] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

[b-nnz58xuazy] .cv-sl-rules-dialog {
    --dialog-width: min(560px, calc(100vw - 32px));
}
/* /Components/Pages/Communities/Events.razor.rz.scp.css */
/* The categories' colours above the calendar. */
.cv-events-key[b-ae4u96wqti] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.cv-events-key li[b-ae4u96wqti] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cv-events-swatch[b-ae4u96wqti] {
    flex: none;
    width: 12px;
    height: 12px;
    border: 1px solid;
    border-left-width: 3px;
    border-radius: var(--borderRadiusSmall);
}

.cv-events-swatch-large[b-ae4u96wqti] {
    width: 20px;
    height: 20px;
    align-self: flex-end;
    margin-bottom: 6px;
}

.cv-events-categories[b-ae4u96wqti] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}

.cv-events-add[b-ae4u96wqti] {
    padding-top: 12px;
    border-top: 1px solid var(--colorNeutralStroke2);
}

.cv-events-form[b-ae4u96wqti] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-ae4u96wqti] .cv-events-drawer {
    --dialog-width: min(520px, 100vw);
    width: min(520px, 100vw);
}

.cv-events-title[b-ae4u96wqti] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cv-events-discord[b-ae4u96wqti] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.cv-events-discord p[b-ae4u96wqti] {
    margin: 0;
}

/* An event's card, from the calendar. */
[b-ae4u96wqti] .cv-event-card-dialog {
    --dialog-width: min(440px, calc(100vw - 32px));
    width: min(440px, calc(100vw - 32px));
}

.cv-event-card-title[b-ae4u96wqti] {
    overflow-wrap: anywhere;
}

.cv-event-card-struck[b-ae4u96wqti] {
    text-decoration: line-through;
}
/* /Components/Pages/Communities/FormBuilder/FormFieldPreview.razor.rz.scp.css */
/* Small, still drawings of form controls, in the theme's colours so they read in light and dark. */
.cv-preview[b-gie7a6pd0r] {
    display: flex;
    min-height: 24px;
    align-items: center;
    font-size: var(--fontSizeBase100);
    line-height: var(--lineHeightBase100);
    color: var(--colorNeutralForeground3);
    pointer-events: none;
    user-select: none;
}

.cv-preview-row[b-gie7a6pd0r] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.cv-preview-column[b-gie7a6pd0r] {
    display: inline-flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
}

.cv-preview-box[b-gie7a6pd0r] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 2px 6px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
    border-bottom-color: var(--colorNeutralStrokeAccessible);
    border-radius: var(--borderRadiusSmall);
    background: var(--colorNeutralBackground1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cv-preview-tall[b-gie7a6pd0r] {
    height: 32px;
}

.cv-preview-narrow[b-gie7a6pd0r] {
    width: 72px;
}

.cv-preview-select[b-gie7a6pd0r]::after {
    content: "⌄";
    float: right;
}

/* Like FluentInputFile's drop zone. */
.cv-preview-file[b-gie7a6pd0r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 6px;
    border: var(--strokeWidthThin) dashed var(--colorBrandStroke1);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground2);
    font-size: var(--fontSizeBase100);
}

.cv-preview-radio[b-gie7a6pd0r],
.cv-preview-check[b-gie7a6pd0r] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);
    border-radius: 50%;
    background: var(--colorNeutralBackground1);
}

.cv-preview-check[b-gie7a6pd0r] {
    border-radius: 2px;
}

.cv-preview-radio.cv-preview-on[b-gie7a6pd0r] {
    box-shadow: inset 0 0 0 2px var(--colorNeutralBackground1);
    background: var(--colorCompoundBrandBackground);
    border-color: var(--colorCompoundBrandStroke);
}

.cv-preview-check.cv-preview-on[b-gie7a6pd0r] {
    background: var(--colorCompoundBrandBackground);
    border-color: var(--colorCompoundBrandStroke);
}

.cv-preview-switch[b-gie7a6pd0r] {
    display: inline-block;
    width: 22px;
    height: 12px;
    border-radius: 6px;
    background: var(--colorCompoundBrandBackground) radial-gradient(circle at 16px 6px, var(--colorNeutralForegroundOnBrand) 3px, transparent 3.5px);
}

.cv-preview-rank[b-gie7a6pd0r] {
    padding: 1px 6px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusSmall);
    background: var(--colorNeutralBackground1);
}

.cv-preview-stars[b-gie7a6pd0r] {
    font-size: var(--fontSizeBase400);
    letter-spacing: 1px;
    color: var(--colorPaletteMarigoldForeground1, var(--colorBrandForeground1));
}

.cv-preview-off[b-gie7a6pd0r] {
    color: var(--colorNeutralStroke1);
}

.cv-preview-slider[b-gie7a6pd0r] {
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(to right, var(--colorCompoundBrandBackground) 60%, var(--colorNeutralStroke1) 60%);
}

.cv-preview-slider span[b-gie7a6pd0r] {
    position: absolute;
    left: 60%;
    top: -4px;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    border-radius: 50%;
    background: var(--colorNeutralBackground1);
    border: 2px solid var(--colorCompoundBrandBackground);
    box-sizing: border-box;
}

.cv-preview-scale span[b-gie7a6pd0r] {
    min-width: 16px;
    padding: 1px 0;
    text-align: center;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusSmall);
}

.cv-preview-scale .cv-preview-on[b-gie7a6pd0r] {
    background: var(--colorCompoundBrandBackground);
    border-color: var(--colorCompoundBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
}

.cv-preview-hours[b-gie7a6pd0r] {
    display: grid;
    grid-template-columns: repeat(7, 10px);
    gap: 2px;
}

.cv-preview-hours span[b-gie7a6pd0r] {
    height: 7px;
    border-radius: 1px;
    background: var(--colorNeutralBackground4);
}

.cv-preview-hours .cv-preview-on[b-gie7a6pd0r] {
    background: var(--colorCompoundBrandBackground);
}

.cv-preview-grid[b-gie7a6pd0r] {
    display: grid;
    grid-template-columns: repeat(3, 12px);
    gap: 4px 10px;
}

.cv-preview-table[b-gie7a6pd0r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusSmall);
    overflow: hidden;
}

.cv-preview-table span[b-gie7a6pd0r] {
    height: 9px;
    border-inline-end: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-preview-table span:nth-child(-n + 3)[b-gie7a6pd0r] {
    background: var(--colorNeutralBackground3);
}

.cv-preview-signature[b-gie7a6pd0r] {
    font-family: "Segoe Script", "Brush Script MT", "Snell Roundhand", cursive;
    font-size: var(--fontSizeBase300);
    color: var(--colorNeutralForeground2);
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);
    padding: 0 12px 1px 2px;
}

.cv-preview-code[b-gie7a6pd0r] {
    font-family: var(--fontFamilyMonospace);
}

.cv-preview-heading[b-gie7a6pd0r] {
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground2);
}

.cv-preview-lines[b-gie7a6pd0r] {
    display: block;
    height: 12px;
    background: repeating-linear-gradient(to bottom, var(--colorNeutralStroke2) 0 2px, transparent 2px 5px);
    width: 90%;
}

.cv-preview-picture[b-gie7a6pd0r] {
    display: block;
    width: 44px;
    height: 26px;
    border-radius: var(--borderRadiusSmall);
    background:
        radial-gradient(circle at 12px 8px, var(--colorNeutralBackground1) 3px, transparent 3.5px),
        linear-gradient(160deg, transparent 55%, var(--colorBrandBackground2) 55%),
        var(--colorNeutralBackground4);
}

.cv-preview-divider[b-gie7a6pd0r] {
    display: block;
    width: 100%;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
}

.cv-preview-columns[b-gie7a6pd0r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    width: 100%;
}

.cv-preview-columns span[b-gie7a6pd0r] {
    height: 18px;
    border: var(--strokeWidthThin) dashed var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusSmall);
}
/* /Components/Pages/Communities/FormBuilder/FormQuestionEditor.razor.rz.scp.css */
.cv-fq[b-n1n09oqbx9] {
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    padding: 8px 16px 16px;
    background: var(--colorNeutralBackground1);
}

/* Parts that only show something sit quieter than questions; a section heading starts a new part of the form. */
.cv-fq-display[b-n1n09oqbx9] {
    background: var(--colorNeutralBackground2);
}

.cv-fq-section[b-n1n09oqbx9] {
    border-inline-start: 4px solid var(--colorBrandStroke1);
}

.cv-fq-head[b-n1n09oqbx9] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.cv-fq-kind[b-n1n09oqbx9] {
    flex: 1;
}

/* Also Fluent's .sortable-grab, whose own look is for its 32px rows. */
.cv-fq-grab[b-n1n09oqbx9] {
    display: inline-flex;
    position: static;
    width: auto;
    height: auto;
    padding: 4px 2px;
    margin-inline-start: -8px;
    border-radius: var(--borderRadiusMedium);
    background: none;
    cursor: grab;
}

.cv-fq-grab:hover[b-n1n09oqbx9] {
    background: var(--colorSubtleBackgroundHover);
}

.cv-fq-fields[b-n1n09oqbx9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Two fields side by side where there's room. */
.cv-fq-pair[b-n1n09oqbx9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 12px 16px;
}

.cv-fq-row[b-n1n09oqbx9] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.cv-fq-note[b-n1n09oqbx9] {
    margin: 0;
}

.cv-fq-divider[b-n1n09oqbx9] {
    margin: 4px 0;
    border: none;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
}

.cv-fq-columns[b-n1n09oqbx9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-fq-column[b-n1n09oqbx9] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
}

/* Level with the boxes, below their labels. */
.cv-fq-column-remove[b-n1n09oqbx9] {
    padding-top: 30px;
}

.cv-fq-image[b-n1n09oqbx9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.cv-fq-image img[b-n1n09oqbx9] {
    display: block;
    max-width: 240px;
    max-height: 140px;
    border-radius: var(--borderRadiusMedium);
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

/* FluentInputFile: the whole zone opens the file picker, and takes a dropped picture. */
.cv-fq-image[b-n1n09oqbx9]  .cv-fq-drop {
    flex: 1 1 280px;
    min-height: 120px;
    border-radius: var(--borderRadiusMedium);
}

.cv-fq-image[b-n1n09oqbx9]  .cv-fq-drop input[type=file] {
    grid-column: 1;
    grid-row: 1;
    cursor: pointer;
}

.cv-fq-image[b-n1n09oqbx9]  .cv-fq-drop .inputfile-content {
    pointer-events: none;
}

.cv-fq-drop-text[b-n1n09oqbx9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px;
}

/* Its checks, conditions and jumps, under what it asks, with buttons to add the ones it hasn't got. */
.cv-fq-rules[b-n1n09oqbx9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.cv-fq-checks[b-n1n09oqbx9],
.cv-fq-skip[b-n1n09oqbx9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px 12px;
    border-inline-start: 2px solid var(--colorBrandStroke1);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground2);
}

.cv-fq-checks-head[b-n1n09oqbx9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
}

.cv-fq-checks-label[b-n1n09oqbx9] {
    font-weight: var(--fontWeightSemibold);
}

/* Level with the box, below its label. */
.cv-fq-skip-remove[b-n1n09oqbx9] {
    padding-bottom: 4px;
}

.cv-fq-problem[b-n1n09oqbx9] {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
}

.cv-fq-adds[b-n1n09oqbx9] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.cv-fq-right[b-n1n09oqbx9],
.cv-fq-option-points[b-n1n09oqbx9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cv-fq-option-point[b-n1n09oqbx9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cv-fq-option-point > span[b-n1n09oqbx9] {
    min-width: 160px;
    max-width: 320px;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Communities/FormDetail.razor.rz.scp.css */
.cv-form-summary[b-gtqgspbrme] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin: 0 0 16px;
}

.cv-form-tab[b-gtqgspbrme] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
}

.cv-form-tab-head[b-gtqgspbrme] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.cv-form-tab-head p[b-gtqgspbrme] {
    margin: 0;
}

.cv-form-questions[b-gtqgspbrme] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-form-question[b-gtqgspbrme] {
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    padding: 12px 16px 16px;
    background: var(--colorNeutralBackground1);
}

/* A section heading starts a new part of the form, so it stands out from the questions. */
.cv-form-section[b-gtqgspbrme] {
    border-inline-start: 4px solid var(--colorBrandStroke1);
    background: var(--colorNeutralBackground2);
}

.cv-form-question-head[b-gtqgspbrme] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.cv-form-question-fields[b-gtqgspbrme] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* The question and its help side by side where there's room. */
.cv-form-question-row[b-gtqgspbrme] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 12px 16px;
}

.cv-form-settings section[b-gtqgspbrme] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-form-heading[b-gtqgspbrme] {
    font-size: var(--fontSizeBase400);
    font-weight: var(--fontWeightSemibold);
    margin: 8px 0 0;
}

.cv-form-note[b-gtqgspbrme] {
    margin: 0;
}

/* Opening and closing, each a date and a time, kept apart so the two pairs read separately. */
.cv-form-when[b-gtqgspbrme] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 32px;
}

.cv-form-when-pair[b-gtqgspbrme] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.cv-form-problem[b-gtqgspbrme] {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
}

/* The builder: the field palette beside the form (or above it, as each person chooses), which fields are clicked or dragged from. */
.cv-form-builder[b-gtqgspbrme] {
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    padding-top: 16px;
}

.cv-form-palette[b-gtqgspbrme] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    padding: 12px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground2);
    box-sizing: border-box;
}

.cv-form-palette > p[b-gtqgspbrme] {
    margin: 0;
}

.cv-form-palette-head[b-gtqgspbrme] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cv-form-palette-head .cv-form-heading[b-gtqgspbrme] {
    margin: 0;
}

.cv-form-palette-title[b-gtqgspbrme] {
    margin: 4px 0;
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground2);
}

/* A group's name folds it away and opens it again. */
.cv-form-palette-fold[b-gtqgspbrme] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    margin: 0;
    padding: 2px 4px 2px 0;
    border: none;
    border-radius: var(--borderRadiusSmall);
    background: none;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.cv-form-palette-fold:hover[b-gtqgspbrme] {
    color: var(--colorNeutralForeground1);
}

.cv-form-palette-fold:focus-visible[b-gtqgspbrme] {
    outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
}

[b-gtqgspbrme] .cv-form-palette-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

/* Fluent's sortable items are 32px rows with a border; these hold whole fields. */
[b-gtqgspbrme] .cv-form-palette-list > .sortable-item {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    height: auto !important;
    user-select: auto;
}

[b-gtqgspbrme] .cv-form-palette-list .sortable-item-content {
    padding: 0;
}

.cv-form-palette-item[b-gtqgspbrme] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 10px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    cursor: grab;
}

.cv-form-palette-item:hover[b-gtqgspbrme] {
    border-color: var(--colorBrandStroke1);
    background: var(--colorNeutralBackground1Hover);
}

.cv-form-palette-item:focus-visible[b-gtqgspbrme] {
    outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
    outline-offset: 1px;
}

.cv-form-palette-name[b-gtqgspbrme] {
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
}

/* On top, the palette runs across the page and its fields sit in rows. */
.cv-form-builder-top[b-gtqgspbrme] {
    grid-template-columns: minmax(0, 1fr);
}

.cv-form-builder-top .cv-form-palette[b-gtqgspbrme] {
    position: static;
    max-height: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    align-items: start;
}

.cv-form-builder-top .cv-form-palette-head[b-gtqgspbrme],
.cv-form-builder-top .cv-form-palette > p[b-gtqgspbrme] {
    grid-column: 1 / -1;
}

.cv-form-builder-top[b-gtqgspbrme]  .cv-form-palette-list {
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
}

.cv-form-canvas[b-gtqgspbrme] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

[b-gtqgspbrme] .cv-form-canvas-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    min-height: 96px;
}

[b-gtqgspbrme] .cv-form-canvas-list > .sortable-item {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    height: auto !important;
    user-select: auto;
}

[b-gtqgspbrme] .cv-form-canvas-list .sortable-item-content {
    padding: 0;
}

/* The form's layout, above its parts. */
.cv-form-layout[b-gtqgspbrme] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px 24px;
    padding: 12px 16px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground2);
}

/* A Columns part: its columns side by side, each a place to drag fields into. */
.cv-form-row[b-gtqgspbrme] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px 12px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-inline-start: 4px solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground2);
}

.cv-form-row-head[b-gtqgspbrme] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cv-form-row-kind[b-gtqgspbrme] {
    flex: 1;
}

/* The count and the buttons keep their size, so they never run into each other. */
.cv-form-row-head[b-gtqgspbrme]  > :not(.cv-form-row-kind) {
    flex: none;
}

/* Also Fluent's .sortable-grab, whose own look is for its 32px rows. */
.cv-form-grab[b-gtqgspbrme] {
    display: inline-flex;
    position: static;
    width: auto;
    height: auto;
    padding: 4px 2px;
    margin-inline-start: -4px;
    border-radius: var(--borderRadiusMedium);
    background: none;
    cursor: grab;
}

.cv-form-grab:hover[b-gtqgspbrme] {
    background: var(--colorSubtleBackgroundHover);
}

.cv-form-row-columns[b-gtqgspbrme] {
    display: grid;
    gap: 12px;
    align-items: start;
}

.cv-form-row-columns-2[b-gtqgspbrme] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cv-form-row-columns-3[b-gtqgspbrme] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 900px) {
    .cv-form-row-columns-2[b-gtqgspbrme],
    .cv-form-row-columns-3[b-gtqgspbrme] {
        grid-template-columns: minmax(0, 1fr);
    }
}

[b-gtqgspbrme] .cv-form-column-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 88px;
    margin: 0;
    padding: 0;
    border: var(--strokeWidthThin) dashed transparent;
    border-radius: var(--borderRadiusLarge);
    background: none;
}

[b-gtqgspbrme] .cv-form-column-list > .sortable-item {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    height: auto !important;
    user-select: auto;
}

[b-gtqgspbrme] .cv-form-column-list .sortable-item-content {
    padding: 0;
}

[b-gtqgspbrme] .cv-form-column-empty {
    align-items: center;
    justify-content: center;
    border-color: var(--colorNeutralStroke1);
    background: var(--colorNeutralBackground1);
}

[b-gtqgspbrme] .cv-form-column-empty::after {
    content: "Drag fields here";
    color: var(--colorNeutralForeground3);
    font-size: var(--fontSizeBase200);
}

/* Somewhere to drop the first field. */
[b-gtqgspbrme] .cv-form-canvas-empty {
    border: var(--strokeWidthThick) dashed var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusLarge);
}

.cv-form-canvas-hint[b-gtqgspbrme] {
    margin: -84px 0 0;
    padding: 0 16px 48px;
    text-align: center;
    pointer-events: none;
}

@media (max-width: 900px) {
    .cv-form-builder[b-gtqgspbrme] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* On a phone the fields scroll in a short box either way, so the form stays near the top. */
    .cv-form-palette[b-gtqgspbrme],
    .cv-form-builder-top .cv-form-palette[b-gtqgspbrme] {
        position: static;
        max-height: 320px;
        overflow-y: auto;
    }
}

/* A message after sending that depends on the answers or score. */
.cv-form-message[b-gtqgspbrme] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px 12px;
    border-inline-start: 2px solid var(--colorBrandStroke1);
    background: var(--colorNeutralBackground2);
    border-radius: var(--borderRadiusMedium);
}

.cv-form-message-head[b-gtqgspbrme] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
}

/* Send by IM, in a side panel. */
[b-gtqgspbrme] .cv-form-send-panel {
    --dialog-width: min(480px, 100vw);
    width: min(480px, 100vw);
}

.cv-form-send[b-gtqgspbrme] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-form-send p[b-gtqgspbrme] {
    margin: 0;
}

.cv-form-send-people[b-gtqgspbrme] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-form-send-people li[b-gtqgspbrme] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cv-form-send-name[b-gtqgspbrme] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}
/* /Components/Pages/Communities/Forms.razor.rz.scp.css */
.cv-forms-more[b-nd32qjvvyn] {
    margin-top: 12px;
}

/* The side panel for creating a form. The whole screen on a phone. */
[b-nd32qjvvyn] .cv-forms-drawer {
    --dialog-width: min(480px, 100vw);
    width: min(480px, 100vw);
}

.cv-forms-form[b-nd32qjvvyn] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-forms-failed[b-nd32qjvvyn] {
    color: var(--colorPaletteRedForeground1);
}
/* /Components/Pages/Communities/FormSubmission.razor.rz.scp.css */
.cv-member[b-pr4rnd93nl] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cv-submission-facts[b-pr4rnd93nl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}

.cv-submission-decision[b-pr4rnd93nl] {
    margin-top: 16px;
    padding-top: 12px;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-submission-decision p[b-pr4rnd93nl] {
    margin: 0 0 8px;
}

/* Text people wrote keeps its line breaks. */
.cv-submission-text[b-pr4rnd93nl] {
    margin: 0;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.cv-submission-steps[b-pr4rnd93nl] {
    margin: 0;
    padding-left: 20px;
}

.cv-submission-problem[b-pr4rnd93nl] {
    color: var(--colorPaletteRedForeground1);
}

.cv-submission-notes[b-pr4rnd93nl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}

.cv-submission-note-actions[b-pr4rnd93nl] {
    margin-top: 8px;
}

/* The side panel for a decision. The whole screen on a phone. */
[b-pr4rnd93nl] .cv-submission-drawer {
    --dialog-width: min(480px, 100vw);
    width: min(480px, 100vw);
}

.cv-submission-form[b-pr4rnd93nl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-submission-form p[b-pr4rnd93nl] {
    margin: 0;
}
/* /Components/Pages/Communities/GroupBulkTools.razor.rz.scp.css */
/* The search sits at the far end of the commands, as in Microsoft 365's lists; on a phone it wraps under them. */
.cv-bulk-search[b-kyotay3tof] {
    margin-inline-start: auto;
}

@media (max-width: 600px) {
    .cv-bulk-search[b-kyotay3tof] {
        flex: 1 1 100%;
    }

    .cv-bulk-search[b-kyotay3tof]  fluent-text-input {
        width: 100% !important;
    }
}

.cv-bulk[b-kyotay3tof] {
    display: grid;
    gap: 8px;
}

/* The open tool sits in a quiet box, so it reads apart from the member list under it. */
.cv-bulk-box[b-kyotay3tof] {
    margin: 0 0 16px;
    padding: 16px;
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground2);
}

.cv-bulk p[b-kyotay3tof] {
    margin: 0;
}

.cv-bulk-summary[b-kyotay3tof] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.cv-bulk-summary p[b-kyotay3tof] {
    margin: 0;
}

.cv-bulk-heading[b-kyotay3tof] {
    margin: 16px 0 0;
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

.cv-bulk-rows[b-kyotay3tof] {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: grid;
}

.cv-bulk-rows li[b-kyotay3tof] {
    display: flex;
    gap: 8px 12px;
    align-items: center;
    padding: 10px 0;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-bulk-rows li:first-child[b-kyotay3tof] {
    border-top: 0;
}

.cv-bulk-name[b-kyotay3tof] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cv-bulk-problem[b-kyotay3tof] {
    color: var(--colorPaletteRedForeground1);
}
/* /Components/Pages/Communities/GroupDetail.razor.rz.scp.css */
.cv-group-summary[b-glha598ihx] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    align-items: center;
    margin: 0 0 16px;
}

.cv-group-note[b-glha598ihx] {
    margin: 0 0 16px;
}

/* Setting up and the ability checklist, side by side like the panels below them. */
.cv-group-top[b-glha598ihx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

[b-glha598ihx] .cv-group-card {
    height: 100%;
}

[b-glha598ihx] .cv-group-card h2 {
    margin: 0 0 12px;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
}

.cv-group-steps[b-glha598ihx] {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 8px;
}

.cv-group-form[b-glha598ihx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: flex-end;
    margin: 16px 0 8px;
}

/* Line the buttons up with the inputs: Fluent's field keeps a small gap under the input for its message. */
.cv-group-form[b-glha598ihx]  fluent-field {
    margin-block: 0;
}

.cv-group-form[b-glha598ihx]  fluent-button {
    margin-bottom: var(--spacingVerticalXXS);
}

.cv-group-rows[b-glha598ihx] {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: grid;
}

.cv-group-rows li[b-glha598ihx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: flex-start;
    padding: 12px 0;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-group-rows li:first-child[b-glha598ihx] {
    border-top: 0;
}

.cv-group-name[b-glha598ihx] {
    display: flex;
    flex: 1 1 260px;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cv-group-chips[b-glha598ihx] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    margin-top: 4px;
}

.cv-group-chip[b-glha598ihx] {
    display: inline-flex;
    align-items: center;
}

.cv-group-row-actions[b-glha598ihx] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
    align-items: flex-end;
    margin-left: auto;
}

.cv-group-join[b-glha598ihx] {
    margin: 16px 0 8px;
}

.cv-group-error[b-glha598ihx] {
    color: var(--colorPaletteRedForeground1);
}

.cv-group-more[b-glha598ihx] {
    margin-top: 16px;
}

.cv-group-remove[b-glha598ihx] {
    margin-top: 32px;
}

/* Roles × abilities: abilities down the side (grouped as in SL's viewer), roles across, scrolling sideways when there are many. */
.cv-roles-note[b-glha598ihx] {
    margin: 16px 0 8px;
}

.cv-roles-scroll[b-glha598ihx] {
    overflow-x: auto;
    margin-top: 8px;
}

.cv-roles[b-glha598ihx] {
    border-collapse: collapse;
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
}

.cv-roles th[b-glha598ihx],
.cv-roles td[b-glha598ihx] {
    padding: 4px 8px;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    text-align: center;
    vertical-align: middle;
}

.cv-roles thead th[b-glha598ihx] {
    vertical-align: bottom;
    min-width: 96px;
    font-weight: normal;
}

.cv-roles-head[b-glha598ihx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

/* Badges keep to one line, widening the column, so "The bot's role" isn't cut off when there are many roles. */
.cv-roles-head[b-glha598ihx]  fluent-badge {
    white-space: nowrap;
    flex-shrink: 0;
}

.cv-roles .cv-roles-ability[b-glha598ihx] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 220px;
    max-width: 320px;
    text-align: left;
    font-weight: normal;
    background: var(--colorNeutralBackground1);
}

.cv-roles-category th[b-glha598ihx],
.cv-roles-category td[b-glha598ihx] {
    padding-top: 16px;
    background: var(--colorNeutralBackground1);
}

.cv-roles .cv-roles-category .cv-roles-ability[b-glha598ihx] {
    font-weight: var(--fontWeightSemibold);
}

.cv-roles-cell[b-glha598ihx] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    min-height: 20px;
}

.cv-roles td.cv-roles-changed[b-glha598ihx] {
    background: var(--colorBrandBackground2);
}

.cv-group-heading[b-glha598ihx] {
    margin: 24px 0 8px;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
}

.cv-group-description[b-glha598ihx] {
    white-space: pre-line;
}

/* Editing or creating a role, in place of its row. */
.cv-group-role-form[b-glha598ihx] {
    display: grid;
    gap: 8px;
    flex: 1 1 100%;
    max-width: 640px;
}

.cv-group-role-new[b-glha598ihx] {
    margin-top: 16px;
}

.cv-group-role-new h3[b-glha598ihx] {
    margin: 0;
    font-size: var(--fontSizeBase300);
}

.cv-group-role-buttons[b-glha598ihx] {
    display: flex;
    gap: 8px 12px;
    align-items: center;
}

.cv-group-settings-intro[b-glha598ihx] {
    margin-top: 16px;
}

/* The settings' sections side by side when there's room, with the save bar across them. */
.cv-group-settings[b-glha598ihx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: 8px 32px;
    align-items: start;
}

/* What saving means here, beside how the latest change went. */
.cv-group-saving[b-glha598ihx] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    align-items: center;
}

.cv-group-settings > .cv-group-saving[b-glha598ihx] {
    grid-column: 1 / -1;
    margin-top: 8px;
}

.cv-group-settings section[b-glha598ihx] {
    display: grid;
    gap: 6px;
    justify-items: start;
}

.cv-group-settings p[b-glha598ihx] {
    margin: 0;
}

.cv-group-image[b-glha598ihx] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
}

.cv-group-image-frame[b-glha598ihx] {
    width: 96px;
    height: 96px;
    flex: none;
    overflow: hidden;
    border-radius: var(--borderRadiusMedium);
    background: url("/images/sl/Generic_Group_Large.png") center / cover;
}

.cv-group-image-frame img[b-glha598ihx] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--colorNeutralBackground1);
}

.cv-group-image-frame img[hidden][b-glha598ihx] {
    display: none;
}

.cv-group-image > div[b-glha598ihx] {
    display: grid;
    gap: 4px;
    flex: 1 1 260px;
}
/* /Components/Pages/Communities/GroupRoleFields.razor.rz.scp.css */
.cv-role-fields[b-35i4j0fw02] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}
/* /Components/Pages/Communities/Groups.razor.rz.scp.css */
[b-4pczegm1l1] .cv-groups-add {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

[b-4pczegm1l1] .cv-groups-add fluent-field {
    align-self: stretch;
    margin-block: 0;
}

.cv-groups-item[b-4pczegm1l1] {
    display: block;
    color: inherit;
    text-decoration: none;
}

/* Each group is a tile in the page's panel grid, its roster date along the bottom. */
[b-4pczegm1l1] .cv-groups-item-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cv-groups-item:hover[b-4pczegm1l1]  .cv-groups-item-card,
.cv-groups-item:focus-visible[b-4pczegm1l1]  .cv-groups-item-card {
    background: var(--colorNeutralBackground1Hover);
}

.cv-groups-item-head[b-4pczegm1l1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
}

/* The group's picture, over SL's own picture for a group without one (as on the group's page). */
.cv-groups-image[b-4pczegm1l1] {
    width: 56px;
    height: 56px;
    flex: none;
    overflow: hidden;
    border-radius: var(--borderRadiusMedium);
    background: url("/images/sl/Generic_Group_Large.png") center / cover;
}

.cv-groups-image img[b-4pczegm1l1] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--colorNeutralBackground1);
}

.cv-groups-image img[hidden][b-4pczegm1l1] {
    display: none;
}

.cv-groups-item-badges[b-4pczegm1l1] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* The group's figures (Facts), under a line. */
.cv-groups[b-4pczegm1l1]  .cv-groups-facts {
    margin-top: 16px;
    padding-top: 16px;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-groups-item-name[b-4pczegm1l1] {
    display: flex;
    flex: 1 1 220px;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cv-groups-item-name h2[b-4pczegm1l1] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
}

.cv-groups-item-card p[b-4pczegm1l1],
[b-4pczegm1l1] .cv-groups-item-card p {
    margin: 12px 0 0;
}

.cv-groups-problem[b-4pczegm1l1] {
    color: var(--colorPaletteRedForeground1);
}

.cv-groups-warning[b-4pczegm1l1] {
    color: var(--colorStatusWarningForeground1);
}

.cv-groups-item-card .cv-groups-item-foot[b-4pczegm1l1],
[b-4pczegm1l1] .cv-groups-item-card .cv-groups-item-foot {
    margin-top: auto;
    padding-top: 12px;
}
/* /Components/Pages/Communities/MemberProfile.razor.rz.scp.css */
.cv-member[b-83lwyip4q6] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cv-profile-who[b-83lwyip4q6] {
    min-width: 0;
}

.cv-profile-key[b-83lwyip4q6] {
    overflow-wrap: anywhere;
}

.cv-profile-facts[b-83lwyip4q6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.cv-profile-none[b-83lwyip4q6] {
    margin: 0;
}

.cv-role-chip[b-83lwyip4q6] {
    display: inline-flex;
    align-items: center;
}

.cv-audit-details[b-83lwyip4q6] {
    padding: 4px 8px 12px 40px;
}

.cv-audit-details p[b-83lwyip4q6] {
    margin: 0 0 8px;
}

[b-83lwyip4q6] .cv-audit-row {
    cursor: pointer;
}

.cv-profile-more[b-83lwyip4q6] {
    margin-top: 16px;
}
/* /Components/Pages/Communities/Members.razor.rz.scp.css */
.cv-role-chip[b-ar4cy9a2dh] {
    display: inline-flex;
    align-items: center;
}

.cv-more[b-ar4cy9a2dh] {
    margin-top: 16px;
}

.cv-member[b-ar4cy9a2dh] {
    display: flex;
    gap: 10px;
    align-items: center;
}

[b-ar4cy9a2dh] .cv-invite-drawer {
    --dialog-width: min(480px, 100vw);
    width: min(480px, 100vw);
}

.cv-invite-form[b-ar4cy9a2dh] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-invite-form p[b-ar4cy9a2dh] {
    margin: -8px 0 0;
}
/* /Components/Pages/Communities/Moderation.razor.rz.scp.css */
.cv-member[b-r9vrklqzki] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.cv-moderation-badge[b-r9vrklqzki] {
    margin-inline-start: 6px;
}

.cv-moderation-snippet[b-r9vrklqzki] {
    white-space: pre-line;
}

.cv-moderation-count[b-r9vrklqzki] {
    align-self: flex-end;
    padding-bottom: 8px;
}

/* The side panel for opening a case. The whole screen on a phone. */
[b-r9vrklqzki] .cv-moderation-drawer {
    --dialog-width: min(520px, 100vw);
    width: min(520px, 100vw);
}

.cv-moderation-form[b-r9vrklqzki] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-moderation-problem[b-r9vrklqzki] {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
}
/* /Components/Pages/Communities/ModerationCase.razor.rz.scp.css */
.cv-member[b-w00tf5jphp] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cv-case-avatar[b-w00tf5jphp] {
    min-width: 0;
}

.cv-case-key[b-w00tf5jphp] {
    overflow-wrap: anywhere;
}

.cv-case-facts[b-w00tf5jphp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

/* Text people wrote keeps its line breaks. */
.cv-case-text[b-w00tf5jphp] {
    margin: 0;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.cv-case-chat[b-w00tf5jphp] {
    margin: 0;
    padding: 8px 12px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground3);
    font-family: var(--fontFamilyMonospace);
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cv-case-list[b-w00tf5jphp] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-case-item[b-w00tf5jphp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-case-item > p[b-w00tf5jphp] {
    align-self: stretch;
}

.cv-case-item:first-child[b-w00tf5jphp] {
    padding-top: 0;
}

.cv-case-item:last-child[b-w00tf5jphp] {
    border-bottom: 0;
    padding-bottom: 0;
}

.cv-case-item-heading[b-w00tf5jphp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
}

.cv-case-shot img[b-w00tf5jphp] {
    display: block;
    max-width: min(100%, 640px);
    max-height: 480px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
}

/* Moderators' notes: the list, then the box to add one with its button under it. */
.cv-case-note-form[b-w00tf5jphp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
}

.cv-case-note-text[b-w00tf5jphp] {
    white-space: pre-wrap;
}

/* The warning rule's suggestion sits above the panels, spaced like one. */
.cv-case-suggestion[b-w00tf5jphp] {
    margin-bottom: 16px;
}

.cv-case-note[b-w00tf5jphp] {
    margin-top: 4px;
}

/* The side panel: editing the case, banning and adding evidence. The whole screen on a phone. */
[b-w00tf5jphp] .cv-moderation-drawer {
    --dialog-width: min(520px, 100vw);
    width: min(520px, 100vw);
}

.cv-moderation-form[b-w00tf5jphp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-moderation-label[b-w00tf5jphp] {
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

.cv-moderation-groups[b-w00tf5jphp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.cv-case-notice-problem[b-w00tf5jphp] {
    margin: 0;
    color: var(--colorStatusWarningForeground1);
}

/* What the warning rule did when this warning reached it. */
.cv-case-automation[b-w00tf5jphp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cv-case-automation p[b-w00tf5jphp] {
    margin: 0;
}

.cv-case-automation-steps[b-w00tf5jphp] {
    margin: 0;
    padding-inline-start: 20px;
}
/* /Components/Pages/Communities/NoticeDetail.razor.rz.scp.css */
.cv-notice-groups[b-2zw1ooi92s],
.cv-notice-form[b-2zw1ooi92s] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-notice-form[b-2zw1ooi92s] {
    gap: 16px;
}

.cv-notice-groups p[b-2zw1ooi92s],
.cv-notice-form p[b-2zw1ooi92s],
.cv-notice-cost[b-2zw1ooi92s] {
    margin: 4px 0 0;
}

.cv-notice-over[b-2zw1ooi92s] {
    color: var(--colorPaletteRedForeground1);
}

.cv-notice-message[b-2zw1ooi92s] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cv-notice-failed[b-2zw1ooi92s] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cv-notice-choices[b-2zw1ooi92s] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-notice-choices p[b-2zw1ooi92s] {
    margin: 0;
}

.cv-notice-set[b-2zw1ooi92s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.cv-notice-set legend[b-2zw1ooi92s] {
    padding: 0;
    margin-bottom: 4px;
    font-weight: var(--fontWeightSemibold);
}

.cv-notice-items[b-2zw1ooi92s] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-notice-items li[b-2zw1ooi92s] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 16px;
    padding: 8px 0;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

@media (max-width: 480px) {
    .cv-notice-items li[b-2zw1ooi92s] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.cv-notice-items li:last-child[b-2zw1ooi92s] {
    border-bottom: 0;
}

.cv-notice-items li > div:first-child[b-2zw1ooi92s] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.cv-notice-items p[b-2zw1ooi92s] {
    margin: 2px 0 0;
}

.cv-notice-attachment[b-2zw1ooi92s] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 12px 0 0;
}
/* /Components/Pages/Communities/Notices.razor.rz.scp.css */
.cv-notice-subject[b-asx2h57xr7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* /Components/Pages/Communities/Objects.razor.rz.scp.css */
[b-msmbil1r8f] .cv-object-drawer {
    --dialog-width: min(640px, 100vw);
    width: min(640px, 100vw);
}

/* The script cards, up to four to a row. */
.cv-script-cards[b-msmbil1r8f]  .cv-panel-grid-compact {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.cv-object-sheet[b-msmbil1r8f],
.cv-object-kind[b-msmbil1r8f],
.cv-invite-form[b-msmbil1r8f] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-object-sheet[b-msmbil1r8f] {
    gap: 16px;
}

.cv-object-sheet p[b-msmbil1r8f],
.cv-object-kind p[b-msmbil1r8f],
.cv-invite-form p[b-msmbil1r8f] {
    margin: 0;
}

.cv-object-heading[b-msmbil1r8f] {
    margin: 8px 0 0;
    font-size: var(--fontSizeBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-object-counts[b-msmbil1r8f] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin: 0;
}

.cv-object-outdated[b-msmbil1r8f] {
    color: var(--colorStatusWarningForeground1);
    font-weight: var(--fontWeightSemibold);
}

.cv-object-filters[b-msmbil1r8f],
.cv-object-status[b-msmbil1r8f] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
/* /Components/Pages/Communities/Overview.razor.rz.scp.css */
.cv-overview-views[b-h1lsdfo5yu] {
    display: flex;
    gap: 4px;
}
/* /Components/Pages/Communities/OverviewViews/AreasView.razor.rz.scp.css */
/* The health row, a strip (app.css): each part with how it's doing. */
.cv-areas-check[b-dddkardukj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 16px 20px;
}

.cv-areas-check-label[b-dddkardukj] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground2);
    text-decoration: none;
}

.cv-areas-check-label:hover[b-dddkardukj] {
    color: var(--colorBrandForeground1);
    text-decoration: underline;
}

.cv-areas-check-state[b-dddkardukj] {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-areas-detail[b-dddkardukj] {
    overflow-wrap: anywhere;
}

.cv-areas-action[b-dddkardukj] {
    align-self: flex-start;
    font-weight: var(--fontWeightSemibold);
}

/* The areas' panels flow down as many columns as fit, each whole, so a short area doesn't leave a gap beside a long one. */
.cv-areas-columns[b-dddkardukj] {
    columns: 420px 3;
    column-gap: 16px;
}

.cv-areas[b-dddkardukj]  .cv-areas-area {
    break-inside: avoid;
}

/* Each page a row: its name, its figure with a note under it, and its trend, lined up down the panel. */
.cv-areas-pages[b-dddkardukj] {
    display: grid;
    grid-template-columns: fit-content(160px) minmax(0, 1fr) auto;
    column-gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-areas-pages > li[b-dddkardukj] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    align-items: center;
    padding: 12px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke3);
}

.cv-areas-pages > li:first-child[b-dddkardukj] {
    padding-top: 0;
}

.cv-areas-pages > li:last-child[b-dddkardukj] {
    border-bottom: 0;
    padding-bottom: 0;
}

.cv-areas-page[b-dddkardukj] {
    font-weight: var(--fontWeightSemibold);
}

.cv-areas-figure[b-dddkardukj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cv-areas-value[b-dddkardukj] {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.cv-areas-note-neutral[b-dddkardukj] {
    color: var(--colorNeutralForeground2);
}

.cv-areas-note-attention[b-dddkardukj] {
    color: var(--colorStatusWarningForeground1);
    font-weight: var(--fontWeightSemibold);
}

.cv-areas-note-problem[b-dddkardukj] {
    color: var(--colorPaletteRedForeground1);
    font-weight: var(--fontWeightSemibold);
}

/* On a phone the trend goes under the figure. */
@media (max-width: 640px) {
    .cv-areas-pages[b-dddkardukj] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .cv-areas-page[b-dddkardukj] {
        grid-column: 1 / -1;
        margin-bottom: 4px;
    }
}
/* /Components/Pages/Communities/OverviewViews/DashboardView.razor.rz.scp.css */
/* Two panels to a row, the chart twice the width of the list beside it; one alone takes the row. */
.cv-dash[b-1txrr9hh4x]  .cv-dash-row {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    margin-bottom: 16px;
}

.cv-dash[b-1txrr9hh4x]  .cv-dash-one {
    grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 1100px) {
    .cv-dash[b-1txrr9hh4x]  .cv-dash-row {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* A chart grows to the height of the list beside it. */
.cv-dash[b-1txrr9hh4x]  .cv-dash-chart > .cv-panel-body {
    display: flex;
    flex-direction: column;
}

/* The figures along the top, a strip (app.css). */
.cv-dash-figure[b-1txrr9hh4x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 18px 24px;
}

.cv-dash-figure-label[b-1txrr9hh4x] {
    align-self: flex-start;
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground2);
    text-decoration: none;
}

.cv-dash-figure-label:hover[b-1txrr9hh4x] {
    color: var(--colorBrandForeground1);
    text-decoration: underline;
}

.cv-dash-figure-value[b-1txrr9hh4x] {
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
    font-variant-numeric: tabular-nums;
}

.cv-dash-figure-of[b-1txrr9hh4x] {
    margin-inline-start: 4px;
    font-size: var(--fontSizeBase400);
    font-weight: var(--fontWeightRegular);
    color: var(--colorNeutralForeground2);
}

.cv-dash-note-neutral[b-1txrr9hh4x] {
    color: var(--colorNeutralForeground2);
}

.cv-dash-note-attention[b-1txrr9hh4x] {
    color: var(--colorStatusWarningForeground1);
    font-weight: var(--fontWeightSemibold);
}

.cv-dash-note-problem[b-1txrr9hh4x] {
    color: var(--colorPaletteRedForeground1);
    font-weight: var(--fontWeightSemibold);
}

/* How much of the day's messages are used, as a bar. */
.cv-dash-meter[b-1txrr9hh4x] {
    display: block;
    height: 6px;
    margin-top: 4px;
    border-radius: 3px;
    background: var(--colorNeutralStroke2);
    overflow: hidden;
}

.cv-dash-meter > span[b-1txrr9hh4x] {
    display: block;
    height: 100%;
    border-radius: 3px;
    background: var(--colorBrandBackground);
}

.cv-dash-meter > .cv-dash-meter-high[b-1txrr9hh4x] {
    background: var(--colorStatusWarningForeground1);
}

.cv-dash-legend[b-1txrr9hh4x] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 18px;
    margin-bottom: 12px;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.cv-dash-legend > span[b-1txrr9hh4x] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.cv-dash-key-line[b-1txrr9hh4x] {
    width: 14px;
    height: 3px;
    border-radius: 2px;
    background: var(--colorBrandForeground1);
}

.cv-dash-key-joined[b-1txrr9hh4x],
.cv-dash-key-left[b-1txrr9hh4x] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--colorPaletteLightTealForeground2);
}

.cv-dash-key-left[b-1txrr9hh4x] {
    background: var(--colorNeutralForeground4);
}

.cv-dash-calm[b-1txrr9hh4x] {
    margin: 0;
}

.cv-dash-list[b-1txrr9hh4x],
.cv-dash-changes[b-1txrr9hh4x] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-dash-list > li[b-1txrr9hh4x] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 10px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke3);
}

.cv-dash-list > li:first-child[b-1txrr9hh4x] {
    padding-top: 0;
}

.cv-dash-list > li:last-child[b-1txrr9hh4x],
.cv-dash-changes > li:last-child[b-1txrr9hh4x] {
    border-bottom: 0;
    padding-bottom: 0;
}

/* The dot sits level with the first line of text. */
.cv-dash-list[b-1txrr9hh4x]  .cv-tone-dot {
    position: relative;
    top: 1px;
}

.cv-dash-item[b-1txrr9hh4x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cv-dash-action[b-1txrr9hh4x] {
    align-self: flex-start;
    font-weight: var(--fontWeightSemibold);
}

.cv-dash-changes > li[b-1txrr9hh4x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 8px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke3);
}

.cv-dash-changes > li:first-child[b-1txrr9hh4x] {
    padding-top: 0;
}
/* /Components/Pages/Communities/OverviewViews/DayView.razor.rz.scp.css */
/* The person's things and the community's news on the left, twice the width of the column of figures beside them. */
.cv-day[b-r8gvsutb3r] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    margin-bottom: 24px;
}

.cv-day-main[b-r8gvsutb3r],
.cv-day-side[b-r8gvsutb3r] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

/* Panels stack with the columns' gap, not their own margin. */
.cv-day[b-r8gvsutb3r]  .cv-panel {
    margin-bottom: 0;
}

@media (max-width: 1100px) {
    .cv-day[b-r8gvsutb3r] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.cv-day-switch[b-r8gvsutb3r] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.cv-day-list[b-r8gvsutb3r],
.cv-day-feed[b-r8gvsutb3r],
.cv-day-pages[b-r8gvsutb3r] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-day-task[b-r8gvsutb3r] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke3);
}

.cv-day-task:first-child[b-r8gvsutb3r] {
    padding-top: 0;
}

.cv-day-task:last-child[b-r8gvsutb3r] {
    border-bottom: 0;
    padding-bottom: 0;
}

.cv-day-task-text[b-r8gvsutb3r] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.cv-day-task-title[b-r8gvsutb3r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    font-weight: var(--fontWeightSemibold);
}

.cv-day-heading[b-r8gvsutb3r] {
    margin: 16px 0 4px;
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground2);
}

.cv-day-heading:first-child[b-r8gvsutb3r] {
    margin-top: 0;
}

/* The feed: the time, what changed and who, and the area it was in, lined up down the list. */
.cv-day-feed[b-r8gvsutb3r] {
    display: grid;
    grid-template-columns: minmax(6.5em, max-content) minmax(0, 1fr) max-content;
    column-gap: 16px;
}

.cv-day-feed > li[b-r8gvsutb3r] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    align-items: baseline;
    padding: 8px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke3);
}

.cv-day-feed > li:last-child[b-r8gvsutb3r] {
    border-bottom: 0;
}

.cv-day-time[b-r8gvsutb3r] {
    font-variant-numeric: tabular-nums;
}

.cv-day-what[b-r8gvsutb3r] {
    overflow-wrap: break-word;
}

@media (max-width: 640px) {
    .cv-day-feed[b-r8gvsutb3r] {
        grid-template-columns: minmax(6.5em, max-content) minmax(0, 1fr);
    }

    .cv-day-area[b-r8gvsutb3r] {
        display: none;
    }
}

.cv-day-trend-figure[b-r8gvsutb3r] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    margin-bottom: 16px;
}

.cv-day-trend-value[b-r8gvsutb3r] {
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
    font-variant-numeric: tabular-nums;
}

.cv-day-pages > li[b-r8gvsutb3r] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 8px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke3);
}

.cv-day-pages > li:first-child[b-r8gvsutb3r] {
    padding-top: 0;
}

.cv-day-pages > li:last-child[b-r8gvsutb3r] {
    border-bottom: 0;
    padding-bottom: 0;
}

.cv-day-pages > li > span[b-r8gvsutb3r] {
    text-align: end;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.cv-day-page-attention[b-r8gvsutb3r] {
    color: var(--colorStatusWarningForeground1);
    font-weight: var(--fontWeightSemibold);
}
/* /Components/Pages/Communities/OverviewViews/OverviewChart.razor.rz.scp.css */
/* The value labels sit in a column left of the plot, which the day labels line up under. */
.cv-chart[b-7r70xfwgbp] {
    --cv-chart-ticks: 48px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.cv-chart-main[b-7r70xfwgbp],
.cv-chart-strip[b-7r70xfwgbp] {
    display: grid;
    grid-template-columns: var(--cv-chart-ticks) minmax(0, 1fr);
}

.cv-chart-grow[b-7r70xfwgbp] {
    flex: 1 1 auto;
}

.cv-chart-grow .cv-chart-main[b-7r70xfwgbp] {
    flex: 1 1 auto;
}

.cv-chart-strip[b-7r70xfwgbp] {
    flex-shrink: 0;
    height: 56px;
    margin-top: 12px;
}

/* The strip's labels sit inside it, clear of the chart's lowest one above. */
.cv-chart-strip .cv-chart-ticks span:first-child[b-7r70xfwgbp] {
    transform: none;
}

.cv-chart-strip .cv-chart-ticks span:last-child[b-7r70xfwgbp] {
    transform: translateY(-100%);
}

.cv-chart-ticks[b-7r70xfwgbp] {
    position: relative;
}

.cv-chart-ticks span[b-7r70xfwgbp],
.cv-chart-labels span[b-7r70xfwgbp],
.cv-chart-last[b-7r70xfwgbp],
.cv-chart-limit-label[b-7r70xfwgbp] {
    position: absolute;
    font-size: var(--fontSizeBase100);
    line-height: var(--lineHeightBase100);
    color: var(--colorNeutralForeground3);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.cv-chart-ticks span[b-7r70xfwgbp] {
    right: 8px;
    transform: translateY(-50%);
}

.cv-chart-plot[b-7r70xfwgbp] {
    position: relative;
    min-width: 0;
}

/* The marks stretch to the plot's size and give it none of their own: a viewBox's shape would make the row taller. */
.cv-chart-plot svg[b-7r70xfwgbp] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.cv-chart-plot line[b-7r70xfwgbp],
.cv-chart-plot polyline[b-7r70xfwgbp] {
    vector-effect: non-scaling-stroke;
}

.cv-chart-grid[b-7r70xfwgbp] {
    stroke: var(--colorNeutralStroke3);
}

.cv-chart-floor[b-7r70xfwgbp] {
    stroke: var(--colorNeutralStroke1);
}

.cv-chart-fill[b-7r70xfwgbp] {
    fill: var(--colorBrandBackground2);
}

.cv-chart-line[b-7r70xfwgbp] {
    fill: none;
    stroke: var(--colorBrandForeground1);
    stroke-width: 2.5;
    stroke-linejoin: round;
}

.cv-chart-bar[b-7r70xfwgbp] {
    fill: var(--colorBrandStroke2);
}

.cv-chart-bar-now[b-7r70xfwgbp] {
    fill: var(--colorBrandBackground);
}

.cv-chart-limit[b-7r70xfwgbp] {
    stroke: var(--colorStatusWarningForeground1);
    stroke-dasharray: 6 4;
}

.cv-chart-up[b-7r70xfwgbp] {
    fill: var(--colorPaletteLightTealForeground2);
}

.cv-chart-down[b-7r70xfwgbp] {
    fill: var(--colorNeutralForeground4);
}

.cv-chart-dot[b-7r70xfwgbp] {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--colorBrandForeground1);
    transform: translate(-50%, -50%);
}

/* Today's figure, above the end of the line (below it when the line runs along the top). */
.cv-chart-last[b-7r70xfwgbp] {
    right: 0;
    transform: translateY(calc(-100% - 8px));
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground1);
}

.cv-chart-last-below[b-7r70xfwgbp] {
    transform: translateY(8px);
}

.cv-chart-limit-label[b-7r70xfwgbp] {
    right: 0;
    transform: translateY(4px);
    color: var(--colorStatusWarningForeground1);
}

.cv-chart-labels[b-7r70xfwgbp] {
    flex-shrink: 0;
    position: relative;
    height: 16px;
    margin-left: var(--cv-chart-ticks);
}

.cv-chart-labels span[b-7r70xfwgbp] {
    top: 0;
    transform: translateX(-50%);
}

/* The first and last labels keep inside the chart. */
.cv-chart-labels .cv-chart-label-first[b-7r70xfwgbp] {
    transform: none;
    margin-left: -4px;
}

.cv-chart-labels .cv-chart-label-last[b-7r70xfwgbp] {
    transform: translateX(-100%);
    margin-left: 4px;
}
/* /Components/Pages/Communities/OverviewViews/Sparkline.razor.rz.scp.css */
.cv-spark[b-d9b77tg387] {
    display: block;
    flex-shrink: 0;
}

.cv-spark-line[b-d9b77tg387] {
    fill: none;
    stroke: var(--colorBrandForeground1);
    stroke-width: 2;
    stroke-linejoin: round;
}

.cv-spark-bar[b-d9b77tg387] {
    fill: var(--colorNeutralStroke1);
}

.cv-spark-now[b-d9b77tg387] {
    fill: var(--colorBrandBackground);
}
/* /Components/Pages/Communities/OverviewViews/ToneDot.razor.rz.scp.css */
.cv-tone-dot[b-8mire3vwum] {
    display: inline-block;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--colorNeutralForeground4);
}

.cv-tone-positive[b-8mire3vwum] {
    background: var(--colorStatusSuccessForeground1);
}

.cv-tone-attention[b-8mire3vwum] {
    background: var(--colorStatusWarningForeground1);
}

.cv-tone-problem[b-8mire3vwum] {
    background: var(--colorPaletteRedForeground1);
}
/* /Components/Pages/Communities/OverviewViews/YourMembershipSummary.razor.rz.scp.css */
.cv-yours-roles[b-ddpm07aeto] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.cv-yours-line[b-ddpm07aeto] {
    margin: 12px 0 0;
}

.cv-yours-line:first-child[b-ddpm07aeto] {
    margin-top: 0;
}
/* /Components/Pages/Communities/ParcelSettingsEditor.razor.rz.scp.css */
.cv-parcel-editor[b-p6qusqmu79] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cv-parcel-section[b-p6qusqmu79] {
    border: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-parcel-section legend[b-p6qusqmu79] {
    padding: 0;
    margin-bottom: 4px;
    font-weight: var(--fontWeightSemibold);
    font-size: var(--fontSizeBase400);
}

.cv-parcel-input[b-p6qusqmu79] {
    margin: 4px 0 8px 28px;
}

.cv-parcel-input p[b-p6qusqmu79] {
    margin: 4px 0 0;
}

.cv-parcel-error[b-p6qusqmu79] {
    color: var(--colorPaletteRedForeground1);
}

.cv-parcel-picture[b-p6qusqmu79] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-parcel-picture img[b-p6qusqmu79] {
    border-radius: var(--borderRadiusMedium);
    object-fit: cover;
}
/* /Components/Pages/Communities/PublicPage.razor.rz.scp.css */
.cv-public-note[b-ng40zlxeuo] {
    margin-top: 8px;
}

.cv-public-subheading[b-ng40zlxeuo] {
    margin: 20px 0 8px;
    font-size: var(--fontSizeBase300);
    line-height: var(--lineHeightBase300);
    font-weight: var(--fontWeightSemibold);
}

.cv-public-subheading:first-child[b-ng40zlxeuo] {
    margin-top: 0;
}

.cv-public-logo-row[b-ng40zlxeuo] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.cv-public-logo-actions[b-ng40zlxeuo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.cv-public-logo-preview[b-ng40zlxeuo] {
    flex: none;
    width: 72px;
    height: 72px;
    border-radius: var(--borderRadiusXLarge);
    object-fit: cover;
}

/* SL groups' images to choose from as the logo: the image, then the group's name. */
.cv-public-sl-logos[b-ng40zlxeuo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cv-public-sl-logo-image[b-ng40zlxeuo] {
    display: inline-block;
    flex: none;
    width: 24px;
    height: 24px;
    margin-inline-end: 8px;
    overflow: hidden;
    border-radius: var(--borderRadiusSmall);
    background: url("/images/sl/Generic_Group_Large.png") center / cover;
}

.cv-public-sl-logo-image img[b-ng40zlxeuo] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cv-public-sl-logo-image img[hidden][b-ng40zlxeuo] {
    display: none;
}

.cv-public-sl-logos[b-ng40zlxeuo]  .cv-public-sl-logo.cv-chosen {
    border-color: var(--colorBrandStroke1);
}

.cv-public-logo-empty[b-ng40zlxeuo] {
    display: grid;
    place-items: center;
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground3);
}

/* Name, SLurl and remove on one row; the SLurl gets the room. */
.cv-public-location[b-ng40zlxeuo] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) auto;
    gap: 8px;
    align-items: start;
    margin-bottom: 12px;
}

/*
 * Lined up along the top, so a message under one box doesn't lift the other; the remove button comes down past the
 * field's margin and label to sit beside the boxes.
 */
.cv-public-location[b-ng40zlxeuo] >  fluent-button {
    margin-top: 34px;
}

@media (max-width: 768px) {
    .cv-public-location[b-ng40zlxeuo] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .cv-public-location > :nth-child(2)[b-ng40zlxeuo] {
        grid-column: 1;
    }
}

/* "cmty.app/" before the address box, and the button beside it. */
.cv-public-address[b-ng40zlxeuo] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.cv-public-old[b-ng40zlxeuo] {
    margin: 8px 0 0;
    padding-left: 20px;
}

.cv-public-switch[b-ng40zlxeuo] {
    margin-top: 16px;
}

.cv-public-cover-preview[b-ng40zlxeuo] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 1;
    object-fit: cover;
    border-radius: var(--borderRadiusLarge);
    margin-bottom: 12px;
}

.cv-public-colour[b-ng40zlxeuo] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cv-public-colour input[type=color][b-ng40zlxeuo] {
    width: 40px;
    height: 32px;
    padding: 0;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    background: none;
    cursor: pointer;
}

.cv-public-topic-choices[b-ng40zlxeuo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 4px 16px;
}

.cv-public-checks[b-ng40zlxeuo] {
    display: grid;
    gap: 4px;
    justify-items: start;
}
/* /Components/Pages/Communities/RecordArrest.razor.rz.scp.css */
.cv-record-text[b-dp1eb1fhj3] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cv-record-form[b-dp1eb1fhj3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-record-owner[b-dp1eb1fhj3] {
    margin: 0;
}
/* /Components/Pages/Communities/RecordCharacter.razor.rz.scp.css */
.cv-record-text[b-7frh6s6rgq] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cv-record-list[b-7frh6s6rgq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-record-list li[b-7frh6s6rgq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
}
/* /Components/Pages/Communities/RecordProperty.razor.rz.scp.css */
.cv-record-text[b-jlbd9f0vzw] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cv-record-form[b-jlbd9f0vzw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-record-owner[b-jlbd9f0vzw] {
    margin: 0;
}
/* /Components/Pages/Communities/RecordReport.razor.rz.scp.css */
.cv-record-text[b-yy6i0zjml0] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cv-record-form[b-yy6i0zjml0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-record-owner[b-yy6i0zjml0] {
    margin: 0;
}
/* /Components/Pages/Communities/Records.razor.rz.scp.css */
[b-hz7fch373t] .cv-records-drawer {
    --dialog-width: min(420px, 100vw);
    width: min(420px, 100vw);
}
/* /Components/Pages/Communities/RecordTemplate.razor.rz.scp.css */
.cv-record-text[b-y9drzeg84p] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cv-record-form[b-y9drzeg84p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-record-owner[b-y9drzeg84p] {
    margin: 0;
}

.cv-template-fields[b-y9drzeg84p] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-template-field-actions[b-y9drzeg84p] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cv-template-add[b-y9drzeg84p] {
    margin-top: 12px;
}
/* /Components/Pages/Communities/RecordVehicle.razor.rz.scp.css */
.cv-record-text[b-j42ccprgc8] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cv-record-form[b-j42ccprgc8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-record-owner[b-j42ccprgc8] {
    margin: 0;
}
/* /Components/Pages/Communities/RegionDetail.razor.rz.scp.css */
.cv-estate-summary[b-ts1nu4a7mg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 16px;
}

[b-ts1nu4a7mg] .cv-region-note {
    margin-bottom: 16px;
}

[b-ts1nu4a7mg] .cv-estate-drawer {
    --dialog-width: min(520px, 100vw);
    width: min(520px, 100vw);
}

.cv-estate-form[b-ts1nu4a7mg] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-restart-grid[b-ts1nu4a7mg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: 24px;
}

.cv-restart-label[b-ts1nu4a7mg] {
    display: block;
    font-weight: var(--fontWeightSemibold);
}

.cv-health-chart .cv-restart-label[b-ts1nu4a7mg] {
    margin-bottom: 12px;
}

.cv-health-note[b-ts1nu4a7mg] {
    margin: 12px 0 0;
}

.cv-health-range[b-ts1nu4a7mg] {
    margin-bottom: 0;
}
/* /Components/Pages/Communities/RentalRegionCosts.razor.rz.scp.css */
/* Regions that cost more than they take, or never break even. */
.cv-rentals-attention[b-08yia8fs8r] {
    color: var(--colorPaletteRedForeground1);
}
/* /Components/Pages/Communities/Rentals.razor.rz.scp.css */
/* The figures along the top, a strip (app.css), drawn like the overview's. */
.cv-rentals-figure[b-k6rp0hphcr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 18px 24px;
}

.cv-rentals-figure-label[b-k6rp0hphcr] {
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground2);
}

.cv-rentals-figure-value[b-k6rp0hphcr] {
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightSemibold);
    font-variant-numeric: tabular-nums;
}

.cv-rentals-attention[b-k6rp0hphcr] {
    color: var(--colorPaletteRedForeground1);
}

/* Units over their prim limit, under the Prims figures. */
.cv-rentals-over[b-k6rp0hphcr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.cv-rentals-over li[b-k6rp0hphcr] {
    display: flex;
    flex-direction: column;
}

.cv-rentals-units[b-k6rp0hphcr] {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* The side panel, the whole screen on a phone. */
[b-k6rp0hphcr] .cv-rentals-drawer {
    --dialog-width: min(480px, 100vw);
    width: min(480px, 100vw);
}

.cv-rentals-form[b-k6rp0hphcr] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cv-rentals-form p[b-k6rp0hphcr] {
    margin: 0;
}

/* The times rent reminders go, one tick box each. */
.cv-rentals-steps[b-k6rp0hphcr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: 0;
}

.cv-rentals-steps legend[b-k6rp0hphcr] {
    padding: 0;
    margin-bottom: 4px;
    font-weight: var(--fontWeightSemibold);
}

/* One thing the unit can be told: what it is, what it does, and its button. */
.cv-rentals-action[b-k6rp0hphcr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cv-rentals-history[b-k6rp0hphcr] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-rentals-history li[b-k6rp0hphcr] {
    display: flex;
    flex-direction: column;
}
/* /Components/Pages/Communities/RentalSettings.razor.rz.scp.css */
.cv-rental-settings[b-htfuh51woy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-rental-pay[b-htfuh51woy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 8px;
}

.cv-rental-pay-option[b-htfuh51woy] {
    display: flex;
    flex-direction: column;
    padding: 8px 10px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
}

.cv-rental-settings p[b-htfuh51woy] {
    margin: 0;
}
/* /Components/Pages/Communities/RoleChecks.razor.rz.scp.css */
.cv-role-checks[b-neic222ixy] {
    border: none;
    margin: 0;
    padding: 0;
}

.cv-role-checks legend[b-neic222ixy] {
    padding: 0;
    margin-bottom: 4px;
}

/* Scrolls when a community has many roles. */
.cv-role-checks-list[b-neic222ixy] {
    display: flex;
    flex-direction: column;
    max-height: 240px;
    overflow-y: auto;
}
/* /Components/Pages/Communities/Roles.razor.rz.scp.css */
.cv-roles-intro[b-y0jco7ux6r] {
    margin: 0;
}

/* How linked roles behave, as three short points under the page's description. */
.cv-roles-rules[b-y0jco7ux6r] {
    display: grid;
    gap: 4px;
    margin: 8px 0 0;
    padding-left: 20px;
}

.cv-role-cell[b-y0jco7ux6r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

/* The role's name opens it in the side panel, like the admin center's lists. */
.cv-role-open[b-y0jco7ux6r] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: var(--fontWeightSemibold);
    color: var(--colorBrandForegroundLink);
    text-align: start;
    cursor: pointer;
}

.cv-role-open:hover[b-y0jco7ux6r] {
    color: var(--colorBrandForegroundLinkHover);
    text-decoration: underline;
}

.cv-role-links[b-y0jco7ux6r] {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-role-links li[b-y0jco7ux6r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
}

/* The side panel: wide enough for the permission checkboxes in two columns, the whole screen on a phone. */
[b-y0jco7ux6r] .cv-roles-drawer {
    --dialog-width: min(560px, 100vw);
    width: min(560px, 100vw);
}

.cv-role-form[b-y0jco7ux6r] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cv-role-form section[b-y0jco7ux6r] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-role-form p[b-y0jco7ux6r] {
    margin: 0;
}

.cv-role-form-heading[b-y0jco7ux6r] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-role-field-label[b-y0jco7ux6r] {
    font-weight: var(--fontWeightSemibold);
}

.cv-role-shared-name[b-y0jco7ux6r] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    color: var(--colorNeutralForeground2);
}

.cv-role-link-field[b-y0jco7ux6r] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

/* A role to link to, and the Link button beside it. */
.cv-role-pick[b-y0jco7ux6r] {
    flex-wrap: nowrap;
}

.cv-role-pick[b-y0jco7ux6r]  fluent-field {
    flex: 1 1 auto;
    min-width: 0;
}

.cv-role-linked[b-y0jco7ux6r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

.cv-role-checks[b-y0jco7ux6r] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cv-role-delete[b-y0jco7ux6r] {
    padding-top: 16px;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
/* /Components/Pages/Communities/Settings.razor.rz.scp.css */
.cv-settings-note[b-yqahr3z4oh] {
    margin-top: 8px;
}
/* /Components/Pages/Communities/TeamChecks.razor.rz.scp.css */
.cv-team-checks[b-blvv2ns7t5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-team-check[b-blvv2ns7t5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 16px;
    min-height: 32px;
}
/* /Components/Pages/Communities/TeamDetail.razor.rz.scp.css */
.cv-team-summary[b-66sagq9cxp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    margin: 0 0 16px;
}

.cv-team-you[b-66sagq9cxp] {
    margin-top: 16px;
}

.cv-team-you p[b-66sagq9cxp] {
    margin: 0;
}

/* Ranks, highest first, each with its role and where that's linked. */
.cv-rank-list[b-66sagq9cxp] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-rank[b-66sagq9cxp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    padding: 10px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-rank:last-child[b-66sagq9cxp] {
    border-bottom: 0;
}

.cv-rank-position[b-66sagq9cxp] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: none;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-weight: var(--fontWeightSemibold);
}

.cv-rank-main[b-66sagq9cxp] {
    display: flex;
    flex: 1 1 240px;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.cv-rank-role[b-66sagq9cxp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
}

.cv-rank-link[b-66sagq9cxp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.cv-rank-count[b-66sagq9cxp] {
    flex: none;
}

.cv-rank-actions[b-66sagq9cxp] {
    display: inline-flex;
    flex: none;
    gap: 4px;
}

/* The rank's name opens it in the side panel, like the Roles page. */
.cv-rank-open[b-66sagq9cxp],
.cv-link-button[b-66sagq9cxp] {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--colorBrandForegroundLink);
    text-align: start;
    cursor: pointer;
}

.cv-rank-open[b-66sagq9cxp] {
    font-weight: var(--fontWeightSemibold);
}

.cv-rank-open:hover[b-66sagq9cxp],
.cv-link-button:hover[b-66sagq9cxp] {
    color: var(--colorBrandForegroundLinkHover);
    text-decoration: underline;
}

.cv-link-button:disabled[b-66sagq9cxp] {
    color: var(--colorNeutralForegroundDisabled);
    cursor: default;
}

.cv-member[b-66sagq9cxp] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.cv-team-warning[b-66sagq9cxp] {
    margin-top: 4px;
    color: var(--colorStatusWarningForeground1);
}

.cv-duty[b-66sagq9cxp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* The side panel: editing the team and its ranks, adding people and scheduling shifts. The whole screen on a phone. */
[b-66sagq9cxp] .cv-team-drawer {
    --dialog-width: min(520px, 100vw);
    width: min(520px, 100vw);
}

.cv-team-form[b-66sagq9cxp] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cv-team-form section[b-66sagq9cxp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-team-form p[b-66sagq9cxp] {
    margin: 0;
}

.cv-team-form-heading[b-66sagq9cxp] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-rank-form-links[b-66sagq9cxp] {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-rank-form-links li[b-66sagq9cxp],
.cv-rank-form-link[b-66sagq9cxp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.cv-rank-form-link[b-66sagq9cxp] {
    flex-direction: column;
    align-items: stretch;
}

.cv-team-delete[b-66sagq9cxp] {
    padding-top: 16px;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

/* The schedule form's day and times, side by side while they fit. */
.cv-team-when[b-66sagq9cxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

/* The days a shift repeats on, as buttons to press. */
.cv-team-days[b-66sagq9cxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cv-team-problem[b-66sagq9cxp] {
    color: var(--colorPaletteRedForeground1);
}

/* A box or a pick with its button beside it, in the rank side panel. */
.cv-rank-new-role[b-66sagq9cxp],
.cv-rank-link-pick[b-66sagq9cxp] {
    flex-wrap: nowrap;
}

.cv-rank-new-role[b-66sagq9cxp]  fluent-field,
.cv-rank-link-pick[b-66sagq9cxp]  fluent-field {
    flex: 1 1 auto;
    min-width: 0;
}

.cv-team-hiring[b-66sagq9cxp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cv-team-hiring p[b-66sagq9cxp] {
    margin: 0;
}

.cv-team-problem[b-66sagq9cxp] {
    color: var(--colorPaletteRedForeground1);
}

/* Who took places on an open shift. */
.cv-team-takers[b-66sagq9cxp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
/* /Components/Pages/Communities/TeamFields.razor.rz.scp.css */
.cv-team-form[b-rdkl82htyz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* /Components/Pages/Communities/Teams.razor.rz.scp.css */
.cv-team-item[b-djx8sx0lb3] {
    display: block;
    color: inherit;
    text-decoration: none;
}

/* Each team is a tile in the page's panel grid, like the SL groups page. */
[b-djx8sx0lb3] .cv-team-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cv-team-item:hover[b-djx8sx0lb3]  .cv-team-card,
.cv-team-item:focus-visible[b-djx8sx0lb3]  .cv-team-card {
    background: var(--colorNeutralBackground1Hover);
}

.cv-team-head[b-djx8sx0lb3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
}

.cv-team-icon[b-djx8sx0lb3] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: none;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorBrandBackground2);
}

.cv-team-name[b-djx8sx0lb3] {
    display: flex;
    flex: 1 1 200px;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cv-team-name h2[b-djx8sx0lb3] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
}

/* The team's figures (Facts), under a line. */
.cv-teams[b-djx8sx0lb3]  .cv-team-facts {
    margin-top: 16px;
    padding-top: 16px;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-team-card p[b-djx8sx0lb3],
[b-djx8sx0lb3] .cv-team-card p {
    margin: 12px 0 0;
}

.cv-team-warning[b-djx8sx0lb3] {
    color: var(--colorStatusWarningForeground1);
}

/* The side panel for creating a team, the whole screen on a phone. */
[b-djx8sx0lb3] .cv-team-drawer {
    --dialog-width: min(480px, 100vw);
    width: min(480px, 100vw);
}
/* /Components/Pages/Communities/WarrantDetail.razor.rz.scp.css */
.cv-warrant-text[b-m3lxhgro2k] {
    margin: 0;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.cv-warrant-heading[b-m3lxhgro2k] {
    margin: 16px 0 4px;
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

/* The side panel for a step. The whole screen on a phone. */
[b-m3lxhgro2k] .cv-warrant-drawer {
    --dialog-width: min(520px, 100vw);
    width: min(520px, 100vw);
}

.cv-warrant-form[b-m3lxhgro2k] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* /Components/Pages/Communities/Warrants.razor.rz.scp.css */
.cv-warrant-count[b-f9tj5roled] {
    align-self: flex-end;
    padding-bottom: 8px;
}

/* The side panel for asking for a warrant. The whole screen on a phone. */
[b-f9tj5roled] .cv-warrant-drawer {
    --dialog-width: min(520px, 100vw);
    width: min(520px, 100vw);
}
/* /Components/Pages/Communities/YourMembership.razor.rz.scp.css */
.cv-you-note[b-gr76ctizck] {
    margin: 12px 0 0;
}

.cv-you-note:first-child[b-gr76ctizck] {
    margin-top: 0;
}

.cv-you-permissions[b-gr76ctizck] {
    margin: 12px 0 8px;
}

.cv-you-forms[b-gr76ctizck] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-you-forms li[b-gr76ctizck] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
}

.cv-you-forms .cv-small[b-gr76ctizck] {
    flex-basis: 100%;
}
/* /Components/Pages/Communities/YourRentals.razor.rz.scp.css */
/* A unit's facts beside a small map of its parcel; the map drops under them on a narrow screen. */
.cv-your-rental[b-bw3h2dphex] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
    gap: 24px;
    align-items: start;
}

.cv-your-rental-facts[b-bw3h2dphex] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.cv-your-rental[b-bw3h2dphex]  .cv-your-rental-map {
    height: 220px;
}

@media (max-width: 800px) {
    .cv-your-rental[b-bw3h2dphex] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* How much of the time paid for is left, orange once it's nearly out, with marks where Civitas's reminders go. */
.cv-your-rental-time[b-bw3h2dphex] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cv-your-rental-time-head[b-bw3h2dphex] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 12px;
}

.cv-your-rental-left[b-bw3h2dphex] {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
}

.cv-your-rental-bar[b-bw3h2dphex] {
    position: relative;
    height: 8px;
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground5);
}

.cv-your-rental-fill[b-bw3h2dphex] {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: inherit;
    background: var(--colorBrandBackground);
}

.cv-your-rental-fill-low[b-bw3h2dphex] {
    background: var(--colorPaletteDarkOrangeBackground3);
}

.cv-your-rental-mark[b-bw3h2dphex] {
    position: absolute;
    top: -3px;
    bottom: -3px;
    width: 2px;
    margin-left: -1px;
    background: var(--colorNeutralForeground3);
}

/* How to pay for more: the unit's pay buttons from CasperLet, and its terms. */
.cv-your-rental-pay[b-bw3h2dphex] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-your-rental-actions[b-bw3h2dphex] {
    margin-top: 16px;
}

.cv-your-rental-note[b-bw3h2dphex] {
    margin: 12px 0 0;
}
/* /Components/Pages/FormFill.razor.rz.scp.css */
/* A reading page, like the community's public page. */
.cv-fill[b-tlucacbquq] {
    max-width: 720px;
    margin: 16px auto 0;
}

.cv-fill-band[b-tlucacbquq] {
    height: 8px;
    border-radius: var(--borderRadiusMedium);
    background: var(--cv-accent);
    margin-bottom: 24px;
}

.cv-fill-head[b-tlucacbquq] {
    margin-bottom: 20px;
}

.cv-fill-head p[b-tlucacbquq] {
    margin: 0;
}

.cv-fill-title[b-tlucacbquq] {
    font-size: var(--fontSizeHero700);
    line-height: var(--lineHeightHero700);
    font-weight: var(--fontWeightBold);
    letter-spacing: -0.01em;
    margin: 4px 0 0;
    overflow-wrap: anywhere;
}

[b-tlucacbquq] .cv-fill-description {
    margin-top: 12px;
}

.cv-fill-card[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-top: 4px solid var(--cv-accent, var(--colorBrandBackground));
    border-radius: var(--borderRadiusXLarge);
    background: var(--colorNeutralBackground1);
}

.cv-fill-card p[b-tlucacbquq],
.cv-fill-card ul[b-tlucacbquq] {
    margin: 0;
}

.cv-fill-heading[b-tlucacbquq] {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
    margin: 0;
}

.cv-fill-section[b-tlucacbquq] {
    padding-top: 12px;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-fill-section p[b-tlucacbquq] {
    margin-top: 4px;
}

.cv-fill-question[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cv-fill-question fieldset[b-tlucacbquq] {
    border: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cv-fill-label[b-tlucacbquq],
.cv-fill-question legend[b-tlucacbquq] {
    font-weight: var(--fontWeightSemibold);
    padding: 0;
}

.cv-fill-required[b-tlucacbquq] {
    color: var(--colorPaletteRedForeground1);
}

.cv-fill-options[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cv-fill-options label[b-tlucacbquq],
.cv-fill-tick[b-tlucacbquq] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
}

.cv-fill-tick[b-tlucacbquq] {
    font-weight: var(--fontWeightSemibold);
}

.cv-fill-options input[b-tlucacbquq],
.cv-fill-tick input[b-tlucacbquq] {
    margin: 3px 0 0;
    width: 16px;
    height: 16px;
    accent-color: var(--colorBrandBackground);
    flex: none;
}

/* A checkbox drawn as Fluent's switch. */
.cv-fill-tick input.cv-fill-switch[b-tlucacbquq] {
    appearance: none;
    width: 40px;
    height: 20px;
    margin-top: 1px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);
    border-radius: 10px;
    background: var(--colorNeutralBackground1);
    position: relative;
    cursor: pointer;
}

.cv-fill-tick input.cv-fill-switch[b-tlucacbquq]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--colorNeutralForeground3);
    transition: left 0.1s;
}

.cv-fill-tick input.cv-fill-switch:checked[b-tlucacbquq] {
    background: var(--colorBrandBackground);
    border-color: transparent;
}

.cv-fill-tick input.cv-fill-switch:checked[b-tlucacbquq]::after {
    left: 23px;
    background: var(--colorNeutralForegroundOnBrand);
}

.cv-fill-tick input:focus-visible[b-tlucacbquq] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: 1px;
}

.cv-fill-help[b-tlucacbquq] {
    margin: 0;
}

.cv-fill-textarea[b-tlucacbquq] {
    resize: vertical;
    min-height: 96px;
}

.cv-fill-short[b-tlucacbquq] {
    max-width: 220px;
}

.cv-fill-unit[b-tlucacbquq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cv-fill-unit .cv-input[b-tlucacbquq] {
    max-width: 220px;
}

.cv-fill-who[b-tlucacbquq] {
    margin: 0;
    min-height: 1em;
}

.cv-fill-error[b-tlucacbquq],
[b-tlucacbquq] .cv-fill-error {
    color: var(--colorPaletteRedForeground1);
    margin: 0;
}

.cv-fill-invalid .cv-input[b-tlucacbquq] {
    border-color: var(--colorPaletteRedBorder2);
}

.cv-fill-problem[b-tlucacbquq] {
    padding: 8px 12px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorPaletteRedBackground1);
    border: var(--strokeWidthThin) solid var(--colorPaletteRedBorder1);
}

.cv-fill-note[b-tlucacbquq] {
    margin: 0;
}

/* Out of sight for people; spam bots still fill it in. */
.cv-fill-trap[b-tlucacbquq] {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.cv-fill-send[b-tlucacbquq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* A Back button sits apart from the ones that move on. */
[b-tlucacbquq] .cv-fill-back {
    margin-inline-end: auto;
}

/* Saved to finish later, or back to finish what was saved. */
.cv-fill-saved[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorPaletteGreenBackground1);
    border: var(--strokeWidthThin) solid var(--colorPaletteGreenBorder1);
}

.cv-fill-saved-local[b-tlucacbquq] {
    margin: -8px 0 0;
}

/* The form's parts: the questions under each section heading. Half-width parts share a row where there's room. */
.cv-fill-parts[b-tlucacbquq],
.cv-fill-part[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cv-fill-part[hidden][b-tlucacbquq],
.cv-fill-parts [hidden][b-tlucacbquq] {
    display: none;
}

/* What the form's rules hide while their conditions don't hold ("Show only if", sections skipped). */
.cv-fill-parts [data-off][b-tlucacbquq] {
    display: none !important;
}

[b-tlucacbquq] .cv-fill-tab[hidden] {
    display: none;
}

.cv-fill-part-body[b-tlucacbquq],
.cv-fill-column[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* A Columns part: its columns side by side where there's room, one under another on phones. */
.cv-fill-row[b-tlucacbquq] {
    display: grid;
    gap: 20px 16px;
    align-items: start;
}

.cv-fill-row-2[b-tlucacbquq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cv-fill-row-3[b-tlucacbquq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 600px) {
    .cv-fill-row-2[b-tlucacbquq],
    .cv-fill-row-3[b-tlucacbquq] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* One question at a time: a question in a column takes the whole width, and empty columns take no room. */
.cv-fill-parts[data-layout=one_at_a_time] .cv-fill-row[b-tlucacbquq] {
    grid-template-columns: minmax(0, 1fr);
}

.cv-fill-parts[data-layout=one_at_a_time] .cv-fill-column:not(:has(> :not([hidden], [data-off])))[b-tlucacbquq] {
    display: none;
}

/* Tabs and steps show each section's heading on the tab or progress bar, so the first part's line goes. */
.cv-fill-parts:is([data-layout=tabs], [data-layout=steps], [data-layout=one_at_a_time]) .cv-fill-section[b-tlucacbquq] {
    padding-top: 0;
    border-top: none;
}

/* A section people can fold: its heading is a button. */
[b-tlucacbquq] .cv-fill-fold {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

[b-tlucacbquq] .cv-fill-fold::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-inline-start: auto;
    border-right: 2px solid var(--colorNeutralForeground2);
    border-bottom: 2px solid var(--colorNeutralForeground2);
    transform: rotate(45deg);
    transition: transform 0.15s;
}

[b-tlucacbquq] .cv-fill-fold[aria-expanded=false]::after {
    transform: rotate(-45deg);
}

[b-tlucacbquq] .cv-fill-fold:focus-visible {
    outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
    outline-offset: 2px;
    border-radius: var(--borderRadiusSmall);
}

/* Tabs: one for each section, like Fluent's. */
[b-tlucacbquq] .cv-fill-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: -4px 0 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

[b-tlucacbquq] .cv-fill-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    border: none;
    background: none;
    color: var(--colorNeutralForeground2);
    font: inherit;
    cursor: pointer;
}

[b-tlucacbquq] .cv-fill-tab:hover {
    color: var(--colorNeutralForeground1);
}

[b-tlucacbquq] .cv-fill-tab[aria-selected=true] {
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

[b-tlucacbquq] .cv-fill-tab[aria-selected=true]::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: -1px;
    height: 3px;
    border-radius: 2px;
    background: var(--cv-accent, var(--colorCompoundBrandStroke));
}

[b-tlucacbquq] .cv-fill-tab:focus-visible {
    outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
    outline-offset: -2px;
    border-radius: var(--borderRadiusMedium);
}

/* A tab with a required question left empty. */
[b-tlucacbquq] .cv-fill-tab-missing {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--colorPaletteRedBackground3);
}

/* Steps: where they are, as words and a bar. */
[b-tlucacbquq] .cv-fill-progress {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-tlucacbquq] .cv-fill-progress-bar {
    height: 4px;
    border-radius: 2px;
    background: var(--colorNeutralBackground5);
    overflow: hidden;
}

[b-tlucacbquq] .cv-fill-progress-bar span {
    display: block;
    height: 100%;
    border-radius: 2px;
    background: var(--cv-accent, var(--colorCompoundBrandBackground));
    transition: width 0.2s;
}

/* One question at a time: each one big, with room around it. */
.cv-fill-parts[data-layout=one_at_a_time][b-tlucacbquq] {
    min-height: min(50vh, 420px);
    justify-content: center;
}

.cv-fill-parts[data-layout=one_at_a_time] .cv-fill-question[b-tlucacbquq] {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
}

.cv-fill-parts[data-layout=one_at_a_time] .cv-fill-question :is(legend, .cv-fill-label)[b-tlucacbquq] {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
}

[b-tlucacbquq] .cv-fill-hint {
    margin: 0;
}

/* The review step: every answer, with a way back to each. */
[b-tlucacbquq] .cv-fill-review {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-tlucacbquq] .cv-fill-review dl {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) auto;
    gap: 0 16px;
    margin: 0;
}

[b-tlucacbquq] .cv-fill-review dl > div {
    display: contents;
}

[b-tlucacbquq] .cv-fill-review dt,
[b-tlucacbquq] .cv-fill-review dd {
    margin: 0;
    padding: 10px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

[b-tlucacbquq] .cv-fill-review dt {
    color: var(--colorNeutralForeground2);
}

[b-tlucacbquq] .cv-fill-review dd {
    white-space: pre-line;
    overflow-wrap: anywhere;
}

[b-tlucacbquq] .cv-fill-review .cv-fill-review-empty {
    color: var(--colorNeutralForeground3);
}

[b-tlucacbquq] .cv-fill-review .cv-fill-review-edit {
    padding: 6px 0;
}

[b-tlucacbquq] .cv-fill-review-heading {
    grid-column: 1 / -1;
    padding-top: 8px;
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

@media (max-width: 600px) {
    [b-tlucacbquq] .cv-fill-review dl {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    [b-tlucacbquq] .cv-fill-review dt {
        grid-column: 1 / -1;
        padding-bottom: 0;
        border-bottom: none;
    }
}

[b-tlucacbquq] .cv-fill-link {
    padding: 0;
    border: none;
    background: none;
    color: var(--colorBrandForegroundLink);
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.cv-fill-footer[b-tlucacbquq] {
    margin-top: 16px;
}

/* Parts that only show something. */
.cv-fill-block-heading[b-tlucacbquq] {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
    margin: 0 0 4px;
}

.cv-fill-image[b-tlucacbquq] {
    margin: 0;
}

.cv-fill-image img[b-tlucacbquq] {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: var(--borderRadiusLarge);
}

.cv-fill-divider[b-tlucacbquq] {
    width: 100%;
    margin: 0;
    border: none;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

/* Ratings and opinion scales: a row of choices. Stars and hearts fill up to the one picked. */
.cv-fill-scale[b-tlucacbquq],
.cv-fill-rating[b-tlucacbquq] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cv-fill-scale label[b-tlucacbquq],
.cv-fill-rating label[b-tlucacbquq] {
    position: relative;
    cursor: pointer;
}

.cv-fill-scale input[b-tlucacbquq],
.cv-fill-rating input[b-tlucacbquq] {
    position: absolute;
    opacity: 0;
    inset: 0;
    margin: 0;
    cursor: pointer;
}

.cv-fill-scale span[b-tlucacbquq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    font-weight: var(--fontWeightSemibold);
}

.cv-fill-scale label:hover span[b-tlucacbquq] {
    background: var(--colorNeutralBackground1Hover);
}

.cv-fill-scale input:checked + span[b-tlucacbquq] {
    background: var(--cv-accent, var(--colorBrandBackground));
    border-color: transparent;
    color: var(--colorNeutralForegroundOnBrand);
}

.cv-fill-scale input:focus-visible + span[b-tlucacbquq],
.cv-fill-rating input:focus-visible + span[b-tlucacbquq] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: 2px;
}

.cv-fill-rating[b-tlucacbquq] {
    gap: 2px;
}

.cv-fill-rating span[b-tlucacbquq] {
    font-size: 28px;
    line-height: 1;
    color: var(--colorNeutralStroke1);
}

.cv-fill-rating-stars label:has(~ label input:checked) span[b-tlucacbquq],
.cv-fill-rating-stars input:checked + span[b-tlucacbquq] {
    color: var(--colorPaletteMarigoldForeground1, #e8a202);
}

.cv-fill-rating-hearts label:has(~ label input:checked) span[b-tlucacbquq],
.cv-fill-rating-hearts input:checked + span[b-tlucacbquq] {
    color: var(--colorPaletteRedForeground1);
}

.cv-fill-ends[b-tlucacbquq] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    max-width: 480px;
}

.cv-fill-slider[b-tlucacbquq] {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 480px;
}

.cv-fill-slider input[b-tlucacbquq] {
    flex: 1;
    accent-color: var(--cv-accent, var(--colorBrandBackground));
}

.cv-fill-slider output[b-tlucacbquq] {
    min-width: 3ch;
    font-weight: var(--fontWeightSemibold);
    font-variant-numeric: tabular-nums;
}

/* A sortable list: numbered, and with the script, dragged or moved with its buttons. */
.cv-fill-ranking[b-tlucacbquq] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    counter-reset: place;
}

.cv-fill-ranking li[b-tlucacbquq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px 6px 12px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    counter-increment: place;
}

.cv-fill-ranking-name[b-tlucacbquq] {
    flex: 1;
}

.cv-fill-ranking-place[b-tlucacbquq] {
    width: 72px;
}

.cv-fill-ranking-live li[b-tlucacbquq] {
    cursor: grab;
}

.cv-fill-ranking-live li[b-tlucacbquq]::before {
    content: counter(place);
    min-width: 1.5em;
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground3);
}

[b-tlucacbquq] .cv-fill-dragging {
    opacity: 0.5;
}

[b-tlucacbquq] .cv-fill-move {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: var(--colorNeutralForeground2);
    cursor: pointer;
}

[b-tlucacbquq] .cv-fill-move:hover:not(:disabled) {
    background: var(--colorSubtleBackgroundHover);
}

[b-tlucacbquq] .cv-fill-move:disabled {
    color: var(--colorNeutralForegroundDisabled);
    cursor: default;
}

/* Grids, tables and weekly hours scroll sideways on a phone rather than squeezing. */
.cv-fill-scroll[b-tlucacbquq] {
    overflow-x: auto;
    max-width: 100%;
}

.cv-fill-grid[b-tlucacbquq],
.cv-fill-hours[b-tlucacbquq],
.cv-fill-table[b-tlucacbquq] {
    border-collapse: collapse;
}

.cv-fill-grid th[b-tlucacbquq],
.cv-fill-grid td[b-tlucacbquq] {
    padding: 6px 10px;
    text-align: center;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-fill-grid thead th[b-tlucacbquq] {
    font-weight: var(--fontWeightRegular);
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground2);
}

.cv-fill-grid tbody th[b-tlucacbquq] {
    text-align: start;
    font-weight: var(--fontWeightRegular);
    min-width: 160px;
}

.cv-fill-grid input[b-tlucacbquq],
.cv-fill-hours input[b-tlucacbquq] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--cv-accent, var(--colorBrandBackground));
}

.cv-fill-hours th[b-tlucacbquq],
.cv-fill-hours td[b-tlucacbquq] {
    padding: 2px 6px;
    text-align: center;
    font-size: var(--fontSizeBase200);
}

.cv-fill-hours thead th[b-tlucacbquq] {
    font-weight: var(--fontWeightSemibold);
}

.cv-fill-hours tbody th[b-tlucacbquq] {
    text-align: end;
    font-weight: var(--fontWeightRegular);
    color: var(--colorNeutralForeground2);
    white-space: nowrap;
}

/* Columns as wide as their boxes, not spread over the page. */
.cv-fill-table[b-tlucacbquq] {
    width: auto;
}

.cv-fill-table th[b-tlucacbquq] {
    text-align: start;
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    padding: 0 6px 4px 0;
}

.cv-fill-table td[b-tlucacbquq] {
    padding: 0 6px 6px 0;
    min-width: 140px;
}

.cv-fill-add-row[b-tlucacbquq] {
    align-self: flex-start;
}

/* A signature: typed in a handwriting font, or drawn on a white card that reads the same in dark mode. */
.cv-fill-signature[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-fill-signature-typed[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 420px;
}

.cv-fill-signature-font[b-tlucacbquq] {
    font-family: "Segoe Script", "Brush Script MT", "Snell Roundhand", cursive;
    font-size: var(--fontSizeBase500);
}

.cv-fill-signature-pad[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.cv-fill-signature-pad[hidden][b-tlucacbquq] {
    display: none;
}

.cv-fill-signature-pad canvas[b-tlucacbquq] {
    width: 100%;
    max-width: 480px;
    aspect-ratio: 600 / 160;
    background: #fff;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    touch-action: none;
    cursor: crosshair;
}

[b-tlucacbquq] .cv-fill-found {
    color: var(--colorPaletteGreenForeground1);
    font-weight: var(--fontWeightSemibold);
}

/* Picture uploads, drawn like FluentInputFile (its fluent-inputfile-container styles come from Fluent's own CSS). */
.cv-fill-drop[b-tlucacbquq] {
    min-height: 120px;
    border-radius: var(--borderRadiusMedium);
}

.cv-fill-drop input[type=file][b-tlucacbquq] {
    grid-column: 1;
    grid-row: 1;
    cursor: pointer;
}

.cv-fill-drop .inputfile-content[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px;
    pointer-events: none;
}

.cv-fill-drop-files[b-tlucacbquq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
}

.cv-fill-drop-files li[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 96px;
    font-size: var(--fontSizeBase200);
    overflow-wrap: anywhere;
}

.cv-fill-drop-files img[b-tlucacbquq] {
    width: 96px;
    height: 72px;
    object-fit: cover;
    border-radius: var(--borderRadiusMedium);
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

/* The ban appeal form: each of the visitor's bans, with its appeals. */
.cv-fill-ban[b-tlucacbquq] {
    gap: 12px;
}

.cv-fill-subheading[b-tlucacbquq] {
    margin: 8px 0 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-fill-facts[b-tlucacbquq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 32px;
    margin: 0;
}

.cv-fill-facts dt[b-tlucacbquq] {
    color: var(--colorNeutralForeground3);
    font-size: var(--fontSizeBase200);
}

.cv-fill-facts dd[b-tlucacbquq] {
    margin: 0;
}

/* What people wrote keeps its line breaks. */
.cv-fill-said[b-tlucacbquq] {
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.cv-fill-appeals[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    list-style: none;
}

.cv-fill-appeals li[b-tlucacbquq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 12px;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-fill-appeals li:last-child[b-tlucacbquq] {
    padding-bottom: 0;
    border-bottom: 0;
}
/* /Components/Pages/FormSent.razor.rz.scp.css */
.cv-sent-reply[b-5ctodtmr72] {
    margin: 16px 0 0;
}

.cv-sent-reply p[b-5ctodtmr72] {
    margin: 0;
}

/* Text people wrote keeps its line breaks. */
.cv-sent-text[b-5ctodtmr72] {
    white-space: pre-line;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Help/HelpHome.razor.rz.scp.css */
/* Help's home: a search box to start, then Getting started and every topic. */

.cv-help-landing[b-gm5wnessyg] {
    max-width: 1080px;
    margin: 0 auto;
    padding-bottom: 48px;
}

.cv-help-hero[b-gm5wnessyg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 32px 0 40px;
    text-align: center;
}

.cv-help-hero h1[b-gm5wnessyg] {
    margin: 0;
    font-size: 40px;
    line-height: 48px;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.cv-help-hero p[b-gm5wnessyg] {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 28px;
    color: var(--colorNeutralForeground2);
}

.cv-help-hero[b-gm5wnessyg]  .cv-help-search {
    width: min(640px, 100%);
}

.cv-help-section[b-gm5wnessyg] {
    margin-top: 32px;
}

.cv-help-section h2[b-gm5wnessyg] {
    margin: 0 0 16px;
    font-size: 22px;
    line-height: 28px;
    font-weight: var(--fontWeightSemibold);
}

.cv-help-lead[b-gm5wnessyg] {
    margin: 0;
    color: var(--colorNeutralForeground2);
}

.cv-help-cards[b-gm5wnessyg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}

.cv-help-card[b-gm5wnessyg] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px;
    background: var(--colorNeutralBackground1);
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    color: var(--colorNeutralForeground1);
    text-decoration: none;
    box-shadow: var(--shadow2);
}

.cv-help-card:hover[b-gm5wnessyg] {
    border-color: var(--colorBrandStroke1);
    box-shadow: var(--shadow8);
}

.cv-help-card strong[b-gm5wnessyg] {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorBrandForeground1);
}

.cv-help-card span[b-gm5wnessyg] {
    color: var(--colorNeutralForeground2);
}

.cv-help-topics[b-gm5wnessyg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 32px 40px;
}

.cv-help-topic h3[b-gm5wnessyg] {
    margin: 0 0 4px;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-help-topic h3 a[b-gm5wnessyg] {
    color: var(--colorNeutralForeground1);
    text-decoration: none;
}

.cv-help-topic h3 a:hover[b-gm5wnessyg] {
    color: var(--colorBrandForegroundLinkHover);
    text-decoration: underline;
}

.cv-help-topic p[b-gm5wnessyg] {
    margin: 0 0 8px;
    color: var(--colorNeutralForeground2);
}

.cv-help-topic ul[b-gm5wnessyg] {
    list-style: none;
    margin: 0 0 8px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cv-help-topic-more[b-gm5wnessyg] {
    font-weight: var(--fontWeightSemibold);
}

.cv-help-contact[b-gm5wnessyg] {
    margin: 48px 0 0;
    padding-top: 24px;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    color: var(--colorNeutralForeground2);
}

@media (max-width: 768px) {
    .cv-help-hero[b-gm5wnessyg] {
        padding: 8px 0 24px;
    }

    .cv-help-hero h1[b-gm5wnessyg] {
        font-size: 30px;
        line-height: 36px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* The homepage runs edge to edge, so it undoes the content padding and sets its own width per section. */
.cv-home[b-3uso1e04n5] {
    margin: calc(-1 * var(--cv-content-pad-y)) calc(-1 * var(--cv-content-pad-x));
}

.cv-home-wrap[b-3uso1e04n5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
}

.cv-home-narrow[b-3uso1e04n5] {
    max-width: 800px;
}

.cv-home-muted[b-3uso1e04n5] {
    color: var(--colorNeutralForeground2);
}

.cv-home-good[b-3uso1e04n5] {
    color: var(--colorStatusSuccessForeground1);
    font-weight: var(--fontWeightSemibold);
}

/* Hero: the words beside a picture of the Members page. */

.cv-home-hero[b-3uso1e04n5] {
    padding: 88px 0 96px;
    background: var(--colorNeutralBackground2);
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-home-hero-grid[b-3uso1e04n5] {
    display: grid;
    grid-template-columns: minmax(0, 460px) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
}

.cv-home-hero-words[b-3uso1e04n5] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cv-home-eyebrow[b-3uso1e04n5],
.cv-home-kicker[b-3uso1e04n5] {
    margin: 0;
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
    font-weight: var(--fontWeightSemibold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--colorBrandForeground1);
}

.cv-home-kicker[b-3uso1e04n5] {
    color: var(--cv-cyan-text);
}

.cv-home-title[b-3uso1e04n5] {
    margin: 0;
    font-size: 56px;
    line-height: 60px;
    font-weight: 800;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

/* Linden Lab's trademark guidelines ask for ® on the most prominent "Second Life"; kept small so the tagline reads. */
.cv-home-reg[b-3uso1e04n5] {
    font-size: 0.35em;
    font-weight: 600;
    vertical-align: super;
    line-height: 0;
}

.cv-home-lead[b-3uso1e04n5] {
    margin: 0;
    font-size: 19px;
    line-height: 30px;
    color: var(--colorNeutralForeground2);
}

.cv-home-actions[b-3uso1e04n5] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 8px;
}

/* One change, everywhere: a role given in Civitas, and the three places it lands. */

.cv-home-sync[b-3uso1e04n5] {
    padding: 96px 0 104px;
    background: var(--cv-civic-soft);
}

.cv-home-sync-words[b-3uso1e04n5] {
    max-width: 860px;
    margin: 0 auto 56px;
    text-align: center;
}

.cv-home-sync-heading[b-3uso1e04n5] {
    margin: 0 0 18px;
    font-size: 44px;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cv-home-sync-intro[b-3uso1e04n5] {
    max-width: 680px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 28px;
    color: var(--colorNeutralForeground2);
}

.cv-home-flow[b-3uso1e04n5] {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 380px) 120px minmax(0, 1fr);
    align-items: center;
}

.cv-home-flow-source[b-3uso1e04n5] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px;
    background: var(--colorNeutralBackground1);
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    box-shadow: var(--shadow16);
}

.cv-home-flow-label[b-3uso1e04n5] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--colorNeutralForeground2);
}

.cv-home-flow-note[b-3uso1e04n5] {
    font-size: 13px;
    color: var(--colorNeutralForeground2);
}

.cv-home-flow-lines path[b-3uso1e04n5] {
    stroke: var(--colorBrandForeground1);
    stroke-width: 2;
}

.cv-home-flow-targets[b-3uso1e04n5] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 16px;
}

.cv-home-flow-targets li[b-3uso1e04n5] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) max-content;
    gap: 16px;
    align-items: center;
    padding: 16px 20px;
    background: var(--colorNeutralBackground1);
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.cv-home-flow-targets strong[b-3uso1e04n5] {
    font-weight: var(--fontWeightSemibold);
}

.cv-home-flow-where[b-3uso1e04n5] {
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--colorNeutralForeground2);
}

.cv-home-flow-targets .cv-home-good[b-3uso1e04n5] {
    font-size: 13px;
}

/* Features: words beside a small picture, alternating sides. */

.cv-home-features[b-3uso1e04n5] {
    padding: 112px 0 40px;
}

.cv-home-feature-list[b-3uso1e04n5] {
    display: flex;
    flex-direction: column;
    gap: 96px;
}

.cv-home-feature[b-3uso1e04n5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 80px;
    align-items: center;
}

.cv-home-feature-flip .cv-home-feature-words[b-3uso1e04n5] {
    order: 2;
}

.cv-home-feature-words[b-3uso1e04n5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-home-feature-words p:not(.cv-home-kicker)[b-3uso1e04n5] {
    margin: 0;
    font-size: 17px;
    line-height: 28px;
    color: var(--colorNeutralForeground2);
}

.cv-home-feature-heading[b-3uso1e04n5] {
    margin: 0;
    font-size: 36px;
    line-height: 42px;
    font-weight: var(--fontWeightBold);
    letter-spacing: -0.015em;
    text-wrap: balance;
}

.cv-home-panel[b-3uso1e04n5] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px;
    background: var(--colorNeutralBackground2);
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    font-size: 14px;
}

.cv-home-case-head[b-3uso1e04n5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.cv-home-case-head strong[b-3uso1e04n5] {
    font-size: 17px;
    font-weight: var(--fontWeightSemibold);
}

.cv-home-pill-warning[b-3uso1e04n5] {
    padding: 2px 8px;
    border-radius: 9999px;
    font-size: 12px;
    font-weight: var(--fontWeightSemibold);
    background: var(--colorPaletteDarkOrangeBackground1);
    color: var(--colorStatusWarningForeground1);
    white-space: nowrap;
}

.cv-home-case-actions[b-3uso1e04n5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cv-home-case-actions span[b-3uso1e04n5] {
    padding: 6px 12px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground1);
    font-weight: var(--fontWeightSemibold);
}

.cv-home-case-actions .cv-home-case-ban[b-3uso1e04n5] {
    border-color: transparent;
    background: var(--colorPaletteRedBackground3);
    color: #FFFFFF;
}

.cv-home-week[b-3uso1e04n5] {
    display: grid;
    grid-template-columns: 60px repeat(5, minmax(0, 1fr));
    gap: 6px;
    align-items: center;
    font-size: 13px;
}

.cv-home-day[b-3uso1e04n5],
.cv-home-hour[b-3uso1e04n5] {
    color: var(--colorNeutralForeground2);
}

.cv-home-day[b-3uso1e04n5] {
    font-weight: var(--fontWeightSemibold);
}

.cv-home-shift[b-3uso1e04n5] {
    padding: 8px;
    border-radius: var(--borderRadiusMedium);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-home-cyan[b-3uso1e04n5] {
    background: var(--cv-cyan-soft);
    color: var(--cv-cyan-text);
}

.cv-home-violet[b-3uso1e04n5] {
    background: var(--cv-violet-soft);
    color: var(--cv-violet);
}

.cv-home-blue[b-3uso1e04n5] {
    background: var(--cv-civic-soft);
    color: var(--colorBrandForeground1);
}

/* More in Civitas, and what's coming. */

.cv-home-more[b-3uso1e04n5] {
    padding: 72px 0 104px;
}

.cv-home-more-grid[b-3uso1e04n5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.cv-home-more-grid > div[b-3uso1e04n5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 18px;
    border-top: 2px solid var(--colorBrandForeground1);
}

.cv-home-more-grid h3[b-3uso1e04n5] {
    margin: 0;
    font-size: 17px;
    line-height: 24px;
    font-weight: var(--fontWeightSemibold);
}

.cv-home-more-grid p[b-3uso1e04n5] {
    margin: 0;
    font-size: 15px;
    line-height: 24px;
    color: var(--colorNeutralForeground2);
}

.cv-home-coming[b-3uso1e04n5] {
    margin: 32px 0 0;
    font-size: 15px;
    line-height: 24px;
    color: var(--colorNeutralForeground2);
}

.cv-home-coming strong[b-3uso1e04n5] {
    color: var(--colorNeutralForeground1);
}

/* Pricing */

.cv-home-pricing[b-3uso1e04n5] {
    padding-bottom: 104px;
}

.cv-home-pricing-box[b-3uso1e04n5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 56px;
    padding: 48px;
    background: var(--colorNeutralBackground2);
    border-radius: var(--borderRadiusLarge);
}

.cv-home-pricing-box p[b-3uso1e04n5] {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
}

.cv-home-pricing-heading[b-3uso1e04n5] {
    margin: 0 0 12px;
    font-size: 30px;
    line-height: 36px;
    font-weight: var(--fontWeightBold);
}

.cv-home-pricing-points[b-3uso1e04n5] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
    align-content: start;
    font-size: 15px;
    line-height: 24px;
}

/* Questions */

.cv-home-faq-section[b-3uso1e04n5] {
    padding-bottom: 104px;
}

.cv-home-faq details[b-3uso1e04n5] {
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-home-faq summary[b-3uso1e04n5] {
    padding: 16px 0;
    cursor: pointer;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-home-faq summary:focus-visible[b-3uso1e04n5] {
    outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
    outline-offset: 2px;
    border-radius: var(--borderRadiusMedium);
}

.cv-home-faq details p[b-3uso1e04n5] {
    margin: 0 0 16px;
    color: var(--colorNeutralForeground2);
}

/* Closing call to action, on the brand blue. */

.cv-home-cta[b-3uso1e04n5] {
    padding: 80px 0 32px;
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
}

.cv-home-cta-row[b-3uso1e04n5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px 48px;
}

.cv-home-cta-heading[b-3uso1e04n5] {
    margin: 0 0 12px;
    font-size: 40px;
    line-height: 44px;
    font-weight: 800;
    letter-spacing: -0.015em;
}

.cv-home-cta-row p[b-3uso1e04n5] {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    opacity: 0.9;
}

.cv-home-cta-button[b-3uso1e04n5] {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 0 24px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralForegroundOnBrand);
    color: var(--colorBrandBackground);
    font-size: 16px;
    font-weight: var(--fontWeightBold);
    text-decoration: none;
    white-space: nowrap;
}

.cv-home-cta-button:hover[b-3uso1e04n5] {
    color: var(--colorBrandBackgroundHover);
}

.cv-home-cta-button:focus-visible[b-3uso1e04n5] {
    outline: var(--strokeWidthThick) solid var(--colorNeutralForegroundOnBrand);
    outline-offset: 3px;
}

/* Narrower screens: one column. The picture of the app lays itself out by its own width (pictures.css). */

@media (max-width: 1100px) {
    .cv-home-hero-grid[b-3uso1e04n5] {
        grid-template-columns: minmax(0, 1fr);
        gap: 48px;
    }

    .cv-home-hero-words[b-3uso1e04n5] {
        max-width: 640px;
    }

    .cv-home-flow[b-3uso1e04n5] {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        max-width: 640px;
    }

    .cv-home-flow-lines[b-3uso1e04n5] {
        display: none;
    }

    .cv-home-feature[b-3uso1e04n5],
    .cv-home-pricing-box[b-3uso1e04n5] {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    .cv-home-feature-flip .cv-home-feature-words[b-3uso1e04n5] {
        order: 0;
    }

    .cv-home-more-grid[b-3uso1e04n5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .cv-home-wrap[b-3uso1e04n5] {
        padding: 0 16px;
    }

    .cv-home-hero[b-3uso1e04n5] {
        padding: 48px 0 56px;
    }

    .cv-home-title[b-3uso1e04n5] {
        font-size: 40px;
        line-height: 44px;
    }

    .cv-home-sync[b-3uso1e04n5],
    .cv-home-features[b-3uso1e04n5] {
        padding-top: 64px;
    }

    .cv-home-sync[b-3uso1e04n5] {
        padding-bottom: 64px;
    }

    .cv-home-sync-heading[b-3uso1e04n5],
    .cv-home-cta-heading[b-3uso1e04n5] {
        font-size: 32px;
        line-height: 38px;
    }

    .cv-home-feature-heading[b-3uso1e04n5] {
        font-size: 28px;
        line-height: 34px;
    }

    .cv-home-feature-list[b-3uso1e04n5] {
        gap: 64px;
    }

    .cv-home-flow-targets li[b-3uso1e04n5] {
        grid-template-columns: minmax(0, 1fr) max-content;
    }

    .cv-home-flow-where[b-3uso1e04n5] {
        grid-column: 1 / -1;
    }

    .cv-home-pricing-box[b-3uso1e04n5] {
        padding: 24px;
    }

    .cv-home-more[b-3uso1e04n5] {
        padding: 48px 0 64px;
    }

    .cv-home-cta[b-3uso1e04n5] {
        padding-top: 56px;
    }
}

@media (max-width: 560px) {
    .cv-home-more-grid[b-3uso1e04n5] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Legal/LegalDocument.razor.rz.scp.css */
/* A single readable column; the page's own text arrives as child content, hence ::deep. */
.cv-legal[b-mrt6w1ei2c] {
    max-width: 760px;
    margin: 0 auto;
    padding-bottom: 48px;
}

.cv-legal-links[b-mrt6w1ei2c] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 20px;
    margin-bottom: 24px;
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
}

.cv-legal-links a[b-mrt6w1ei2c] {
    color: var(--colorNeutralForeground2);
    text-decoration: none;
}

.cv-legal-links a:hover[b-mrt6w1ei2c] {
    color: var(--colorBrandForegroundLinkHover);
    text-decoration: underline;
}

.cv-legal-links a[aria-current=page][b-mrt6w1ei2c] {
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}

.cv-legal-draft[b-mrt6w1ei2c] {
    margin: 16px 0 24px;
}

.cv-legal[b-mrt6w1ei2c]  h2 {
    margin-top: 40px;
    scroll-margin-top: 64px;
}

.cv-legal[b-mrt6w1ei2c]  h3 {
    margin: 24px 0 8px;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-legal[b-mrt6w1ei2c]  ul {
    margin: 0 0 12px;
    padding-left: 24px;
}

.cv-legal[b-mrt6w1ei2c]  li {
    margin-bottom: 6px;
}

/* The short version at the top of a page. */
.cv-legal[b-mrt6w1ei2c]  .cv-legal-summary {
    margin: 24px 0;
    padding: 16px 20px;
    background: var(--colorNeutralBackground2);
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
}

.cv-legal[b-mrt6w1ei2c]  .cv-legal-summary ul {
    margin: 0;
}

.cv-legal[b-mrt6w1ei2c]  .cv-legal-summary li:last-child {
    margin-bottom: 0;
}

.cv-legal[b-mrt6w1ei2c]  table {
    width: 100%;
    margin: 0 0 16px;
    border-collapse: collapse;
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
}

.cv-legal[b-mrt6w1ei2c]  th,
.cv-legal[b-mrt6w1ei2c]  td {
    padding: 8px 12px 8px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    text-align: left;
    vertical-align: top;
}

.cv-legal[b-mrt6w1ei2c]  th {
    font-weight: var(--fontWeightSemibold);
}

/* A fact still to be filled in (LegalFact). Meant to be noticed. */
.cv-legal[b-mrt6w1ei2c]  .cv-legal-missing {
    padding: 0 4px;
    border-radius: var(--borderRadiusSmall);
    background: var(--colorPaletteYellowBackground2);
    color: var(--colorNeutralForeground1);
    font-weight: var(--fontWeightSemibold);
}
/* /Components/Pages/PublicCommunity.razor.rz.scp.css */
/* A profile: the banner with the logo over its edge, then the page in two columns (what's on at the left, ways in
   at the right). The main column keeps a readable measure (760px). */
.cv-public[b-x7x4c10tlo] {
    max-width: 1152px;
    margin: 16px auto 0;
}

/* The owner's banner, or a band of their colour (Civitas's when they chose none) for the logo to sit over. */
.cv-public-cover[b-x7x4c10tlo] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 1;
    max-height: 320px;
    object-fit: cover;
    border-radius: var(--borderRadiusXLarge);
    background: var(--colorNeutralBackground3);
}

.cv-public-band[b-x7x4c10tlo] {
    height: 160px;
    border-radius: var(--borderRadiusXLarge);
    background: var(--cv-accent, var(--colorBrandBackground));
}

.cv-public-head[b-x7x4c10tlo] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 16px 24px;
    padding: 0 32px;
    margin-top: -64px;
}

.cv-public-logo[b-x7x4c10tlo] {
    flex: none;
    width: 128px;
    height: 128px;
    box-sizing: border-box;
    border: 4px solid var(--colorNeutralBackground2);
    border-radius: var(--borderRadiusXLarge);
    object-fit: cover;
    background: var(--colorNeutralBackground3);
    box-shadow: var(--shadow4);
}

.cv-public-initials[b-x7x4c10tlo] {
    display: grid;
    place-items: center;
    background: var(--cv-accent, var(--cv-civic-soft));
    color: var(--cv-on-accent, var(--colorBrandForeground1));
    font-size: var(--fontSizeHero800);
    font-weight: var(--fontWeightSemibold);
}

.cv-public-title[b-x7x4c10tlo] {
    flex: 1 1 240px;
    min-width: 0;
    /* Below the banner, which the logo overlaps. */
    margin-top: 72px;
    padding-bottom: 4px;
}

.cv-public-name[b-x7x4c10tlo] {
    font-size: var(--fontSizeHero800);
    line-height: var(--lineHeightHero800);
    font-weight: var(--fontWeightBold);
    letter-spacing: -0.01em;
    margin: 0;
    overflow-wrap: anywhere;
}

.cv-public-facts[b-x7x4c10tlo] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    align-items: center;
    margin: 4px 0 0;
    color: var(--colorNeutralForeground2);
}

.cv-public-rating[b-x7x4c10tlo] {
    padding: 0 8px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase300);
}

.cv-public-actions[b-x7x4c10tlo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 8px;
}

.cv-public-actions[b-x7x4c10tlo]  .cv-button-primary {
    gap: 8px;
}

.cv-public-topics[b-x7x4c10tlo] {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0 32px 0 184px;
}

.cv-public-topics li[b-x7x4c10tlo] {
    padding: 2px 12px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground3);
    color: var(--colorNeutralForeground2);
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
}

.cv-public-private[b-x7x4c10tlo] {
    padding: 0 32px;
    margin-top: 32px;
}

.cv-public-body[b-x7x4c10tlo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 32px;
    align-items: start;
    margin-top: 40px;
}

.cv-public-main[b-x7x4c10tlo] {
    display: grid;
    gap: 32px;
    min-width: 0;
}

.cv-public-side[b-x7x4c10tlo] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.cv-public-heading[b-x7x4c10tlo] {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
    margin: 0 0 12px;
}

.cv-public-heading-row[b-x7x4c10tlo] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.cv-public-heading-row a[b-x7x4c10tlo] {
    color: var(--colorBrandForegroundLink);
}

/* The owner's own words, with the little formatting FormattedText allows. */
.cv-public[b-x7x4c10tlo]  .cv-public-description {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase500);
    overflow-wrap: anywhere;
}

.cv-public[b-x7x4c10tlo]  .cv-public-description p,
.cv-public[b-x7x4c10tlo]  .cv-public-description ul {
    margin: 0 0 12px;
}

.cv-public[b-x7x4c10tlo]  .cv-public-description a {
    color: var(--colorBrandForegroundLink);
}

.cv-public-card[b-x7x4c10tlo] {
    margin: 0;
    padding: 8px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
    overflow: hidden;
}

.cv-public-card-heading[b-x7x4c10tlo] {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
    margin: 8px 8px 4px;
}

.cv-public-card[b-x7x4c10tlo]  .cv-public-map {
    margin: 4px 0 8px;
    border-radius: var(--borderRadiusMedium);
    overflow: hidden;
}

/* Rows inside a card: each a link (or a place, which opens its map card) with a picture or icon, a name and a line. */
.cv-public-rows[b-x7x4c10tlo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
}

.cv-public-divided > li + li[b-x7x4c10tlo] {
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-public-rows a[b-x7x4c10tlo],
.cv-public-rows[b-x7x4c10tlo]  .cv-public-place {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 12px;
    align-items: start;
    padding: 8px;
    border: none;
    border-radius: var(--borderRadiusMedium);
    background: none;
    color: var(--colorNeutralForeground1);
    text-decoration: none;
}

.cv-public-rows[b-x7x4c10tlo]  .cv-public-place {
    width: 100%;
    box-sizing: border-box;
    text-align: start;
    font: inherit;
    cursor: pointer;
}

.cv-public-rows a:hover[b-x7x4c10tlo],
.cv-public-rows[b-x7x4c10tlo]  .cv-public-place:hover {
    background: var(--colorNeutralBackground1Hover);
}

.cv-public-rows a:focus-visible[b-x7x4c10tlo],
.cv-public-rows[b-x7x4c10tlo]  .cv-public-place:focus-visible {
    outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.cv-public-rows a:has(.cv-public-insignia)[b-x7x4c10tlo],
.cv-public-rows[b-x7x4c10tlo]  .cv-public-place:has(.cv-public-insignia) {
    grid-template-columns: 40px 1fr;
    align-items: center;
}

.cv-public-rows[b-x7x4c10tlo]  .cv-public-place:has(.cv-public-snapshot) {
    grid-template-columns: 56px 1fr;
}

.cv-public-rows[b-x7x4c10tlo]  :is(a, .cv-public-place) > svg {
    margin-top: 1px;
    color: var(--cv-accent, var(--colorBrandForeground1));
}

.cv-public-rows strong[b-x7x4c10tlo],
.cv-public-rows .cv-small[b-x7x4c10tlo] {
    display: block;
    overflow-wrap: anywhere;
}

.cv-public-insignia[b-x7x4c10tlo] {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: var(--borderRadiusMedium);
    background: url("/images/sl/Generic_Group_Large.png") center / cover;
}

/* A place's picture is landscape, like SL's snapshots. */
.cv-public-snapshot[b-x7x4c10tlo] {
    width: 56px;
}

.cv-public-insignia img[b-x7x4c10tlo] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--colorNeutralBackground1);
}

.cv-public-insignia img[hidden][b-x7x4c10tlo] {
    display: none;
}

/* A place: the region's map tile (set on the element) behind the parcel's picture. */
.cv-public-insignia[style][b-x7x4c10tlo] {
    background-size: cover;
    background-position: center;
}

/* A Discord server's picture; without one (or if it doesn't load) just a quiet square. */
.cv-public-discord[b-x7x4c10tlo] {
    border-radius: var(--borderRadiusCircular);
    background: var(--colorNeutralBackground3);
}

/* An event's day, where a group has its picture: the month over the date, in the community's colour. */
.cv-public-date[b-x7x4c10tlo] {
    height: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--cv-accent, var(--cv-civic-soft));
    color: var(--cv-on-accent, var(--colorBrandForeground1));
    font-size: var(--fontSizeBase100);
    line-height: 1.1;
    text-transform: uppercase;
}

.cv-public-rows .cv-public-date strong[b-x7x4c10tlo] {
    font-size: var(--fontSizeBase500);
    line-height: 1.1;
}

/* Recent notices: plain text as SL has it, newest first. */
.cv-public-notices[b-x7x4c10tlo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.cv-public-notices li[b-x7x4c10tlo] {
    padding: 16px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground1);
}

.cv-public-notice-head[b-x7x4c10tlo] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px 12px;
}

.cv-public-notices h3[b-x7x4c10tlo] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-public-notices p[b-x7x4c10tlo] {
    margin: 6px 0 0;
}

.cv-public-notice-text[b-x7x4c10tlo] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cv-public-appeal[b-x7x4c10tlo] {
    margin-top: 40px;
    padding-top: 16px;
    border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

/* One column: the ways in follow what's on. */
@media (max-width: 960px) {
    .cv-public-body[b-x7x4c10tlo] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 768px) {
    .cv-public-band[b-x7x4c10tlo] {
        height: 96px;
    }

    /* Stacked: the logo over the banner's edge, then the name and the buttons under it. */
    .cv-public-head[b-x7x4c10tlo] {
        flex-direction: column;
        align-items: flex-start;
        padding: 0 16px;
        margin-top: -40px;
        gap: 12px;
    }

    .cv-public-title[b-x7x4c10tlo] {
        flex: none;
        margin-top: 0;
        padding-bottom: 0;
    }

    .cv-public-actions[b-x7x4c10tlo] {
        padding-bottom: 0;
    }

    .cv-public-logo[b-x7x4c10tlo] {
        width: 80px;
        height: 80px;
        border-width: 3px;
    }

    .cv-public-initials[b-x7x4c10tlo] {
        font-size: var(--fontSizeHero700);
    }

    .cv-public-name[b-x7x4c10tlo] {
        font-size: var(--fontSizeHero700);
        line-height: var(--lineHeightHero700);
    }

    .cv-public-topics[b-x7x4c10tlo],
    .cv-public-private[b-x7x4c10tlo] {
        padding: 0 16px;
    }
}
/* /Components/Pages/PublicEvent.razor.rz.scp.css */
/* A reading page, like the community's public page: a readable measure, centred. */
.cv-event-public[b-cwie0dqqsf] {
    max-width: 800px;
    margin: 16px auto 0;
}

.cv-event-public p[b-cwie0dqqsf] {
    margin: 0 0 8px;
}

.cv-event-public-community a[b-cwie0dqqsf] {
    color: var(--cv-accent, var(--colorBrandForegroundLink));
    font-weight: var(--fontWeightSemibold);
    text-decoration: none;
}

.cv-event-public-community a:hover[b-cwie0dqqsf] {
    text-decoration: underline;
}

.cv-event-public-picture[b-cwie0dqqsf] {
    display: block;
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    margin: 8px 0 24px;
    border-radius: var(--borderRadiusXLarge);
    background: var(--colorNeutralBackground3);
}

.cv-event-public-category[b-cwie0dqqsf] {
    display: inline-block;
    padding: 2px 12px;
    margin-bottom: 8px;
    border-radius: var(--borderRadiusCircular);
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
}

.cv-event-public-title[b-cwie0dqqsf] {
    font-size: var(--fontSizeHero800);
    line-height: var(--lineHeightHero800);
    font-weight: var(--fontWeightBold);
    letter-spacing: -0.01em;
    margin: 0 0 8px;
    overflow-wrap: anywhere;
}

.cv-event-public-when[b-cwie0dqqsf] {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
}

.cv-event-public-cancelled[b-cwie0dqqsf] {
    padding: 8px 12px;
    border-radius: var(--borderRadiusMedium);
    background: var(--colorPaletteYellowBackground1);
    color: var(--colorNeutralForeground1);
}

.cv-event-public-facts[b-cwie0dqqsf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    margin: 16px 0;
    color: var(--colorNeutralForeground2);
}

.cv-event-public-actions[b-cwie0dqqsf] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 16px 0 8px;
}

.cv-event-public-section[b-cwie0dqqsf] {
    margin-top: 32px;
}

.cv-event-public-heading[b-cwie0dqqsf] {
    font-size: var(--fontSizeBase500);
    line-height: var(--lineHeightBase500);
    font-weight: var(--fontWeightSemibold);
    margin-bottom: 12px;
}

.cv-event-public[b-cwie0dqqsf]  .cv-event-public-description {
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    overflow-wrap: anywhere;
}

.cv-event-public-times[b-cwie0dqqsf] {
    margin: 0;
    padding-left: 20px;
}

.cv-event-public-times li[b-cwie0dqqsf] {
    margin-bottom: 6px;
}

.cv-event-public .cv-event-public-more[b-cwie0dqqsf] {
    margin-top: 40px;
}

@media (max-width: 768px) {
    .cv-event-public-title[b-cwie0dqqsf] {
        font-size: var(--fontSizeHero700);
        line-height: var(--lineHeightHero700);
    }
}

.cv-event-public[b-cwie0dqqsf]  .cv-event-public-map {
    margin-top: 24px;
}
/* /Components/Pages/Support/NewSupportRequest.razor.rz.scp.css */
.cv-support-form[b-0hui2dfl11] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-support-form[b-0hui2dfl11]  fluent-field {
    margin-block: 0;
}

.cv-support-notes[b-0hui2dfl11] {
    margin: 0;
    padding-inline-start: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* /Components/Pages/Support/SupportPicturePicker.razor.rz.scp.css */
.cv-support-pictures[b-ifwk8iyavn] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.cv-support-picture-problem[b-ifwk8iyavn] {
    margin: 4px 0 0;
    color: var(--colorPaletteRedForeground1);
}
/* /Components/Pages/Support/SupportRequest.razor.rz.scp.css */
.cv-support-thread[b-fgvchgd7o6] {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-support-thread li[b-fgvchgd7o6] {
    padding: 12px 16px;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusLarge);
    background: var(--colorNeutralBackground2);
}

/* Civitas staff's replies carry the brand colour down their edge. */
.cv-support-thread li.cv-support-staff[b-fgvchgd7o6] {
    border-inline-start: 3px solid var(--colorBrandStroke1);
    background: var(--colorNeutralBackground1);
}

.cv-support-who[b-fgvchgd7o6] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 4px;
}

.cv-support-text[b-fgvchgd7o6] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cv-support-thumbs[b-fgvchgd7o6] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.cv-support-thumbs img[b-fgvchgd7o6] {
    display: block;
    width: 120px;
    height: 90px;
    object-fit: cover;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
}

.cv-support-reply[b-fgvchgd7o6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-support-reply[b-fgvchgd7o6]  fluent-field {
    margin-block: 0;
}

.cv-support-link[b-fgvchgd7o6] {
    overflow-wrap: anywhere;
}
/* /Components/Pages/Support/SupportRequests.razor.rz.scp.css */
.cv-support-subject[b-ptk72pyuph] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.cv-support-unread[b-ptk72pyuph] {
    font-weight: var(--fontWeightSemibold);
}
/* /Components/Shared/AddCredit.razor.rz.scp.css */
.cv-add-credit[b-8bf4btnfve] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 8px;
    padding: 0;
    list-style: none;
}

.cv-add-credit li[b-8bf4btnfve] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.cv-add-credit li[b-8bf4btnfve]  svg {
    flex: none;
    margin-top: 2px;
    color: var(--colorNeutralForeground3);
}
/* /Components/Shared/AddRoleMenu.razor.rz.scp.css */
/* The roles to pick from, as long as the longest name and scrolling past ten or so. */
[b-zomaf685j7] .cv-add-role-list {
    max-height: 320px;
    overflow-y: auto;
    min-width: 160px;
}
/* /Components/Shared/AutomationEditor.razor.rz.scp.css */
.cv-automation[b-1se04i3sjl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--colorNeutralStroke2);
}

.cv-automation-heading[b-1se04i3sjl] {
    margin: 0;
    font-size: var(--fontSizeBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-automation p[b-1se04i3sjl] {
    margin: 0;
}

.cv-automation-steps[b-1se04i3sjl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-automation-step[b-1se04i3sjl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background: var(--colorNeutralBackground2);
}

.cv-automation-step-head[b-1se04i3sjl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
}

.cv-automation-step-label[b-1se04i3sjl] {
    font-weight: var(--fontWeightSemibold);
}

.cv-automation-step-buttons[b-1se04i3sjl] {
    display: flex;
    gap: 4px;
    margin-inline-start: auto;
}

.cv-automation-problem[b-1se04i3sjl] {
    color: var(--colorPaletteRedForeground1);
}

/* The actions to add, each with what it does (or why it can't be added) under its name. */
.cv-automation-menu[b-1se04i3sjl] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: min(380px, calc(100vw - 32px));
    max-height: min(480px, 70vh);
    overflow-y: auto;
}

.cv-automation-choice[b-1se04i3sjl] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 8px 10px;
    border: 0;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: var(--colorNeutralForeground1);
    font: inherit;
    font-size: var(--fontSizeBase300);
    text-align: start;
    white-space: normal;
    cursor: pointer;
}

.cv-automation-choice:hover:not(:disabled)[b-1se04i3sjl] {
    background: var(--colorSubtleBackgroundHover);
}

.cv-automation-choice:focus-visible[b-1se04i3sjl] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

.cv-automation-choice:disabled[b-1se04i3sjl] {
    color: var(--colorNeutralForegroundDisabled);
    cursor: default;
}

.cv-automation-choice-label[b-1se04i3sjl] {
    font-weight: var(--fontWeightSemibold);
}
/* /Components/Shared/Calendar.razor.rz.scp.css */
/* The shared calendar (Calendar.razor): team schedules and the community's events. */

/* The bar: Today, back and forward, what's shown, then the views. */
.cv-cal-bar[b-14ywarlzzs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    margin-bottom: 12px;
}

.cv-cal-nav[b-14ywarlzzs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.cv-cal-title[b-14ywarlzzs] {
    margin: 0 0 0 4px;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-cal-views[b-14ywarlzzs] {
    display: flex;
    gap: 8px;
}

/* Native buttons in the calendar look like nothing until hovered. */
.cv-cal button[b-14ywarlzzs] {
    font: inherit;
    color: inherit;
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
}

.cv-cal button:focus-visible[b-14ywarlzzs] {
    outline: 2px solid var(--colorStrokeFocus2);
    outline-offset: -2px;
}

/* Day and week: hours down the side, a column a day. The hours scroll inside the panel; the day names stay put. */
.cv-cal-scroll[b-14ywarlzzs] {
    max-height: 600px;
    overflow-y: auto;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
}

.cv-cal-time[b-14ywarlzzs] {
    /* The day names' height, which the whole-day row sticks under. */
    --cv-cal-head: 68px;
    display: grid;
    grid-template-columns: 64px repeat(var(--cv-cal-days), minmax(0, 1fr));
    grid-template-rows: auto calc(24 * var(--cv-cal-hour));
}

.cv-cal-week[b-14ywarlzzs] {
    min-width: 760px;
}

.cv-cal-corner[b-14ywarlzzs],
.cv-cal-dayhead[b-14ywarlzzs] {
    box-sizing: border-box;
    height: var(--cv-cal-head);
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--colorNeutralBackground1);
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.cv-cal-corner[b-14ywarlzzs] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 8px 6px 0;
    font-size: var(--fontSizeBase100);
    color: var(--colorNeutralForeground3);
}

.cv-cal .cv-cal-dayhead[b-14ywarlzzs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 8px 4px;
    border-left: 1px solid var(--colorNeutralStroke2);
    border-bottom: 1px solid var(--colorNeutralStroke2);
    background: var(--colorNeutralBackground1);
}

.cv-cal .cv-cal-dayhead:not(:disabled):hover[b-14ywarlzzs] {
    background: var(--colorNeutralBackground1Hover);
}

.cv-cal .cv-cal-dayhead:disabled[b-14ywarlzzs] {
    cursor: default;
}

.cv-cal-dayhead span[b-14ywarlzzs] {
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
}

.cv-cal-dayhead strong[b-14ywarlzzs] {
    display: grid;
    place-items: center;
    min-width: 32px;
    height: 32px;
    border-radius: var(--borderRadiusCircular);
    font-size: var(--fontSizeBase500);
    font-weight: var(--fontWeightSemibold);
}

.cv-cal-today.cv-cal-dayhead strong[b-14ywarlzzs],
.cv-cal-today .cv-cal-date[b-14ywarlzzs] {
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
}

.cv-cal-hours[b-14ywarlzzs] {
    position: relative;
}

.cv-cal-hours span[b-14ywarlzzs] {
    position: absolute;
    right: 8px;
    transform: translateY(-50%);
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
    white-space: nowrap;
}

.cv-cal-col[b-14ywarlzzs] {
    position: relative;
    display: grid;
    grid-template-rows: repeat(24, var(--cv-cal-hour));
    border-left: 1px solid var(--colorNeutralStroke2);
}

.cv-cal .cv-cal-slot[b-14ywarlzzs] {
    display: block;
    width: 100%;
    border-top: 1px solid var(--colorNeutralStroke3);
}

.cv-cal .cv-cal-slot:first-child[b-14ywarlzzs] {
    border-top: 0;
}

.cv-cal button.cv-cal-slot:hover[b-14ywarlzzs] {
    background: var(--colorNeutralBackground1Hover);
}

/* A shift: in its person's colour, yours with a stronger edge, past ones faded. */
.cv-cal .cv-cal-shift[b-14ywarlzzs] {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    margin-left: 2px;
    padding: 3px 6px;
    overflow: hidden;
    text-align: left;
    background: var(--cv-cal-bg);
    color: var(--cv-cal-fg);
    border-left: 3px solid var(--cv-cal-fg);
    border-radius: var(--borderRadiusMedium);
    box-shadow: 0 0 0 1px var(--colorNeutralBackground1);
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
}

.cv-cal .cv-cal-shift:hover[b-14ywarlzzs] {
    z-index: 2;
    box-shadow: var(--shadow4);
}

.cv-cal-shift strong[b-14ywarlzzs],
.cv-cal-shift span[b-14ywarlzzs] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-cal-shift strong[b-14ywarlzzs] {
    font-weight: var(--fontWeightSemibold);
}

.cv-cal-note[b-14ywarlzzs] {
    opacity: 0.85;
}

.cv-cal .cv-cal-yours[b-14ywarlzzs] {
    border-left-width: 5px;
    font-weight: var(--fontWeightSemibold);
}

.cv-cal .cv-cal-past[b-14ywarlzzs] {
    opacity: 0.55;
}

/* Now, across today's column. */
.cv-cal-now[b-14ywarlzzs] {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    height: 2px;
    background: var(--colorPaletteRedForeground1);
    pointer-events: none;
}

.cv-cal-now[b-14ywarlzzs]::before {
    content: "";
    position: absolute;
    left: -5px;
    top: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--colorPaletteRedForeground1);
}

/* Month: a week a row, each day with its first few shifts. */
.cv-cal-month[b-14ywarlzzs] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    min-width: 640px;
    border-top: 1px solid var(--colorNeutralStroke2);
    border-left: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
}

.cv-cal-weekday[b-14ywarlzzs] {
    padding: 6px 8px;
    font-size: var(--fontSizeBase200);
    color: var(--colorNeutralForeground3);
    border-right: 1px solid var(--colorNeutralStroke2);
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.cv-cal-mday[b-14ywarlzzs] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    min-height: 112px;
    padding: 4px 4px 8px;
    border-right: 1px solid var(--colorNeutralStroke2);
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.cv-cal-other[b-14ywarlzzs] {
    background: var(--colorNeutralBackground2);
}

.cv-cal-other .cv-cal-date[b-14ywarlzzs] {
    color: var(--colorNeutralForeground3);
}

/* The empty part of a day schedules a shift that day; what's on it sits above. */
.cv-cal .cv-cal-mday-add[b-14ywarlzzs] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.cv-cal .cv-cal-mday-add:hover[b-14ywarlzzs] {
    background: var(--colorNeutralBackground1Hover);
}

.cv-cal .cv-cal-date[b-14ywarlzzs],
.cv-cal .cv-cal-chip[b-14ywarlzzs],
.cv-cal .cv-cal-more[b-14ywarlzzs] {
    position: relative;
    z-index: 1;
}

.cv-cal .cv-cal-date[b-14ywarlzzs] {
    align-self: flex-start;
    display: grid;
    place-items: center;
    min-width: 28px;
    height: 28px;
    padding: 0 4px;
    border-radius: var(--borderRadiusCircular);
    font-weight: var(--fontWeightSemibold);
}

.cv-cal .cv-cal-date:hover[b-14ywarlzzs] {
    text-decoration: underline;
}

.cv-cal .cv-cal-chip[b-14ywarlzzs] {
    display: flex;
    gap: 4px;
    padding: 2px 6px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    background: var(--cv-cal-bg);
    color: var(--cv-cal-fg);
    border-left: 3px solid var(--cv-cal-fg);
    border-radius: var(--borderRadiusSmall);
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
}

.cv-cal-chip-time[b-14ywarlzzs] {
    flex: none;
    font-weight: var(--fontWeightSemibold);
}

.cv-cal-chip-name[b-14ywarlzzs] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.cv-cal .cv-cal-more[b-14ywarlzzs] {
    align-self: flex-start;
    padding: 0 6px;
    font-size: var(--fontSizeBase200);
    color: var(--colorBrandForegroundLink);
}

.cv-cal .cv-cal-more:hover[b-14ywarlzzs] {
    text-decoration: underline;
}

/* Day and week: the hours, with the shifts they show listed on the right; below them on narrower screens. */
.cv-cal-split[b-14ywarlzzs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 16px;
    align-items: start;
}

@media (max-width: 1100px) {
    .cv-cal-split[b-14ywarlzzs] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.cv-cal-list[b-14ywarlzzs] {
    max-height: 600px;
    overflow-y: auto;
    padding: 12px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
}

@media (max-width: 1100px) {
    .cv-cal-list[b-14ywarlzzs] {
        max-height: none;
    }
}

.cv-cal-list-title[b-14ywarlzzs] {
    margin: 0 0 8px;
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

.cv-cal-list-day[b-14ywarlzzs] {
    margin: 12px 0 4px;
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground3);
}

.cv-cal-list-today[b-14ywarlzzs] {
    color: var(--colorBrandForeground1);
}

.cv-cal-list-items[b-14ywarlzzs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-cal .cv-cal-row[b-14ywarlzzs] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    padding: 6px 8px;
    text-align: left;
    border-left: 3px solid var(--cv-cal-fg);
    border-radius: var(--borderRadiusMedium);
}

.cv-cal .cv-cal-row:hover[b-14ywarlzzs] {
    background: var(--colorNeutralBackground1Hover);
}

.cv-cal .cv-cal-row.cv-cal-yours[b-14ywarlzzs] {
    border-left-width: 5px;
    font-weight: inherit;
}

.cv-cal-row-text[b-14ywarlzzs] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
}

.cv-cal-row-text strong[b-14ywarlzzs] {
    font-size: var(--fontSizeBase300);
    font-weight: var(--fontWeightSemibold);
}

.cv-cal-row-text span[b-14ywarlzzs] {
    color: var(--colorNeutralForeground2);
}

/* Whole-day items: a row under the day names, above the hours. */
.cv-cal-has-allday[b-14ywarlzzs] {
    grid-template-rows: auto auto calc(24 * var(--cv-cal-hour));
}

.cv-cal-allday-label[b-14ywarlzzs],
.cv-cal-allday[b-14ywarlzzs] {
    position: sticky;
    top: var(--cv-cal-head);
    z-index: 3;
    background: var(--colorNeutralBackground1);
}

.cv-cal-allday-label[b-14ywarlzzs] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 8px;
    font-size: var(--fontSizeBase100);
    color: var(--colorNeutralForeground3);
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.cv-cal-allday[b-14ywarlzzs] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 4px 2px;
    border-left: 1px solid var(--colorNeutralStroke2);
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

/* Cancelled: struck through, and faded like the past. */
/* Open: waiting for someone to take it, so an outline rather than a fill. */
.cv-cal .cv-cal-shift.cv-cal-open[b-14ywarlzzs],
.cv-cal .cv-cal-chip.cv-cal-open[b-14ywarlzzs] {
    background: var(--colorNeutralBackground1);
    border: 1px dashed var(--cv-cal-fg);
    border-left: 3px dashed var(--cv-cal-fg);
}

.cv-cal .cv-cal-row.cv-cal-open[b-14ywarlzzs] {
    border-left-style: dashed;
}

.cv-cal .cv-cal-cancelled[b-14ywarlzzs] {
    opacity: 0.55;
}

.cv-cal-cancelled strong[b-14ywarlzzs],
.cv-cal-cancelled .cv-cal-chip-name[b-14ywarlzzs] {
    text-decoration: line-through;
}
/* /Components/Shared/CheckList.razor.rz.scp.css */
.cv-checks[b-nljqxm0aya] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.cv-checks li[b-nljqxm0aya] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.cv-checks li > div[b-nljqxm0aya] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* The icon keeps its size when the text beside it wraps. */
.cv-checks li[b-nljqxm0aya]  svg {
    flex: none;
}
/* /Components/Shared/CommunityShell.razor.rz.scp.css */
.cv-shell-error[b-hvbytvr1ld] {
    margin-bottom: 16px;
}
/* /Components/Shared/ConditionsEditor.razor.rz.scp.css */
/* A group of conditions: one to a row, in a box of their own inside what they're for. */
.cv-conditions[b-yn0gacem2f] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px;
    border-inline-start: 2px solid var(--colorBrandStroke1);
    background: var(--colorNeutralBackground1);
    border-radius: var(--borderRadiusMedium);
}

.cv-conditions-head[b-yn0gacem2f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 32px;
}

.cv-conditions-label[b-yn0gacem2f] {
    font-weight: var(--fontWeightSemibold);
}

.cv-conditions-add[b-yn0gacem2f] {
    align-self: flex-start;
}

/* A condition's boxes wrap onto more lines in a narrow space, and its remove button stays at the end of the first. */
.cv-condition[b-yn0gacem2f] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.cv-condition-fields[b-yn0gacem2f] {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

/* Fluent's dropdowns keep a minimum width wider than a short one's, which ran them into each other. */
.cv-condition-fields[b-yn0gacem2f]  fluent-dropdown,
.cv-condition-fields[b-yn0gacem2f]  fluent-text-input {
    min-width: 0;
    max-width: 100%;
}

/* A line between conditions, since one can take several lines. */
.cv-condition + .cv-condition[b-yn0gacem2f] {
    padding-top: 8px;
    border-top: 1px solid var(--colorNeutralStroke3);
}

/* The small remove button, level with the middle of the first line's boxes. */
.cv-condition[b-yn0gacem2f] >  fluent-button {
    margin-top: 4px;
}
/* /Components/Shared/FormAnswers.razor.rz.scp.css */
.cv-answers[b-ho3jednzht] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
}

.cv-answers-section h3[b-ho3jednzht] {
    margin: 8px 0 0;
    font-size: var(--fontSizeBase400);
    line-height: var(--lineHeightBase400);
    font-weight: var(--fontWeightSemibold);
}

.cv-answers-section p[b-ho3jednzht] {
    margin: 4px 0 0;
}

.cv-answers-item dt[b-ho3jednzht] {
    font-weight: var(--fontWeightSemibold);
}

.cv-answers-item dd[b-ho3jednzht] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    margin: 4px 0 0;
}

/* Text people wrote keeps its line breaks. */
.cv-answers-text[b-ho3jednzht] {
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.cv-answers-key[b-ho3jednzht] {
    font-family: var(--fontFamilyMonospace);
    overflow-wrap: anywhere;
}

.cv-answers-pictures[b-ho3jednzht] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cv-answers-pictures img[b-ho3jednzht] {
    display: block;
    width: 160px;
    height: 120px;
    object-fit: cover;
    border-radius: var(--borderRadiusMedium);
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-answers-list[b-ho3jednzht] {
    margin: 0;
    padding-inline-start: 20px;
}

.cv-answers-plain[b-ho3jednzht] {
    list-style: none;
    padding: 0;
}

.cv-answers-scroll[b-ho3jednzht] {
    overflow-x: auto;
    max-width: 100%;
}

.cv-answers-table[b-ho3jednzht] {
    border-collapse: collapse;
}

.cv-answers-table th[b-ho3jednzht],
.cv-answers-table td[b-ho3jednzht] {
    padding: 4px 12px 4px 0;
    text-align: start;
    vertical-align: top;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-answers-table th[b-ho3jednzht] {
    font-weight: var(--fontWeightRegular);
    color: var(--colorNeutralForeground2);
}

.cv-answers-table thead th[b-ho3jednzht] {
    font-weight: var(--fontWeightSemibold);
    color: var(--colorNeutralForeground1);
}

.cv-answers-signature[b-ho3jednzht] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

/* A drawn signature is dark ink on white, so it reads the same in dark mode. */
.cv-answers-signature img[b-ho3jednzht] {
    display: block;
    max-width: 320px;
    width: 100%;
    background: #fff;
    border-radius: var(--borderRadiusMedium);
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-answers-signed[b-ho3jednzht] {
    font-family: "Segoe Script", "Brush Script MT", "Snell Roundhand", cursive;
    font-size: var(--fontSizeBase500);
}
/* /Components/Shared/FormResult.razor.rz.scp.css */
.cv-result[b-j1wiwazqpw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-result-score[b-j1wiwazqpw] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin: 0;
}

.cv-result-points[b-j1wiwazqpw] {
    font-size: var(--fontSizeBase600);
    font-weight: var(--fontWeightSemibold);
}

.cv-result-verdict[b-j1wiwazqpw] {
    padding: 2px 8px;
    border-radius: var(--borderRadiusMedium);
    font-size: var(--fontSizeBase200);
    font-weight: var(--fontWeightSemibold);
}

.cv-result-passed[b-j1wiwazqpw] {
    color: var(--colorPaletteGreenForeground1);
    background: var(--colorPaletteGreenBackground1);
}

.cv-result-failed[b-j1wiwazqpw] {
    color: var(--colorPaletteRedForeground1);
    background: var(--colorPaletteRedBackground1);
}

.cv-result-marks[b-j1wiwazqpw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-result-marks li[b-j1wiwazqpw] {
    display: flex;
    gap: 8px;
}

.cv-result-mark[b-j1wiwazqpw] {
    width: 20px;
    flex: none;
    font-weight: var(--fontWeightSemibold);
    text-align: center;
}

.cv-result-right .cv-result-mark[b-j1wiwazqpw] {
    color: var(--colorPaletteGreenForeground1);
}

.cv-result-wrong .cv-result-mark[b-j1wiwazqpw] {
    color: var(--colorPaletteRedForeground1);
}

.cv-result-question[b-j1wiwazqpw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    overflow-wrap: anywhere;
}
/* /Components/Shared/GetCore.razor.rz.scp.css */
.cv-get-core[b-pfprpk5fow] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-get-core p[b-pfprpk5fow] {
    margin: 0;
}
/* /Components/Shared/PermissionPicker.razor.rz.scp.css */
.cv-picker[b-vt6zn258b2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

.cv-picker-group[b-vt6zn258b2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: none;
}

.cv-picker-group legend[b-vt6zn258b2] {
    margin-bottom: 4px;
}

/* Fluent wraps each checkbox in a field with 12px margins and an empty message line; a checklist needs neither. */
.cv-picker-group[b-vt6zn258b2]  fluent-field {
    margin-block: 0;
}

.cv-picker-group[b-vt6zn258b2]  fluent-text[slot="message"]:empty {
    display: none;
}

/* The permission's code, under its plain name: there to match the help and the audit log, but quieter. */
.cv-picker-code[b-vt6zn258b2] {
    font-family: var(--fontFamilyMonospace);
    color: var(--colorNeutralForeground3);
}
/* /Components/Shared/ProfileSectionPanel.razor.rz.scp.css */
.cv-profile-empty[b-8p3niks0pz] {
    margin: 0;
}

.cv-profile-list[b-8p3niks0pz] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-profile-item[b-8p3niks0pz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 0;
    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.cv-profile-item:first-child[b-8p3niks0pz] {
    padding-top: 0;
}

.cv-profile-item:last-child[b-8p3niks0pz] {
    padding-bottom: 0;
    border-bottom: none;
}

.cv-profile-heading[b-8p3niks0pz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.cv-profile-detail[b-8p3niks0pz] {
    overflow-wrap: anywhere;
    white-space: pre-line;
}
/* /Components/Shared/SlEventRulesText.razor.rz.scp.css */
.cv-sl-rules p[b-pvrazoe48w],
.cv-sl-rules li[b-pvrazoe48w] {
    margin: 0 0 var(--spacingVerticalS);
    font-size: var(--fontSizeBase200);
    line-height: var(--lineHeightBase200);
}

.cv-sl-rules ul[b-pvrazoe48w] {
    margin: 0 0 var(--spacingVerticalS);
    padding-inline-start: var(--spacingHorizontalXL);
}
/* /Components/Shared/SpecialOffers.razor.rz.scp.css */
.cv-offers[b-viwi7ohs1y] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cv-offer-list[b-viwi7ohs1y] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cv-offer[b-viwi7ohs1y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--colorNeutralStroke2);
}

.cv-offer-text[b-viwi7ohs1y] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}