:root, :host {
    --blur-sm: 0.5rem;
    --breakpoint-2xl: 96rem;
    --breakpoint-lg: 64rem;
    --breakpoint-md: 48rem;
    --breakpoint-sm: 40rem;
    --breakpoint-xl: 80rem;
    --color-article: #8c13dc;
    --color-audio: #572430;
    --color-black: #000;
    --color-canvas: #f9f1e8;
    --color-collection: #000000;
    --color-community: #44d7b6;
    --color-conference: #00a8eb;
    --color-course: #00a6ff;
    --color-danger: #ff375f;
    --color-dark-canvas: #e1d8ce;
    --color-dark-danger: #ff375f;
    --color-dark-fg: rgba(0,0,0,0.9);
    --color-dark-fg-bold: #000000;
    --color-dark-panels: #f8f4ef;
    --color-dark-primary: #ef7d1b;
    --color-dark-primary-fg: rgba(255,255,255,0.9);
    --color-dark-primary-fg-bold: #ffffff;
    --color-dark-primary-tint: #ffdec2;
    --color-dark-success: #0bbd38;
    --color-dark-warning: #ff7e00;
    --color-dashboard: #ff954e;
    --color-event: #059583;
    --color-fg: rgba(0,0,0,0.9);
    --color-fg-bold: #000000;
    --color-file: #ff954e;
    --color-form: #844a96;
    --color-fuchsia-500: oklch(0.667 0.295 322.15);
    --color-member: #bf9e72;
    --color-orange-700: oklch(0.553 0.195 38.402);
    --color-panels: #ffffff;
    --color-primary: #f58220;
    --color-primary-fg: rgba(255,255,255,0.9);
    --color-primary-fg-bold: #ffffff;
    --color-primary-tint: #fff0e3;
    --color-red-500: oklch(0.637 0.237 25.331);
    --color-sky-300: oklch(0.828 0.111 230.318);
    --color-sky-500: oklch(0.685 0.169 237.323);
    --color-sky-600: oklch(0.588 0.158 241.966);
    --color-slate-200: oklch(0.929 0.013 255.508);
    --color-slate-300: oklch(0.869 0.022 252.894);
    --color-slate-400: oklch(0.704 0.04 256.788);
    --color-slate-500: oklch(0.554 0.046 257.417);
    --color-success: #10d040;
    --color-teal-50: oklch(0.984 0.014 180.72);
    --color-teal-500: oklch(0.704 0.14 182.503);
    --color-teal-600: oklch(0.6 0.118 184.704);
    --color-tenant: #ff954e;
    --color-transparent: transparent;
    --color-user: #958b78;
    --color-video: #0a4793;
    --color-warning: #ff7e00;
    --color-white: #fff;
    --default-font-family: var(--font-sans, initial);
    --default-font-feature-settings: var(--font-sans--font-feature-settings, initial);
    --default-font-variation-settings: var(--font-sans--font-variation-settings, initial);
    --default-mono-font-family: var(--font-mono, initial);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings, initial);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings, initial);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --font-body: 'SFProDisplayWeb', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Font Awesome 6 Pro', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-body--font-feature-settings: normal;
    --font-body--font-variation-settings: normal;
    --font-mono: ui-monospace, 'SFMono-Regular', Menlo, Monaco, Consolas, monospace;
    --font-mono--font-feature-settings: normal;
    --font-mono--font-variation-settings: normal;
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-sans--font-feature-settings: normal;
    --font-sans--font-variation-settings: normal;
    --font-signature: 'LearningCurve';
    --font-signature--font-feature-settings: normal;
    --font-signature--font-variation-settings: normal;
    --font-weight-bold: 700;
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --radius-2xl: 1rem;
    --radius-lg: 0.5rem;
    --radius-md: 0.375rem;
    --radius-sm: 0.25rem;
    --radius-xl: 0.75rem;
    --spacing: 0.25rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1.1;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
}
*,
::after,
::before,
::backdrop,
::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
    outline-color: transparent;
    border-color: transparent;
}
html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family);
    font-feature-settings: var(--default-font-feature-settings);
    font-variation-settings: var(--default-font-variation-settings);
    -webkit-tap-highlight-color: transparent;
}
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp,
pre {
    font-family: var(--default-mono-font-family);
    font-feature-settings: var(--default-mono-font-feature-settings);
    font-variation-settings: var(--default-mono-font-variation-settings);
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}
:-moz-focusring {
    outline: auto;
}
progress {
    vertical-align: baseline;
}
summary {
    display: list-item;
}
ol,
ul,
menu {
    list-style: none;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle;
}
img,
video {
    max-width: 100%;
    height: auto;
}
button,
input,
select,
optgroup,
textarea,
::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
}
::file-selector-button {
    margin-inline-end: 4px;
}
::placeholder {
    opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
        color: color-mix(in oklab, currentColor 50%, transparent);
    }
}
textarea {
    resize: vertical;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
}
::-webkit-datetime-edit {
    display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
}
:-moz-ui-invalid {
    box-shadow: none;
}
button,
input:where([type='button'], [type='reset'], [type='submit']),
::file-selector-button {
    appearance: button;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
}
.form-input, .form-textarea, .form-select, .form-multiselect {
    display: block;
    width: 100%;
    appearance: none;
    background-color: var(--form-field-background-color);
    border-color: var(--form-field-border-color);
    border-width: var(--form-field-border-width);
    border-radius: var(--form-field-border-radius);
    padding: var(--form-field-padding);
    color: var(--form-field-color);
    font-size: 1rem;
    line-height: 1.2;
    --sf-shadow: 0 0 #0000;
    &:focus {
        outline: var(--form-field-focus-border-width) solid transparent;
        outline-offset: var(--form-field-focus-border-width);
        --sf-ring-inset: var(--empty, );
        --sf-ring-offset-width: 0px;
        --sf-ring-offset-color: #fff;
        --sf-ring-color: var(--form-field-focus-color);
        --sf-ring-offset-shadow: var(--sf-ring-inset) 0 0 0 var(--sf-ring-offset-width) var(--sf-ring-offset-color);
        --sf-ring-shadow: var(--sf-ring-inset) 0 0 0 calc(var(--form-field-focus-border-width) + var(--sf-ring-offset-width)) var(--sf-ring-color);
        box-shadow: var(--sf-ring-offset-shadow), var(--sf-ring-shadow), var(--sf-shadow);
        border-color: var(--form-field-border-color);
    }
}
.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2rem;
    print-color-adjust: exact;
    max-height: var(--form-field-max-height);
    &:where([size]:not([size="1"])) {
        background-image: initial;
        background-position: initial;
        background-repeat: unset;
        background-size: initial;
        padding-right: 0.75rem;
        print-color-adjust: unset;
    }
}
.form-input, .form-textarea {
    &::placeholder {
        opacity: 1;
        color: var(--form-field-placeholder-color);
    }
}
.form-input {
    &::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }
    &::-webkit-date-and-time-value {
        text-align: inherit;
    }
    &::-webkit-datetime-edit {
        display: inline-flex;
    }
    &::-webkit-datetime-edit,
    &::-webkit-datetime-edit-year-field,
    &::-webkit-datetime-edit-month-field,
    &::-webkit-datetime-edit-day-field,
    &::-webkit-datetime-edit-hour-field,
    &::-webkit-datetime-edit-minute-field,
    &::-webkit-datetime-edit-second-field,
    &::-webkit-datetime-edit-millisecond-field,
    &::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0;
    }
    &:not([type="button"]),
    &:not([type="checkbox"]),
    &:not([type="hidden"]),
    &:not([type="image"]),
    &:not([type="radio"]),
    &:not([type="reset"]),
    &:not([type="submit"]) {
        max-height: var(--form-field-max-height);
    }
}
.form-checkbox, .form-radio {
    display: inline-block;
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    vertical-align: middle;
    background-origin: border-box;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: var(--form-field-check-color);
    background-color: var(--form-field-background-color);
    border-color: var(--form-field-border-color);
    border-width: var(--form-field-border-width);
    cursor: pointer;
    --sf-shadow: 0 0 #0000;
    &:focus {
        outline: var(--form-field-focus-border-width) solid transparent;
        outline-offset: var(--form-field-focus-border-width);
        --sf-ring-inset: var(--sf-empty, );
        --sf-ring-offset-width: 0rem;
        --sf-ring-offset-color: #fff;
        --sf-ring-color: var(--form-field-focus-color);
        --sf-ring-offset-shadow: var(--sf-ring-inset) 0 0 0 var(--sf-ring-offset-width) var(--sf-ring-offset-color);
        --sf-ring-shadow: var(--sf-ring-inset) 0 0 0 calc(var(--form-field-focus-border-width) + var(--sf-ring-offset-width)) var(--sf-ring-color);
        box-shadow: var(--sf-ring-offset-shadow), var(--sf-ring-shadow), var(--sf-shadow);
    }
    &:checked {
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    &:checked:hover, &:checked:focus {
        border-color: transparent;
        background-color: currentColor;
    }
}
.form-checkbox {
    border-radius: var(--form-field-border-radius);
    &:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    }
    &:indeterminate {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        &:hover, &:focus {
            border-color: transparent;
            background-color: currentColor;
        }
    }
}
.form-radio {
    border-radius: 100%;
    &:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    }
}
[type="file"] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
    &:focus {
        outline: 1px auto -webkit-focus-ring-color;
    }
}
.form-button {
    display: inline-block;
    background-color: var(--form-button-bg-color);
    border-color: var(--form-button-bg-color);
    color: var(--form-button-color);
    border-radius: var(--form-field-border-radius);
    padding: var(--form-button-padding);
    max-height: var(--form-field-max-height);
    font-size: 1rem;
    line-height: 1.2;
    border-width: 1px;
    cursor: pointer;
    text-align: center;
    &:hover {
        background-color: var(--form-button-hover-bg-color);
        border-color: var(--form-button-hover-bg-color);
        color: var(--form-button-hover-color);
    }
}
[cs-avatar] {
    --avatar-size: 2.25rem;
    --tabp-avatar-size: 3.25rem;
    --tabl-avatar-size: 3.25rem;
    display: inline-block;
    position: relative;
    width: var(--avatar-size);
    height: var(--avatar-size);
    font-size: 0;
    @media (min-aspect-ratio: 0.625) {
        width: var(--tabp-avatar-size);
        height: var(--tabp-avatar-size);
    }
    .admin-badge {
        position: absolute;
        top: 0;
        right: -1.0rem;
        display: inline-block;
        overflow: hidden;
        border-radius: 50%;
        background-color: var(--cs-color-user);
        color: var(--cs-color-user-contrast);
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        font-size: 0.45rem;
        font-weight: 600;
        vertical-align: middle;
        text-align: center;
        @media (min-aspect-ratio: 0.625) {
            right: -1.0rem;
            width: 1.3rem;
            height: 1.3rem;
            line-height: 1.3rem;
            font-size: 0.6rem;
        }
    }
    .avatar {
        cursor: pointer;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        width: var(--avatar-size);
        height: var(--avatar-size);
        line-height: var(--avatar-size);
        vertical-align: middle;
        text-align: center;
        font-size: calc(var(--avatar-size) / 2.75);
        font-weight: 400;
        box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.05);
        @media (min-aspect-ratio: 0.625) {
            width: var(--tabp-avatar-size);
            height: var(--tabp-avatar-size);
            line-height: var(--tabp-avatar-size);
            font-size: calc(var(--tabp-avatar-size) / 2.75);
        }
        @media (min-aspect-ratio: 1.0) {
            width: var(--tabl-avatar-size);
            height: var(--tabl-avatar-size);
            line-height: var(--tabl-avatar-size);
            font-size: calc(var(--tabl-avatar-size) / 2.75);
        }
        &.photo {
            background-color: transparent;
        }
    }
}
[cs-single-value-pie-chart] {
    --value-color: #000000;
    --dark-value-color: #000000;
    --empty-color: #111111;
    --dark-empty-color: #111111;
    [cs-chart-container] {
        [cs-chart] {
            svg path[fill="Fuchsia"], svg path[fill="#ff00ff"] {
                fill: var(--value-color) !important;
            }
            svg path[fill="LightGray"], svg path[fill="#d3d3d3"] {
                fill: var(--empty-color) !important;
            }
        }
    }
    @media (prefers-color-scheme: dark) {
        [cs-chart-container] {
            [cs-chart] {
                svg path[fill="Fuchsia"], svg path[fill="#ff00ff"] {
                    fill: var(--dark-value-color) !important;
                }
                svg path[fill="LightGray"], svg path[fill="#d3d3d3"] {
                    fill: var(--dark-empty-color) !important;
                }
            }
        }
    }
}
[cs-flashcard-content-block] {
    perspective: 1000px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    height: 19rem;
    width: 19rem;
    padding: 1rem 0;
    overflow: visible;
    margin: auto;
    cursor: pointer;
    .flashcard-inner {
        position: absolute;
        height: 17rem;
        width: 17rem;
        will-change: transform;
        transition: transform 0.5s;
        transform-style: preserve-3d;
        margin: auto;
        overflow: visible;
        white-space: normal;
        & * {
            will-change: opacity;
            transition: opacity 0.8s;
        }
        &.flipped {
            transform: rotateY(-180deg);
            .flashcard-box:first-child {
                & * {
                    opacity: 0;
                }
            }
        }
        .flashcard-flip {
            position: absolute;
            right: 0.35rem;
            bottom: 0.35rem;
            padding: 0.15rem 0.25rem;
            border-radius: 0.15rem;
            line-height: 1;
            i {
                color: rgba(0, 0, 0, 0.25);
            }
            &.flip-back {
                transform: scaleX(-1);
                left: 0.35rem;
                right: auto;
            }
            &:hover {
                i {
                    color: var(--cs-color-dark);
                }
            }
        }
        .flashcard-box {
            font-size: 1rem;
            margin: auto;
            background-color: white !important;
            border-radius: 0.15rem;
            padding: 2rem;
            width: 100%;
            height: 100%;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.07);
            position: absolute;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            overflow: hidden;
            border: solid var(--cs-line-width) var(--cs-color-line);
            &.flashcard-back {
                transform: rotateY(-180deg);
            }
            .flashcard-text {
                top: 50%;
                transform: translateY(-50%);
                position: relative;
                blockquote, table, p, i, ul, ol, dl, h1, h2, h3, h4, h5, h6 {
                    color: var(--cs-color-dark);
                }
            }
            &.full {
                border: solid var(--cs-line-width) rgba(0, 0, 0, 0.75);
                .flashcard-flip {
                    background-color: rgba(0, 0, 0, 0.25);
                    i {
                        color: rgba(255, 255, 255, 0.35);
                    }
                    &:hover {
                        background-color: rgba(0, 0, 0, 0.25);
                        i {
                            color: var(--cs-color-white);
                        }
                    }
                }
            }
        }
    }
    @media (min-aspect-ratio: 0.625) {
        height: 22rem;
        width: 22rem;
        .flashcard-inner {
            height: 20rem;
            width: 20rem;
        }
    }
    &.export {
        width: auto;
        height: auto;
        position: relative;
        display: block;
        .flashcard-inner {
            width: auto;
            height: auto;
            position: relative;
            display: block;
            .flashcard-box {
                position: relative;
                display: inline-block;
                width: 22rem;
                height: 22rem;
                &.flashcard-back {
                    transform: rotateY(0deg);
                }
            }
        }
    }
}
.units-flashcard {
    &.flipped {
        [cs-flashcard-content-block] {
            .flashcard-inner {
                transform: rotateY(-180deg);
                .flashcard-box:first-child {
                    & * {
                        opacity: 0;
                    }
                }
            }
        }
    }
}
[cs-flashcard-list-block] {
    [cs-flashcard-list-block-wrapper] {
        & > .grid {
            @media (min-aspect-ratio: 0.625) {
                & > *:nth-child(odd):last-child {
                    grid-column: 1 / span 2;
                    justify-self: center;
                }
            }
            @media (min-aspect-ratio: 1.0) {
                & > *:nth-child(odd):last-child {
                    grid-column: inherit;
                    justify-self: inherit;
                }
            }
        }
    }
}
[cs-image-carousel-block] {
    [carousel-nodes] {
        a {
            width: calc(var(--spacing) * 8);
            height: calc(var(--spacing) * 8);
            border-radius: var(--radius-2xl);
            font-size: var(--text-base);
            line-height: var(--sf-leading, var(--text-base--line-height));
            --sf-leading: 2rem;
            line-height: var(--sf-leading);
            --sf-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
            background-color: rgba(0,0,0,0.65);
            color: var(--color-white);
            &.current {
                background-color: var(--color-primary);
                color: var(--color-primary-fg);
            }
        }
    }
    @media (prefers-color-scheme: dark) {
        [carousel-nodes] {
            a {
                &.current {
                    background-color: var(--color-dark-primary);
                    color: var(--color-dark-primary-fg);
                }
            }
        }
    }
}
[cs-quiz-block] {
    --callout-unit-width: 100%;
    [cs-quiz-block-wrapper] {
        [carousel] {
            --widget-background-color: var(--cs-color-secondary);
            --widget-color: var(--cs-color-secondary-contrast);
            --widget-background-color-tint: var(--cs-color-secondary-tint);
            blockquote, table, p, ul, ol, dl, h1, h2, h3, h4, h5, h6 {
                color: var(--cs-color-white-contrast);
            }
            [carousel-roll] {
                white-space: normal;
            }
            .error {
                color: red;
                display: block;
                margin-top: 0.5rem;
            }
            [carousel-item] {
                --slide-num: 1;
                --slide-margin: 1rem;
                .slide-wrapper {
                    border: solid var(--cs-line-width) var(--cs-color-line);
                    margin-left: var(--slide-margin);
                    margin-right: var(--slide-margin);
                    padding: 2rem;
                    background-color: var(--widget-color);
                    border-radius: 0.5rem;
                    text-align: left;
                    .question-answers {
                        text-align: left;
                    }
                    .question-text, .question-image, .answer-image {
                        margin-bottom: 1.5rem;
                        &, & * {
                            font-size: 1.3rem;
                        }
                    }
                    .submit-answer, .submit-quiz, .submitted-answer {
                        margin-top: 2rem;
                    }
                    .submitted-answer {
                        color: var(--cs-color-black);
                        background: var(--cs-color-white);
                        border: dashed 2px var(--cs-color-black);
                        cursor: default;
                    }
                }
                &[selected="0"] {
                    .slide-wrapper {
                        margin-left: var(--cs-line-width);
                        margin-right: var(--cs-line-width);
                    }
                }
            }
        }
        .quiz-status {
            padding: 0 var(--zero-horizontal-unit-padding) 1rem var(--zero-horizontal-unit-padding);
            @media (min-aspect-ratio: 0.625) {
                display: none;
            }
        }
        .quiz-complete {
            .status {
                text-align: center;
                margin-bottom: 1rem;
                font-size: 2.5rem;
                i {
                    font-size: 5rem;
                    display: block;
                    margin-bottom: 1rem;
                    &.passed {
                        color: var(--cs-color-success);
                    }
                    &.failed {
                        color: var(--cs-color-danger);
                    }
                }
            }
            .grade {
                text-align: center;
                font-size: 1.5rem;
            }
            .retake {
                text-align: center;
                font-size: 1.2rem;
                font-weight: bold;
                margin-top: 1rem;
                .retake-quiz {
                    margin-top: 2rem;
                }
            }
        }
    }
    [cs-quiz-block] {
        [cs-quiz-block-wrapper] {
            [carousel] {
                [carousel-item] {
                    padding: 0;
                    .slide-wrapper {
                        padding: 0;
                        box-shadow: none;
                        border-radius: 0;
                        background-color: transparent;
                    }
                }
            }
        }
    }
}
[cs-rich-text-block] {
    --heading-background-color: var(--color-slate-200);
    --heading-color: var(--color-fg-bold);
    --heading-border-color: var(--color-slate-200);
    --footer-background-color: var(--color-slate-200);
    --footer-color: var(--color-fg-bold);
    --footer-border-color: var(--color-slate-200);
    --cell-background-color: var(--color-white);
    --cell-color: var(--color-fg);
    --cell-border-color: var(--color-slate-200);
    --border-size: 0.15rem;
    --cell-padding: 0.5rem;
    .text-tiny {
        font-size: 0.7em;
    }
    .text-small {
        font-size: 0.85em;
    }
    .text-big {
        font-size: 1.4em;
    }
    .text-huge {
        font-size: 1.8em;
    }
    figure {
        margin: 1.5rem auto 1.5rem auto !important;
        &:last-child {
            margin-bottom: 0;
        }
    }
    table {
        width: 100%;
        margin-top: 0;
        margin-bottom: 1.25rem;
        border-spacing: 0;
        background-color: var(--cell-background-color);
        color: var(--cell-color);
        &:last-child {
            margin-bottom: 0;
        }
        &, tbody, tr, thead, tfoot {
            border: none;
        }
        td {
            border-right: solid var(--border-size) var(--cell-border-color);
            border-bottom: solid var(--border-size) var(--cell-border-color);
            &:first-of-type {
                border-left: solid var(--border-size) var(--cell-border-color);
            }
            &, & p, & ul, & ol, & dl {
                color: var(--cell-color);
            }
        }
        td, th {
            text-align: left;
            padding: var(--cell-padding);
            min-width: 10rem;
            background-color: var(--cell-background-color);
            ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
                margin-top: 0;
                margin-bottom: 0;
            }
            ul, ol, dl {
                margin-left: calc(var(--font-size) * 1.5);
            }
            &.no-bottom-border {
                border-bottom: none;
            }
        }
        thead:first-child > tr:first-of-type > th {
            border-top: solid var(--border-size) var(--heading-border-color);
        }
        tbody:first-child > tr:first-of-type > td {
            border-top: solid var(--border-size) var(--cell-border-color);
        }
        tfoot:first-child > tr:first-of-type > th {
            border-top: solid var(--border-size) var(--footer-border-color);
        }
        thead {
            th {
                background-color: var(--heading-background-color);
                font-weight: 700;
                vertical-align: bottom;
                border-right: solid var(--border-size) var(--heading-border-color);
                border-bottom: solid var(--border-size) var(--heading-border-color);
                &, & p, & ul, & ol, & dl {
                    color: var(--heading-color);
                }
                &:first-of-type {
                    border-left: solid var(--border-size) var(--heading-border-color);
                }
            }
        }
        tfoot {
            th {
                background-color: var(--footer-background-color);
                border-right: solid var(--border-size) var(--footer-border-color);
                border-bottom: solid var(--border-size) var(--footer-border-color);
                &, & p, & ul, & ol, & dl {
                    color: var(--footer-color);
                }
                &:first-of-type {
                    border-left: solid var(--border-size) var(--footer-border-color);
                }
            }
        }
    }
    @media (prefers-color-scheme: dark) {
        --heading-background-color: var(--color-slate-300);
        --heading-border-color: var(--color-slate-300);
        --footer-background-color: var(--color-slate-300);
        --footer-border-color: var(--color-slate-300);
        --cell-border-color: var(--color-slate-300);
    }
}
[cs-table-block] {
    --heading-background-color: var(--color-slate-200);
    --heading-color: var(--color-fg-bold);
    --heading-border-color: var(--color-slate-200);
    --footer-background-color: var(--color-slate-200);
    --footer-color: var(--color-fg-bold);
    --footer-border-color: var(--color-slate-200);
    --cell-background-color: var(--color-white);
    --cell-color: var(--color-fg);
    --cell-border-color: var(--color-slate-200);
    --border-size: 0.15rem;
    --cell-padding: 1rem;
    table {
        width: 100%;
        margin-top: 0;
        margin-bottom: 1.25rem;
        border-spacing: 0;
        background-color: var(--cell-background-color);
        color: var(--cell-color);
        &:last-child {
            margin-bottom: 0;
        }
        &, tbody, tr, thead, tfoot {
            border: none;
        }
        td {
            border-right: solid var(--border-size) var(--cell-border-color);
            border-bottom: solid var(--border-size) var(--cell-border-color);
            &:first-of-type {
                border-left: solid var(--border-size) var(--cell-border-color);
            }
            &, & p, & ul, & ol, & dl {
                color: var(--cell-color);
            }
        }
        td, th {
            text-align: left;
            padding: var(--cell-padding);
            min-width: 10rem;
            background-color: var(--cell-background-color);
            ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
                margin-top: 0;
                margin-bottom: 0;
            }
            ul, ol, dl {
                margin-left: calc(var(--font-size) * 1.5);
            }
            &.no-bottom-border {
                border-bottom: none;
            }
        }
        thead:first-child > tr:first-of-type > th {
            border-top: solid var(--border-size) var(--heading-border-color);
        }
        tbody:first-child > tr:first-of-type > td {
            border-top: solid var(--border-size) var(--cell-border-color);
        }
        tfoot:first-child > tr:first-of-type > th {
            border-top: solid var(--border-size) var(--footer-border-color);
        }
        thead {
            th {
                background-color: var(--heading-background-color);
                font-weight: 700;
                vertical-align: bottom;
                border-right: solid var(--border-size) var(--heading-border-color);
                border-bottom: solid var(--border-size) var(--heading-border-color);
                &, & p, & ul, & ol, & dl {
                    color: var(--heading-color);
                }
                &:first-of-type {
                    border-left: solid var(--border-size) var(--heading-border-color);
                }
            }
        }
        tfoot {
            th {
                background-color: var(--footer-background-color);
                border-right: solid var(--border-size) var(--footer-border-color);
                border-bottom: solid var(--border-size) var(--footer-border-color);
                &, & p, & ul, & ol, & dl {
                    color: var(--footer-color);
                }
                &:first-of-type {
                    border-left: solid var(--border-size) var(--footer-border-color);
                }
            }
        }
    }
    @media (prefers-color-scheme: dark) {
        --heading-background-color: var(--color-slate-300);
        --heading-border-color: var(--color-slate-300);
        --footer-background-color: var(--color-slate-300);
        --footer-border-color: var(--color-slate-300);
        --cell-border-color: var(--color-slate-300);
    }
}
[cs-content-render] {
    .article, .form, .audio, .video, .event {
        &.preview, &.export {
            a, button {
                pointer-events: none;
            }
        }
    }
}
[cs-on-boarding-quiz] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99999;
    .mask {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: black;
        opacity: 0.5;
    }
    .on-boarding-quiz-modal {
        position: absolute;
        width: 100vw;
        background: white;
        padding: 1.5rem;
        top: 0;
        left: 0;
        height: 100vh;
        overflow-y: auto;
        @media (min-aspect-ratio: 0.625) {
            width: 80vw;
            max-width: 60rem;
            padding: 3rem;
            transform: translate(-50%,-50%);
            top: 50%;
            left: 50%;
            height: auto !important;
            max-height: 90vh;
        }
    }
}
[cs-media-player] {
    --frame-padding: 1rem;
    --tabp-frame-padding: 1rem;
    --tabl-frame-padding: 1.25rem;
    --cs-color-video: var(--color-slate-200);
    --cs-color-audio: var(--color-slate-200);
    position: relative;
    background-size: cover;
    background-position: center center;
    &[video-container].export {
        &:not(.with-thumbnail) {
            background-color: var(--cs-color-video);
            padding: var(--frame-padding);
            @media (min-aspect-ratio: 0.625) {
                border-radius: 0.25rem;
                padding: var(--tabp-frame-padding) calc(var(--tabp-frame-padding) * 1.5);
            }
            @media (min-aspect-ratio: 1.0) {
                padding: var(--tabl-frame-padding) calc(var(--tabl-frame-padding) * 1.5);
            }
            .icon {
                display: none;
                font-size: 3.5rem;
                line-height: 1;
                @media (min-aspect-ratio: 0.625) {
                    display: block;
                }
            }
        }
        &.with-thumbnail {
            .icon {
                display: none;
            }
        }
        &.with-thumbnail {
            min-height: 13rem;
            padding: var(--frame-padding);
            @media (min-aspect-ratio: 0.625) {
                min-height: 31rem;
                padding: var(--tabp-frame-padding);
            }
            @media (min-aspect-ratio: 1.0) {
                min-height: 35rem;
                padding: var(--tabl-frame-padding);
            }
        }
    }
    &[audio-container] {
        &:not(.with-thumbnail) {
            background-color: var(--cs-color-audio);
            padding: var(--frame-padding);
            @media (min-aspect-ratio: 0.625) {
                border-radius: 0.25rem;
                padding: var(--tabp-frame-padding) calc(var(--tabp-frame-padding) * 1.5);
            }
            @media (min-aspect-ratio: 1.0) {
                padding: var(--tabl-frame-padding) calc(var(--tabl-frame-padding) * 1.5);
            }
            .icon {
                display: none;
                font-size: 3.5rem;
                line-height: 1;
                @media (min-aspect-ratio: 0.625) {
                    display: block;
                }
            }
        }
        &.with-thumbnail {
            .icon {
                display: none;
            }
        }
        &.with-thumbnail {
            min-height: 13rem;
            padding: var(--frame-padding);
            @media (min-aspect-ratio: 0.625) {
                min-height: 31rem;
                padding: var(--tabp-frame-padding);
            }
            @media (min-aspect-ratio: 1.0) {
                min-height: 35rem;
                padding: var(--tabl-frame-padding);
            }
            .player-grid {
                display: block;
                position: absolute;
                width: calc(100% - (var(--frame-padding) * 2));
                bottom: var(--frame-padding);
                left: var(--frame-padding);
                @media (min-aspect-ratio: 0.625) {
                    width: calc(100% - (var(--tabp-frame-padding) * 2));
                    bottom: var(--tabp-frame-padding);
                    left: var(--tabp-frame-padding);
                }
                @media (min-aspect-ratio: 1.0) {
                    width: calc(100% - (var(--tabl-frame-padding) * 2));
                    bottom: var(--tabl-frame-padding);
                    left: var(--tabl-frame-padding);
                }
            }
        }
    }
    .media-file {
        font-size: 1.8rem;
    }
    @media (prefers-color-scheme: dark) {
        --cs-color-video: var(--color-slate-300);
        --cs-color-audio: var(--color-slate-300);
    }
}
[cs-upload] {
    [cs-media-player] {
        &[audio-container] {
            &:not(.with-thumbnail) {
                overflow: hidden;
                border-radius: 0.25rem;
                padding: var(--frame-padding);
                @media (min-aspect-ratio: 0.625) {
                    padding: var(--frame-padding);
                }
                @media (min-aspect-ratio: 1.0) {
                    padding: var(--frame-padding);
                }
            }
        }
    }
}
[cs-connectivity-issues] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99999;
    .mask {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: black;
        opacity: 0.5;
    }
    .connectivity-modal {
        position: absolute;
        width: 80vw;
        max-width: 60rem;
        background: white;
        padding: 3rem;
        top: 50%;
        left: 50%;
        height: 16rem;
        text-align: center;
        overflow-y: auto;
        transform: translate(-50%,-50%);
        @media (min-aspect-ratio: 0.625) {
            height: 11rem;
        }
    }
}
[cs-notification-alert] {
    position: fixed;
    top: -5rem;
    left: 1rem;
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    z-index: 10000;
    width: calc(100vw - 2rem);
    border-radius: 0.25rem;
    cursor: pointer;
    transition-property: top;
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-timing-function: ease-out;
    @media (min-aspect-ratio: 1.0) {
        top: -3.5rem;
    }
    &.green {
        background-color: rgba(0, 175, 0, 0.9);
    }
    &.red {
        background-color: var(--cs-color-danger);
    }
    &.show {
        top: 1rem;
    }
    [cs-alert-inner-wrapper] {
        position: relative;
        text-align: center;
        padding: 1rem 3rem 1rem 1rem;
        font-size: 1rem;
        @media (min-aspect-ratio: 1.0) {
            padding: 1rem 4rem;
        }
        [cs-alert-close] {
            position: absolute;
            top: 1rem;
            right: 1rem;
            i {
                font-size: 1.3rem;
                line-height: 1;
            }
        }
        p {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 5;
            line-height: 1.3;
            font-weight: 500;
            margin-bottom: 0;
            @media (min-aspect-ratio: 0.625) {
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }
            @media (min-aspect-ratio: 1.0) {
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
            }
        }
    }
}
[cs-carousel] {
    [carousel-wrapper] {
        [carousel-nodes] {
            a {
                display: inline-block;
                width: calc(var(--spacing) * 8);
                height: calc(var(--spacing) * 8);
                border-radius: calc(infinity * 1px);
                font-size: var(--text-base);
                line-height: var(--sf-leading, var(--text-base--line-height));
                --sf-leading: 2rem;
                line-height: var(--sf-leading);
                --sf-font-weight: var(--font-weight-normal);
                font-weight: var(--font-weight-normal);
                background-color: rgba(0,0,0,0.1);
                color: var(--color-black);
                i {
                    color: var(--color-white);
                }
                &:hover {
                    text-decoration: none;
                }
                .correct, .incorrect {
                    display: none;
                }
                &.current {
                    background-color: var(--color-primary);
                    color: var(--color-primary-fg);
                    i {
                        color: var(--color-primary-fg);
                    }
                }
            }
            &.correctincorrect {
                a {
                    border-radius: var(--radius-sm);
                    width: calc(var(--spacing) * 8);
                    margin-block: 0;
                    margin-inline: 0.3rem;
                    &.correct {
                        .num {
                            display: none;
                        }
                        .correct {
                            display: inline;
                        }
                    }
                    &.incorrect {
                        .num {
                            display: none;
                        }
                        .incorrect {
                            display: inline;
                        }
                    }
                }
            }
            &.noreveal {
                a.correct, a.incorrect {
                    opacity: 0.5;
                }
            }
        }
    }
    @media (prefers-color-scheme: dark) {
        [carousel-wrapper] {
            [carousel-nodes] {
                a {
                    &.current {
                        background-color: var(--color-dark-primary);
                        color: var(--color-dark-primary-fg);
                        i {
                            color: var(--color-dark-primary-fg);
                        }
                    }
                }
            }
        }
    }
}
[cs-overlay] {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.65);
    height: 100vh;
    z-index: 8999;
    will-change: transition;
    transition: opacity linear 0.15s;
    opacity: 0;
    width: 0;
}
.show-menu + [cs-overlay], 
.show-tree [cs-overlay] {
    opacity: 0.65;
    width: 100vw;
    @media (min-aspect-ratio: 1.0) {
        opacity: 0;
        width: 0;
    }
}
[cs-scroll] {
    --scroll-width: 70rem;
    --horizontal-unit-padding: 1.25rem;
    --zero-horizontal-unit-padding: 1.25rem;
    position: relative;
    display: grid;
    @media (min-aspect-ratio: 0.625) {
        --horizontal-unit-padding: 0;
        --zero-horizontal-unit-padding: 0;
    }
    [cs-arrow] {
        margin-top: 0.5rem;
        text-align: right;
        color: var(--color);
        font-size: 0.8rem;
        line-height: 1;
        opacity: 0.35;
        i.fa-long-arrow-left {
            padding-right: 0.25rem;
            font-size: 0.6rem;
            line-height: 1;
        }
        @media (min-aspect-ratio: 0.625) {
            display: none;
        }
    }
    [cs-scroll-inner] {
        position: relative;
        display: block;
        margin-right: calc(var(--horizontal-unit-padding) * -1);
        margin-left: calc(var(--horizontal-unit-padding) * -1);
        overflow: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        &::-webkit-scrollbar {
            display: none;
        }
        & > [cs-scroll-content] {
            display: block;
            position: relative;
            min-width: 100%;
            width: var(--scroll-width);
            padding-right: var(--zero-horizontal-unit-padding);
            padding-left: var(--zero-horizontal-unit-padding);
            @media (min-aspect-ratio: 0.625) {
                padding-left: 0;
                padding-right: 0;
                min-width: auto;
                width: auto;
            }
        }
    }
}
[cs-progress-bar] {
    .barber-pole {
        background-image: repeating-linear-gradient( 
        45deg, 
        rgba(255, 255, 255, 0.25) 0, 
        rgba(255, 255, 255, 0.25) 25%, 
        transparent 25%, 
        transparent 50% 
        );
        background-size: 2rem 2rem;
        background-repeat: repeat;
        animation: barber-pole 1s linear infinite;
    }
    @keyframes barber-pole {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 2rem 0;
        }
    }
}
[cs-content-list] {
    --mobile-multiplier: 0;
    @media (min-aspect-ratio: 0.625) {
        --mobile-multiplier: 1;
    }
    .fa-caret-up, .fa-caret-down {
        margin-left: 0.25rem;
    }
    .cs-column-head {
        display: block;
        background-color: var(--cs-color-medium);
        border: solid 1px var(--cs-color-medium);
        color: var(--cs-color-medium-contrast);
        padding: 0 0.75rem;
        line-height: 2;
        font-weight: 600;
        border-radius: 0.15rem;
        white-space: nowrap;
        text-align: center;
        &:hover {
            background-color: var(--cs-color-bo-primary-tint);
            border-color: var(--cs-color-bo-primary-tint);
            text-decoration: none;
        }
        &.active {
            background-color: var(--cs-color-bo-primary-tint);
            border-color: var(--cs-color-bo-primary-tint);
            color: var(--cs-color-bo-primary-contrast);
        }
    }
    .cs-edit-link {
        font-weight: 500;
    }
    .cs-prop-name {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        & + .cs-prop-excerpt {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            margin-top: 0.25rem;
        }
    }
    .cs-prop-firstname, .cs-prop-lastname {
        display: inline-block;
    }
    .cs-prop-lastname {
        &:after {
            display: inline-block;
            margin-right: 0.35rem;
            content: ',' 
        }
    }
    .cs-prop-avatar {
        width: 3rem;
        height: 3rem;
        max-width: 3rem;
        max-height: 3rem;
    }
    .cs-list-link {
        display: inline-block;
        border-radius: 0.15rem;
        padding: 0 0.5rem;
        line-height: 2.1;
        background-color: var(--cs-color-bo-primary);
        color: var(--cs-color-bo-primary-contrast);
        font-size: 75%;
        font-weight: 500;
        &:hover {
            text-decoration: none;
            background-color: var(--cs-color-bo-primary-tint);
        }
        & + .cs-list-link {
            margin-left: 0.5rem;
        }
    }
    .cs-list-delete-link {
        background-color: var(--cs-color-danger);
        color: var(--cs-color-danger-contrast);
        &:hover {
            background-color: var(--cs-color-danger-tint);
        }
    }
    .cs-prop-published, .cs-prop-enabled {
        color: var(--cs-color-success);
    }
    [cs-content-paging] {
        margin-left: calc(6rem * var(--mobile-multiplier) * var(--level));
    }
}
[purge] {
    .purge-modal {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: var(--cs-color-white);
        padding: 2.5rem 1.5rem;
        z-index: 12001;
        width: calc(100vw - 1.5rem);
        max-height: calc(100vh / 1.5);
        max-width: 600px;
        overflow-y: auto;
        @media (min-aspect-ratio: 0.625) {
            border-radius: 0.25rem;
            width: 90vw;
        }
        @media (min-aspect-ratio: 0.625) {
            width: 75vw;
        }
        &.show {
            display: block;
        }
    }
}
.tox {
    display: flex !important;
    margin-bottom: 0;
    .tox-toolbar-overlord {
        background-color: transparent !important;
    }
    &.tox-tinymce-inline .tox-editor-header {
        border-radius: 0 !important;
        border: none !important;
    }
    .tox-editor-header {
        border-radius: 0 !important;
        border: none !important;
    }
    .tox-tbtn {
        background: rgba(0,0,0,0) !important;
        position: relative !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0.25rem !important;
        margin-bottom: 0 !important;
        border-radius: 0.25rem !important;
        border: solid 1px rgba(0,0,0,0.15) !important;
        &.tox-tbtn--enabled {
            background-color: #c7ebff !important;
            border: solid 1px #008dd8 !important;
        }
        .tox-icon.tox-tbtn__icon-wrap svg {
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important;
            width: 1rem !important;
            height: 1rem !important;
            transform-origin: center !important;
        }
    }
}
.tox-tbtn--select {
    width: auto !important;
    height: 1.5rem !important;
    display: inline-block !important;
    min-width: unset !important;
    .tox-tbtn__select-chevron {
        display: inline-block !important;
    }
}
.tox-toolbar {
    background: none !important;
    .tox-toolbar__group {
        padding: 0 !important;
    }
    button:not(.tox-tbtn--select) {
        width: 1.5rem !important;
        height: 1.5rem !important;
        display: inline-block !important;
        min-width: unset !important;
        text-align: center !important;
    }
}
.mce-content-body::before {
    cursor: text !important;
}
.mce-edit-focus {
    outline: none !important;
    border: none !important;
}
.tox-icon {
    display: inline-block !important;
    vertical-align: middle !important;
}
.tox-statusbar > div:first-child {
    visibility: hidden !important;
}
.rounded {
    border-radius: var(--radius-sm);
}
.-mb-3 {
    margin-bottom: calc(var(--spacing) * -3);
}
.-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
}
.-translate-x-1\/2 {
    --sf-translate-x: calc(50% * -1);
    translate: var(--sf-translate-x) var(--sf-translate-y);
}
.-translate-x-88 {
    --sf-translate-x: calc(var(--spacing) * -88);
    translate: var(--sf-translate-x) var(--sf-translate-y);
}
.-translate-y-1\/2 {
    --sf-translate-y: calc(50% * -1);
    translate: var(--sf-translate-x) var(--sf-translate-y);
}
.\[box-shadow\:0_0_999rem_999rem_rgba\(0\,0\,0\,0\.5\)\] {
    box-shadow:0 0 999rem 999rem rgba(0,0,0,0.5);
}
.\[page-break-before\:always\] {
    page-break-before:always;
}
.absolute {
    position: absolute;
}
.align-bottom {
    vertical-align: bottom;
}
.align-middle {
    vertical-align: middle;
}
.align-text-top {
    vertical-align: text-top;
}
.align-top {
    vertical-align: top;
}
.aspect-auto\! {
    aspect-ratio: auto !important;
}
.aspect-square {
    aspect-ratio: 1 / 1;
}
.backdrop-blur-sm {
    --sf-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--sf-backdrop-blur, ) var(--sf-backdrop-brightness, ) var(--sf-backdrop-contrast, ) var(--sf-backdrop-grayscale, ) var(--sf-backdrop-hue-rotate, ) var(--sf-backdrop-invert, ) var(--sf-backdrop-opacity, ) var(--sf-backdrop-saturate, ) var(--sf-backdrop-sepia, );
    backdrop-filter: var(--sf-backdrop-blur, ) var(--sf-backdrop-brightness, ) var(--sf-backdrop-contrast, ) var(--sf-backdrop-grayscale, ) var(--sf-backdrop-hue-rotate, ) var(--sf-backdrop-invert, ) var(--sf-backdrop-opacity, ) var(--sf-backdrop-saturate, ) var(--sf-backdrop-sepia, );
}
.bg-article {
    background-color: var(--color-article);
}
.bg-audio {
    background-color: var(--color-audio);
}
.bg-black {
    background-color: var(--color-black);
}
.bg-black\/10 {
    background-color: rgba(0,0,0,0.1);
}
.bg-black\/25 {
    background-color: rgba(0,0,0,0.25);
}
.bg-black\/50 {
    background-color: rgba(0,0,0,0.5);
}
.bg-black\/50\! {
    background-color: rgba(0,0,0,0.5) !important;
}
.bg-black\/65 {
    background-color: rgba(0,0,0,0.65);
}
.bg-black\/85 {
    background-color: rgba(0,0,0,0.85);
}
.bg-canvas {
    background-color: var(--color-canvas);
}
.bg-center {
    background-position: center;
}
.bg-collection {
    background-color: var(--color-collection);
}
.bg-community {
    background-color: var(--color-community);
}
.bg-conference {
    background-color: var(--color-conference);
}
.bg-course {
    background-color: var(--color-course);
}
.bg-cover {
    background-size: cover;
}
.bg-danger {
    background-color: var(--color-danger);
}
.bg-danger\! {
    background-color: var(--color-danger) !important;
}
.bg-danger\/5 {
    background-color: rgba(255,55,95,0.05);
}
.bg-dashboard {
    background-color: var(--color-dashboard);
}
.bg-event {
    background-color: var(--color-event);
}
.bg-fg-bold\/80 {
    background-color: rgba(0,0,0,0.8);
}
.bg-fg\/5 {
    background-color: rgba(0,0,0,0.05);
}
.bg-fg\/7 {
    background-color: rgba(0,0,0,0.07);
}
.bg-file {
    background-color: var(--color-file);
}
.bg-form {
    background-color: var(--color-form);
}
.bg-fuchsia-500 {
    background-color: var(--color-fuchsia-500);
}
.bg-member {
    background-color: var(--color-member);
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.bg-panels {
    background-color: var(--color-panels);
}
.bg-primary {
    background-color: var(--color-primary);
}
.bg-primary-fg-bold {
    background-color: var(--color-primary-fg-bold);
}
.bg-primary-fg-bold\/20 {
    background-color: rgba(255,255,255,0.2);
}
.bg-primary-tint {
    background-color: var(--color-primary-tint);
}
.bg-primary\! {
    background-color: var(--color-primary) !important;
}
.bg-primary\/25 {
    background-color: rgba(245,130,32,0.25);
}
.bg-primary\/3 {
    background-color: rgba(245,130,32,0.03);
}
.bg-primary\/50 {
    background-color: rgba(245,130,32,0.5);
}
.bg-slate-200 {
    background-color: var(--color-slate-200);
}
.bg-slate-200\! {
    background-color: var(--color-slate-200) !important;
}
.bg-success {
    background-color: var(--color-success);
}
.bg-success\/5 {
    background-color: rgba(16,208,64,0.05);
}
.bg-tenant {
    background-color: var(--color-tenant);
}
.bg-transparent {
    background-color: var(--color-transparent);
}
.bg-transparent\! {
    background-color: var(--color-transparent) !important;
}
.bg-user {
    background-color: var(--color-user);
}
.bg-video {
    background-color: var(--color-video);
}
.bg-warning {
    background-color: var(--color-warning);
}
.bg-white {
    background-color: var(--color-white);
}
.bg-white\! {
    background-color: var(--color-white) !important;
}
.bg-white\/20 {
    background-color: rgba(255,255,255,0.2);
}
.block {
    display: block;
}
.block\! {
    display: block !important;
}
.border {
    border-style: var(--sf-border-style);
    border-width: 1px;
}
.border-0 {
    border-style: var(--sf-border-style);
    border-width: 0px;
}
.border-2 {
    border-style: var(--sf-border-style);
    border-width: 2px;
}
.border-3 {
    border-style: var(--sf-border-style);
    border-width: 3px;
}
.border-4 {
    border-style: var(--sf-border-style);
    border-width: 4px;
}
.border-b-0 {
    border-bottom-style: var(--sf-border-style);
    border-bottom-width: 0px;
}
.border-b-black {
    border-bottom-color: var(--color-black);
}
.border-b-fg-bold\/50 {
    border-bottom-color: rgba(0,0,0,0.5);
}
.border-black {
    border-color: var(--color-black);
}
.border-black\/25 {
    border-color: rgba(0,0,0,0.25);
}
.border-black\/8 {
    border-color: rgba(0,0,0,0.08);
}
.border-collapse {
    border-collapse: collapse;
}
.border-danger {
    border-color: var(--color-danger);
}
.border-danger\/25 {
    border-color: rgba(255,55,95,0.25);
}
.border-fg-bold {
    border-color: var(--color-fg-bold);
}
.border-fg\/25 {
    border-color: rgba(0,0,0,0.25);
}
.border-l-black {
    border-left-color: var(--color-black);
}
.border-l-black\/10 {
    border-left-color: rgba(0,0,0,0.1);
}
.border-panels {
    border-color: var(--color-panels);
}
.border-panels\/50 {
    border-color: rgba(255,255,255,0.5);
}
.border-primary {
    border-color: var(--color-primary);
}
.border-primary-tint {
    border-color: var(--color-primary-tint);
}
.border-primary\! {
    border-color: var(--color-primary) !important;
}
.border-primary\/25 {
    border-color: rgba(245,130,32,0.25);
}
.border-r-0 {
    border-right-style: var(--sf-border-style);
    border-right-width: 0px;
}
.border-slate-200\! {
    border-color: var(--color-slate-200) !important;
}
.border-slate-300 {
    border-color: var(--color-slate-300);
}
.border-success {
    border-color: var(--color-success);
}
.border-success\/25 {
    border-color: rgba(16,208,64,0.25);
}
.border-t-0 {
    border-top-style: var(--sf-border-style);
    border-top-width: 0px;
}
.border-t-1 {
    border-top-style: var(--sf-border-style);
    border-top-width: 1px;
}
.border-t-black\/10 {
    border-top-color: rgba(0,0,0,0.1);
}
.border-t-fg\/25 {
    border-top-color: rgba(0,0,0,0.25);
}
.border-warning {
    border-color: var(--color-warning);
}
.border-white {
    border-color: var(--color-white);
}
.border-white\! {
    border-color: var(--color-white) !important;
}
.border-white\/30 {
    border-color: rgba(255,255,255,0.3);
}
.border-white\/50 {
    border-color: rgba(255,255,255,0.5);
}
.bottom-0 {
    bottom: 0;
}
.bottom-3 {
    bottom: calc(var(--spacing) * 3);
}
.bottom-4 {
    bottom: calc(var(--spacing) * 4);
}
.bottom-5 {
    bottom: calc(var(--spacing) * 5);
}
.bottom-6 {
    bottom: calc(var(--spacing) * 6);
}
.break-all {
    word-break: break-all;
}
.col-\[2_\/_-1\] {
    grid-column: 2 / -1;
}
.col-span-full {
    grid-column: 1 / -1;
}
.collapse {
    visibility: collapse;
}
.container {
    width: 100%;
    @media (width >= 40rem) {
        max-width: var(--breakpoint-sm);
    }
    @media (width >= 48rem) {
        max-width: var(--breakpoint-md);
    }
    @media (width >= 64rem) {
        max-width: var(--breakpoint-lg);
    }
    @media (width >= 80rem) {
        max-width: var(--breakpoint-xl);
    }
    @media (width >= 96rem) {
        max-width: var(--breakpoint-2xl);
    }
}
.contents {
    display: contents;
}
.cursor-auto {
    cursor: auto;
}
.cursor-default {
    cursor: default;
}
.cursor-default\! {
    cursor: default !important;
}
.cursor-move {
    cursor: move;
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.cursor-nwse-resize {
    cursor: nwse-resize;
}
.cursor-pointer {
    cursor: pointer;
}
.ease-in-out {
    --sf-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
}
.ease-out {
    --sf-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
}
.fill-panels {
    fill: var(--color-panels);
}
.fill-primary {
    fill: var(--color-primary);
}
.fill-primary-fg {
    fill: var(--color-primary-fg);
}
.fixed {
    position: fixed;
}
.flex {
    display: flex;
}
.font-body\/5 {
    font-family: var(--font-body);
    font-feature-settings: var(--font-body--font-feature-settings, normal);
    font-variation-settings: var(--font-body--font-variation-settings, normal);
}
.font-signature {
    font-family: var(--font-signature);
    font-feature-settings: var(--font-signature--font-feature-settings, normal);
    font-variation-settings: var(--font-signature--font-variation-settings, normal);
}
.gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
}
.gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
}
.gap-x-11 {
    column-gap: calc(var(--spacing) * 11);
}
.gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
}
.gap-x-16 {
    column-gap: calc(var(--spacing) * 16);
}
.gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
}
.gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
}
.gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
}
.gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
}
.gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
}
.gap-x-7 {
    column-gap: calc(var(--spacing) * 7);
}
.gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
}
.gap-x-9 {
    column-gap: calc(var(--spacing) * 9);
}
.gap-y-0 {
    row-gap: 0;
}
.gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
}
.gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
}
.gap-y-11 {
    row-gap: calc(var(--spacing) * 11);
}
.gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
}
.gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
}
.gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
}
.gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
}
.gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
}
.gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
}
.gap-y-7 {
    row-gap: calc(var(--spacing) * 7);
}
.gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
}
.gap-y-9 {
    row-gap: calc(var(--spacing) * 9);
}
.grid {
    display: grid;
}
.grid-cols-\[0\.75rem_1\.75rem_auto\] {
    grid-template-columns: 0.75rem 1.75rem auto;
}
.grid-cols-\[0rem_1fr_0rem\] {
    grid-template-columns: 0rem 1fr 0rem;
}
.grid-cols-\[0rem_auto\] {
    grid-template-columns: 0rem auto;
}
.grid-cols-\[1\.5rem_1fr\] {
    grid-template-columns: 1.5rem 1fr;
}
.grid-cols-\[10rem_1fr\] {
    grid-template-columns: 10rem 1fr;
}
.grid-cols-\[11rem_1fr\] {
    grid-template-columns: 11rem 1fr;
}
.grid-cols-\[12rem_1fr\] {
    grid-template-columns: 12rem 1fr;
}
.grid-cols-\[13rem_1fr\] {
    grid-template-columns: 13rem 1fr;
}
.grid-cols-\[14rem_1fr\] {
    grid-template-columns: 14rem 1fr;
}
.grid-cols-\[15rem_1fr\] {
    grid-template-columns: 15rem 1fr;
}
.grid-cols-\[16rem_1fr\] {
    grid-template-columns: 16rem 1fr;
}
.grid-cols-\[17rem_1fr\] {
    grid-template-columns: 17rem 1fr;
}
.grid-cols-\[18rem_1fr\] {
    grid-template-columns: 18rem 1fr;
}
.grid-cols-\[19rem_1fr\] {
    grid-template-columns: 19rem 1fr;
}
.grid-cols-\[1fr_1\.35rem\] {
    grid-template-columns: 1fr 1.35rem;
}
.grid-cols-\[1fr_1fr_1fr\] {
    grid-template-columns: 1fr 1fr 1fr;
}
.grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
}
.grid-cols-\[1fr_2\.5rem\] {
    grid-template-columns: 1fr 2.5rem;
}
.grid-cols-\[1fr_auto_auto\] {
    grid-template-columns: 1fr auto auto;
}
.grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
}
.grid-cols-\[1fr_max-content\] {
    grid-template-columns: 1fr max-content;
}
.grid-cols-\[1fr_min-content\] {
    grid-template-columns: 1fr min-content;
}
.grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
}
.grid-cols-\[1rem_1fr\] {
    grid-template-columns: 1rem 1fr;
}
.grid-cols-\[1rem_auto\] {
    grid-template-columns: 1rem auto;
}
.grid-cols-\[2\.25rem_1fr\] {
    grid-template-columns: 2.25rem 1fr;
}
.grid-cols-\[2\.5rem_1fr\] {
    grid-template-columns: 2.5rem 1fr;
}
.grid-cols-\[2\.5rem_auto\] {
    grid-template-columns: 2.5rem auto;
}
.grid-cols-\[20rem_1fr\] {
    grid-template-columns: 20rem 1fr;
}
.grid-cols-\[22\] {
    grid-template-columns: 22;
}
.grid-cols-\[2fr_5fr_1fr_2fr\] {
    grid-template-columns: 2fr 5fr 1fr 2fr;
}
.grid-cols-\[2rem_1fr\] {
    grid-template-columns: 2rem 1fr;
}
.grid-cols-\[3rem_auto\] {
    grid-template-columns: 3rem auto;
}
.grid-cols-\[4\.3rem_auto\] {
    grid-template-columns: 4.3rem auto;
}
.grid-cols-\[4rem_1fr_2rem\] {
    grid-template-columns: 4rem 1fr 2rem;
}
.grid-cols-\[5rem_1fr\] {
    grid-template-columns: 5rem 1fr;
}
.grid-cols-\[6rem_1fr\] {
    grid-template-columns: 6rem 1fr;
}
.grid-cols-\[6rem_auto\] {
    grid-template-columns: 6rem auto;
}
.grid-cols-\[7rem_1fr\] {
    grid-template-columns: 7rem 1fr;
}
.grid-cols-\[8rem_1fr\] {
    grid-template-columns: 8rem 1fr;
}
.grid-cols-\[9rem_1fr\] {
    grid-template-columns: 9rem 1fr;
}
.grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
}
.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_auto_1fr\] {
    grid-template-columns: auto auto 1fr;
}
.grid-cols-\[auto_auto_auto_1fr\] {
    grid-template-columns: auto auto auto 1fr;
}
.grid-cols-\[auto_auto_auto\] {
    grid-template-columns: auto auto auto;
}
.grid-cols-\[auto_auto_max-content_max-content\] {
    grid-template-columns: auto auto max-content max-content;
}
.grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
}
.grid-cols-\[auto_max-content\] {
    grid-template-columns: auto max-content;
}
.grid-cols-\[auto_min-content_auto_min-content_auto\] {
    grid-template-columns: auto min-content auto min-content auto;
}
.grid-cols-\[auto_min-content_auto\] {
    grid-template-columns: auto min-content auto;
}
.grid-cols-\[auto_min-content\] {
    grid-template-columns: auto min-content;
}
.grid-cols-\[auto\] {
    grid-template-columns: auto;
}
.grid-cols-\[max-content_auto\] {
    grid-template-columns: max-content auto;
}
.grid-cols-\[max-content_max-content_max-content\] {
    grid-template-columns: max-content max-content max-content;
}
.grid-cols-\[min-content_1fr\] {
    grid-template-columns: min-content 1fr;
}
.grid-cols-\[min-content_auto\] {
    grid-template-columns: min-content auto;
}
.grid-cols-\[min-content_min-content\] {
    grid-template-columns: min-content min-content;
}
.grid-cols-\[minmax\(0\,max-content\)_auto\] {
    grid-template-columns: minmax(0,max-content) auto;
}
.grid-cols-\[repeat\(2\,1fr\)\] {
    grid-template-columns: repeat(2,1fr);
}
.grid-cols-\[repeat\(2\,auto\)\] {
    grid-template-columns: repeat(2,auto);
}
.grid-cols-\[repeat\(2\,max-content\)_auto\] {
    grid-template-columns: repeat(2,max-content) auto;
}
.grid-cols-\[repeat\(2\,max-content\)\] {
    grid-template-columns: repeat(2,max-content);
}
.grid-cols-\[repeat\(2\,minmax\(min-content\,max-content\)\)\] {
    grid-template-columns: repeat(2,minmax(min-content,max-content));
}
.grid-cols-\[repeat\(3\,1fr\)\] {
    grid-template-columns: repeat(3,1fr);
}
.grid-cols-\[repeat\(3\,auto\)\] {
    grid-template-columns: repeat(3,auto);
}
.grid-cols-\[repeat\(3\,max-content\)\] {
    grid-template-columns: repeat(3,max-content);
}
.grid-cols-\[repeat\(4\,auto\)\] {
    grid-template-columns: repeat(4,auto);
}
.grid-cols-\[repeat\(5\,auto\)\] {
    grid-template-columns: repeat(5,auto);
}
.grid-cols-\[repeat\(6\,1fr\)\] {
    grid-template-columns: repeat(6,1fr);
}
.grid-cols-\[repeat\(6\,auto\)\] {
    grid-template-columns: repeat(6,auto);
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-rows-\[10rem_1fr\] {
    grid-template-rows: 10rem 1fr;
}
.grid-rows-\[12rem_1fr\] {
    grid-template-rows: 12rem 1fr;
}
.grid-rows-\[1fr_auto\] {
    grid-template-rows: 1fr auto;
}
.grid-rows-\[4\.5rem\] {
    grid-template-rows: 4.5rem;
}
.group\/card:hover .group-hover\/card\:block\! {
    display: block !important;
}
.group\/card:hover .group-hover\/card\:invisible\! {
    visibility: hidden !important;
}
.grow {
    flex-grow: 1;
}
.h-\[0\.4rem\] {
    height: 0.4rem;
}
.h-\[1\.5rem\] {
    height: 1.5rem;
}
.h-\[1\.6rem\] {
    height: 1.6rem;
}
.h-\[100vh\] {
    height: 100vh;
}
.h-\[10rem\] {
    height: 10rem;
}
.h-\[15rem\] {
    height: 15rem;
}
.h-\[18rem\] {
    height: 18rem;
}
.h-\[2\.25rem\] {
    height: 2.25rem;
}
.h-\[20rem\] {
    height: 20rem;
}
.h-\[24rem\] {
    height: 24rem;
}
.h-\[3\.8rem\] {
    height: 3.8rem;
}
.h-\[30rem\] {
    height: 30rem;
}
.h-\[5rem\] {
    height: 5rem;
}
.h-0 {
    height: 0;
}
.h-0\! {
    height: 0 !important;
}
.h-1 {
    height: calc(var(--spacing) * 1);
}
.h-1\/2 {
    height: 50%;
}
.h-12 {
    height: calc(var(--spacing) * 12);
}
.h-16 {
    height: calc(var(--spacing) * 16);
}
.h-2 {
    height: calc(var(--spacing) * 2);
}
.h-21 {
    height: calc(var(--spacing) * 21);
}
.h-32 {
    height: calc(var(--spacing) * 32);
}
.h-4 {
    height: calc(var(--spacing) * 4);
}
.h-40 {
    height: calc(var(--spacing) * 40);
}
.h-48 {
    height: calc(var(--spacing) * 48);
}
.h-6 {
    height: calc(var(--spacing) * 6);
}
.h-64 {
    height: calc(var(--spacing) * 64);
}
.h-7 {
    height: calc(var(--spacing) * 7);
}
.h-8 {
    height: calc(var(--spacing) * 8);
}
.h-9 {
    height: calc(var(--spacing) * 9);
}
.h-auto {
    height: auto;
}
.h-auto\! {
    height: auto !important;
}
.h-fit {
    height: fit-content;
}
.h-full {
    height: 100%;
}
.h-full\! {
    height: 100% !important;
}
.h-screen {
    height: 100vh;
}
.h-screen\! {
    height: 100vh !important;
}
.hidden {
    display: none;
}
.hidden\! {
    display: none !important;
}
.inline {
    display: inline;
}
.inline-block {
    display: inline-block;
}
.inline-flex {
    display: inline-flex;
}
.invert {
    --sf-invert: invert(100%);
    filter: var(--sf-blur, ) var(--sf-brightness, ) var(--sf-contrast, ) var(--sf-grayscale, ) var(--sf-hue-rotate, ) var(--sf-invert, ) var(--sf-saturate, ) var(--sf-sepia, ) var(--sf-drop-shadow, );
}
.invisible {
    visibility: hidden;
}
.invisible\! {
    visibility: hidden !important;
}
.italic {
    font-style: italic;
}
.items-center {
    align-items: center;
}
.items-end {
    align-items: flex-end;
}
.items-start {
    align-items: flex-start;
}
.justify-center {
    justify-content: center;
}
.justify-end {
    justify-content: flex-end;
}
.justify-items-center {
    justify-items: center;
}
.justify-items-end {
    justify-items: end;
}
.justify-items-start {
    justify-items: start;
}
.justify-start {
    justify-content: flex-start;
}
.left-\[calc\(100\%_-_2\.25rem\)\] {
    left: calc(100% - 2.25rem);
}
.left-\[calc\(100\%_-_3\.5rem\)\] {
    left: calc(100% - 3.5rem);
}
.left-\[calc\(100\%_-_3\.8rem\)\] {
    left: calc(100% - 3.8rem);
}
.left-0 {
    left: 0;
}
.left-1\/2 {
    left: 50%;
}
.left-4 {
    left: calc(var(--spacing) * 4);
}
.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.m-auto {
    margin: auto;
}
.max-h-\[100rem\] {
    max-height: 100rem;
}
.max-h-\[2\.65rem\] {
    max-height: 2.65rem;
}
.max-h-\[75\%\] {
    max-height: 75%;
}
.max-h-\[calc\(100vh_\/_1\.5\)\] {
    max-height: calc(100vh / 1.5);
}
.max-h-0 {
    max-height: 0;
}
.max-h-11 {
    max-height: calc(var(--spacing) * 11);
}
.max-h-16 {
    max-height: calc(var(--spacing) * 16);
}
.max-h-full\! {
    max-height: 100% !important;
}
.max-h-max {
    max-height: max-content;
}
.max-w-\[10rem\] {
    max-width: 10rem;
}
.max-w-\[12\.5rem\] {
    max-width: 12.5rem;
}
.max-w-\[22rem\] {
    max-width: 22rem;
}
.max-w-\[30rem\] {
    max-width: 30rem;
}
.max-w-\[50\%\] {
    max-width: 50%;
}
.max-w-12 {
    max-width: calc(var(--spacing) * 12);
}
.max-w-5 {
    max-width: calc(var(--spacing) * 5);
}
.max-w-64 {
    max-width: calc(var(--spacing) * 64);
}
.max-w-fit {
    max-width: fit-content;
}
.max-w-full {
    max-width: 100%;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-0\! {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
}
.mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
}
.mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
}
.mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
}
.mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
}
.mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
}
.min-h-\[1\.5rem\] {
    min-height: 1.5rem;
}
.min-h-\[1\%\] {
    min-height: 1%;
}
.min-h-\[12rem\] {
    min-height: 12rem;
}
.min-h-\[12rem\]\! {
    min-height: 12rem !important;
}
.min-h-\[2\.25rem\] {
    min-height: 2.25rem;
}
.min-h-\[3\.8rem\] {
    min-height: 3.8rem;
}
.min-h-12 {
    min-height: calc(var(--spacing) * 12);
}
.min-h-16 {
    min-height: calc(var(--spacing) * 16);
}
.min-h-auto {
    min-height: auto;
}
.min-h-full {
    min-height: 100%;
}
.min-w-\[22rem\] {
    min-width: 22rem;
}
.min-w-12 {
    min-width: calc(var(--spacing) * 12);
}
.min-w-36 {
    min-width: calc(var(--spacing) * 36);
}
.min-w-40 {
    min-width: calc(var(--spacing) * 40);
}
.min-w-full {
    min-width: 100%;
}
.ml-10 {
    margin-left: calc(var(--spacing) * 10);
}
.ml-2 {
    margin-left: calc(var(--spacing) * 2);
}
.ml-4 {
    margin-left: calc(var(--spacing) * 4);
}
.mr-1 {
    margin-right: calc(var(--spacing) * 1);
}
.mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
}
.mr-2 {
    margin-right: calc(var(--spacing) * 2);
}
.mr-3 {
    margin-right: calc(var(--spacing) * 3);
}
.mr-4 {
    margin-right: calc(var(--spacing) * 4);
}
.mr-6 {
    margin-right: calc(var(--spacing) * 6);
}
.mr-8 {
    margin-right: calc(var(--spacing) * 8);
}
.mt-1 {
    margin-top: calc(var(--spacing) * 1);
}
.mt-10 {
    margin-top: calc(var(--spacing) * 10);
}
.mt-12 {
    margin-top: calc(var(--spacing) * 12);
}
.mt-2 {
    margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
    margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
    margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
    margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
    margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
    margin-top: calc(var(--spacing) * 8);
}
.mt-8\! {
    margin-top: calc(var(--spacing) * 8) !important;
}
.mx-0 {
    margin-inline: 0;
}
.mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
}
.mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
}
.mx-14 {
    margin-inline: calc(var(--spacing) * 14);
}
.mx-2 {
    margin-inline: calc(var(--spacing) * 2);
}
.mx-4 {
    margin-inline: calc(var(--spacing) * 4);
}
.mx-6 {
    margin-inline: calc(var(--spacing) * 6);
}
.mx-8 {
    margin-inline: calc(var(--spacing) * 8);
}
.mx-auto {
    margin-inline: auto;
}
.my-0 {
    margin-block: 0;
}
.opacity-0 {
    opacity: calc(0 * 0.01);
}
.opacity-20 {
    opacity: calc(20 * 0.01);
}
.opacity-25 {
    opacity: calc(25 * 0.01);
}
.opacity-30 {
    opacity: calc(30 * 0.01);
}
.opacity-35 {
    opacity: calc(35 * 0.01);
}
.opacity-35\! {
    opacity: calc(35 * 0.01) !important;
}
.opacity-40 {
    opacity: calc(40 * 0.01);
}
.opacity-50 {
    opacity: calc(50 * 0.01);
}
.outline {
    outline-style: var(--sf-outline-style);
    outline-width: 1px;
}
.outline-fuchsia-500 {
    outline-color: var(--color-fuchsia-500);
}
.outline-white {
    outline-color: var(--color-white);
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-visible {
    overflow: visible;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.p-0 {
    padding: 0;
}
.p-2 {
    padding: calc(var(--spacing) * 2);
}
.p-3 {
    padding: calc(var(--spacing) * 3);
}
.p-4 {
    padding: calc(var(--spacing) * 4);
}
.p-6 {
    padding: calc(var(--spacing) * 6);
}
.p-8 {
    padding: calc(var(--spacing) * 8);
}
.pb-\[56\.25\%\] {
    padding-bottom: 56.25%;
}
.pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
}
.pb-11 {
    padding-bottom: calc(var(--spacing) * 11);
}
.pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
}
.pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
}
.pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
}
.pl-1 {
    padding-left: calc(var(--spacing) * 1);
}
.pl-10 {
    padding-left: calc(var(--spacing) * 10);
}
.pointer-events-none {
    pointer-events: none;
}
.pr-4 {
    padding-right: calc(var(--spacing) * 4);
}
.pr-9 {
    padding-right: calc(var(--spacing) * 9);
}
.pt-0 {
    padding-top: 0;
}
.pt-1 {
    padding-top: calc(var(--spacing) * 1);
}
.pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
}
.pt-2 {
    padding-top: calc(var(--spacing) * 2);
}
.pt-3 {
    padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
    padding-top: calc(var(--spacing) * 4);
}
.pt-6 {
    padding-top: calc(var(--spacing) * 6);
}
.pt-8 {
    padding-top: calc(var(--spacing) * 8);
}
.px-12 {
    padding-inline: calc(var(--spacing) * 12);
}
.px-2 {
    padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
    padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
    padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
    padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
    padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
    padding-inline: calc(var(--spacing) * 8);
}
.py-0 {
    padding-block: 0;
}
.py-1 {
    padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
}
.py-10 {
    padding-block: calc(var(--spacing) * 10);
}
.py-11 {
    padding-block: calc(var(--spacing) * 11);
}
.py-2 {
    padding-block: calc(var(--spacing) * 2);
}
.py-3 {
    padding-block: calc(var(--spacing) * 3);
}
.py-4 {
    padding-block: calc(var(--spacing) * 4);
}
.py-5 {
    padding-block: calc(var(--spacing) * 5);
}
.py-6 {
    padding-block: calc(var(--spacing) * 6);
}
.py-8 {
    padding-block: calc(var(--spacing) * 8);
}
.relative {
    position: relative;
}
.resize {
    resize: both;
}
.right-0 {
    right: 0;
}
.right-12 {
    right: calc(var(--spacing) * 12);
}
.right-3 {
    right: calc(var(--spacing) * 3);
}
.right-8 {
    right: calc(var(--spacing) * 8);
}
.ring {
    --sf-ring-shadow: var(--sf-ring-inset, ) 0 0 0 calc(1px + var(--sf-ring-offset-width)) var(--sf-ring-color, currentcolor);
    box-shadow: var(--sf-inset-shadow), var(--sf-inset-ring-shadow), var(--sf-ring-offset-shadow), var(--sf-ring-shadow), var(--sf-shadow);
}
.rounded-2xl {
    border-radius: var(--radius-2xl);
}
.rounded-bl-lg {
    border-bottom-left-radius: var(--radius-lg);
}
.rounded-br-lg {
    border-bottom-right-radius: var(--radius-lg);
}
.rounded-full {
    border-radius: calc(infinity * 1px);
}
.rounded-lg {
    border-radius: var(--radius-lg);
}
.rounded-md {
    border-radius: var(--radius-md);
}
.rounded-none {
    border-radius: 0;
}
.rounded-sm {
    border-radius: var(--radius-sm);
}
.rounded-xl {
    border-radius: var(--radius-xl);
}
.select-all {
    user-select: all;
}
.select-none {
    user-select: none;
}
.self-center {
    align-self: center;
}
.shadow-md {
    --sf-shadow-alpha: 10%;
    --sf-shadow-color: oklch(0 0 0 / var(--sf-shadow-alpha));
    --sf-shadow: 0 4px 6px -1px var(--sf-shadow-color), 0 2px 4px -2px var(--sf-shadow-color);
    box-shadow: var(--sf-inset-shadow), var(--sf-inset-ring-shadow), var(--sf-ring-offset-shadow), var(--sf-ring-shadow), var(--sf-shadow);
}
.shadow-panel {
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.08);
}
.shadow-widget {
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.25);
}
.space-y-0\.5 {
    & > :not(:last-child) {
        margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--sf-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--sf-space-y-reverse)));
    }
}
.space-y-1 {
    & > :not(:last-child) {
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--sf-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--sf-space-y-reverse)));
    }
}
.space-y-10 {
    & > :not(:last-child) {
        margin-block-start: calc(calc(var(--spacing) * 10) * var(--sf-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--sf-space-y-reverse)));
    }
}
.space-y-2 {
    & > :not(:last-child) {
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--sf-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--sf-space-y-reverse)));
    }
}
.space-y-2\.5 {
    & > :not(:last-child) {
        margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--sf-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--sf-space-y-reverse)));
    }
}
.space-y-3 {
    & > :not(:last-child) {
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--sf-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--sf-space-y-reverse)));
    }
}
.space-y-4 {
    & > :not(:last-child) {
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--sf-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--sf-space-y-reverse)));
    }
}
.space-y-5 {
    & > :not(:last-child) {
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--sf-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--sf-space-y-reverse)));
    }
}
.space-y-6 {
    & > :not(:last-child) {
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--sf-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--sf-space-y-reverse)));
    }
}
.space-y-7 {
    & > :not(:last-child) {
        margin-block-start: calc(calc(var(--spacing) * 7) * var(--sf-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--sf-space-y-reverse)));
    }
}
.space-y-8 {
    & > :not(:last-child) {
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--sf-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--sf-space-y-reverse)));
    }
}
.static {
    position: static;
}
.sticky {
    position: sticky;
}
.stroke-success {
    stroke: var(--color-success);
}
.stroke-white {
    stroke: var(--color-white);
}
.table {
    display: table;
}
.table-caption {
    display: table-caption;
}
.text-\[0\.75rem\] {
    font-size: 0.75rem;
}
.text-\[0\.8rem\] {
    font-size: 0.8rem;
}
.text-\[0\.9rem\] {
    font-size: 0.9rem;
}
.text-\[0\] {
    font-size: 0;
}
.text-\[0rem\] {
    font-size: 0rem;
}
.text-\[1\.25rem\] {
    font-size: 1.25rem;
}
.text-\[1\.2rem\] {
    font-size: 1.2rem;
}
.text-\[1\.35rem\] {
    font-size: 1.35rem;
}
.text-\[1\.5rem\] {
    font-size: 1.5rem;
}
.text-\[1\.75rem\] {
    font-size: 1.75rem;
}
.text-\[2rem\] {
    font-size: 2rem;
}
.text-\[3\.25rem\] {
    font-size: 3.25rem;
}
.text-\[3rem\] {
    font-size: 3rem;
}
.text-\[5rem\] {
    font-size: 5rem;
}
.text-\[8rem\] {
    font-size: 8rem;
}
.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--sf-leading, var(--text-2xl--line-height));
}
.text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--sf-leading, var(--text-3xl--line-height));
}
.text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--sf-leading, var(--text-4xl--line-height));
}
.text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--sf-leading, var(--text-5xl--line-height));
}
.text-article {
    color: var(--color-article);
}
.text-audio {
    color: var(--color-audio);
}
.text-balance {
    text-wrap: balance;
}
.text-base {
    font-size: var(--text-base);
    line-height: var(--sf-leading, var(--text-base--line-height));
}
.text-base\/6 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 6);
}
.text-black {
    color: var(--color-black);
}
.text-center {
    text-align: center;
}
.text-collection {
    color: var(--color-collection);
}
.text-community {
    color: var(--color-community);
}
.text-conference {
    color: var(--color-conference);
}
.text-course {
    color: var(--color-course);
}
.text-danger {
    color: var(--color-danger);
}
.text-dashboard {
    color: var(--color-dashboard);
}
.text-ellipsis {
    text-overflow: ellipsis;
}
.text-event {
    color: var(--color-event);
}
.text-fg {
    color: var(--color-fg);
}
.text-fg-bold {
    color: var(--color-fg-bold);
}
.text-fg-bold\! {
    color: var(--color-fg-bold) !important;
}
.text-file {
    color: var(--color-file);
}
.text-form {
    color: var(--color-form);
}
.text-left {
    text-align: left;
}
.text-lg {
    font-size: var(--text-lg);
    line-height: var(--sf-leading, var(--text-lg--line-height));
}
.text-lg\/6 {
    font-size: var(--text-lg);
    line-height: calc(var(--spacing) * 6);
}
.text-member {
    color: var(--color-member);
}
.text-nowrap {
    text-wrap: nowrap;
}
.text-orange-700 {
    color: var(--color-orange-700);
}
.text-panels\/50 {
    color: rgba(255,255,255,0.5);
}
.text-pretty {
    text-wrap: pretty;
}
.text-primary {
    color: var(--color-primary);
}
.text-primary-fg {
    color: var(--color-primary-fg);
}
.text-primary-fg-bold {
    color: var(--color-primary-fg-bold);
}
.text-primary-tint {
    color: var(--color-primary-tint);
}
.text-primary\! {
    color: var(--color-primary) !important;
}
.text-right {
    text-align: right;
}
.text-sm {
    font-size: var(--text-sm);
    line-height: var(--sf-leading, var(--text-sm--line-height));
}
.text-sm\! {
    font-size: var(--text-sm) !important;
    line-height: var(--sf-leading, var(--text-sm--line-height)) !important;
}
.text-sm\/6 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
}
.text-success {
    color: var(--color-success);
}
.text-success\! {
    color: var(--color-success) !important;
}
.text-tenant {
    color: var(--color-tenant);
}
.text-user {
    color: var(--color-user);
}
.text-video {
    color: var(--color-video);
}
.text-warning {
    color: var(--color-warning);
}
.text-white {
    color: var(--color-white);
}
.text-white\! {
    color: var(--color-white) !important;
}
.text-xl {
    font-size: var(--text-xl);
    line-height: var(--sf-leading, var(--text-xl--line-height));
}
.text-xs {
    font-size: var(--text-xs);
    line-height: var(--sf-leading, var(--text-xs--line-height));
}
.top-0 {
    top: 0;
}
.top-1\/2 {
    top: 50%;
}
.top-1\/2\! {
    top: 50% !important;
}
.top-3 {
    top: calc(var(--spacing) * 3);
}
.top-8 {
    top: calc(var(--spacing) * 8);
}
.touch-none {
    touch-action: none;
}
.transform {
    transform: var(--sf-rotate-x, ) var(--sf-rotate-y, ) var(--sf-rotate-z, ) var(--sf-skew-x, ) var(--sf-skew-y, );
}
.transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --sf-gradient-from, --sf-gradient-via, --sf-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: var(--sf-ease, var(--default-transition-timing-function));
    transition-duration: var(--sf-duration, var(--default-transition-duration));
}
.transition-background {
    transition-property: background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 250ms;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--sf-ease, var(--default-transition-timing-function));
    transition-duration: var(--sf-duration, var(--default-transition-duration));
}
.transition-save-bar {
    transition-property: margin-left, width, height;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-sidebar {
    transition-property: visibility, transform, max-height;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--sf-ease, var(--default-transition-timing-function));
    transition-duration: var(--sf-duration, var(--default-transition-duration));
}
.translate-center {
    translate: -50% -50%;
}
.translate-x-88 {
    --sf-translate-x: calc(var(--spacing) * 88);
    translate: var(--sf-translate-x) var(--sf-translate-y);
}
.translate-x-center {
    translate: -50% var(--sf-translate-y);
}
.translate-y-center {
    translate: var(--sf-translate-x) -50%;
}
.translate-y-center\! {
    translate: var(--sf-translate-x) -50% !important;
}
.underline {
    text-decoration-line: underline;
}
.uppercase {
    text-transform: uppercase;
}
.visible {
    visibility: visible;
}
.w-\[1\.6rem\] {
    width: 1.6rem;
}
.w-\[2\.25rem\] {
    width: 2.25rem;
}
.w-\[20\%\] {
    width: 20%;
}
.w-\[22rem\] {
    width: 22rem;
}
.w-\[3\.5rem\] {
    width: 3.5rem;
}
.w-\[3\.8rem\] {
    width: 3.8rem;
}
.w-0 {
    width: 0;
}
.w-12 {
    width: calc(var(--spacing) * 12);
}
.w-16 {
    width: calc(var(--spacing) * 16);
}
.w-2 {
    width: calc(var(--spacing) * 2);
}
.w-20 {
    width: calc(var(--spacing) * 20);
}
.w-21 {
    width: calc(var(--spacing) * 21);
}
.w-32 {
    width: calc(var(--spacing) * 32);
}
.w-36 {
    width: calc(var(--spacing) * 36);
}
.w-4 {
    width: calc(var(--spacing) * 4);
}
.w-48 {
    width: calc(var(--spacing) * 48);
}
.w-5\/6\! {
    width: 83.333333333333% !important;
}
.w-56 {
    width: calc(var(--spacing) * 56);
}
.w-64 {
    width: calc(var(--spacing) * 64);
}
.w-7 {
    width: calc(var(--spacing) * 7);
}
.w-75 {
    width: calc(var(--spacing) * 75);
}
.w-8 {
    width: calc(var(--spacing) * 8);
}
.w-auto {
    width: auto;
}
.w-fit {
    width: fit-content;
}
.w-full {
    width: 100%;
}
.w-full\! {
    width: 100% !important;
}
.w-screen {
    width: 100vw;
}
.w-screen\! {
    width: 100vw !important;
}
.whitespace-normal {
    white-space: normal;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.z-\[10000\] {
    z-index: 10000;
}
.z-\[12001\] {
    z-index: 12001;
}
.z-\[9001\] {
    z-index: 9001;
}
.z-\[9002\] {
    z-index: 9002;
}
.z-\[999\] {
    z-index: 999;
}
.z-\[9999\] {
    z-index: 9999;
}
.z-\[99999\] {
    z-index: 99999;
}
.z-\[999998\] {
    z-index: 999998;
}
.z-\[999999\] {
    z-index: 999999;
}
.empty\:hidden:empty {
    display: none;
}
.first-of-type\:mt-0:first-of-type {
    margin-top: 0;
}
.font-bold {
    --sf-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
.font-light {
    --sf-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
}
.font-medium {
    --sf-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
.font-semibold {
    --sf-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}
.font-semibold\! {
    --sf-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
}
.hover\:bg-primary-tint:hover {
    background-color: var(--color-primary-tint);
}
.hover\:rounded-sm:hover {
    border-radius: var(--radius-sm);
}
.hover\:underline:hover {
    text-decoration-line: underline;
}
.leading-\[1\.25\] {
    --sf-leading: 1.25;
    line-height: var(--sf-leading);
}
.leading-\[1\.25rem\] {
    --sf-leading: 1.25rem;
    line-height: var(--sf-leading);
}
.leading-\[1\.2rem\] {
    --sf-leading: 1.2rem;
    line-height: var(--sf-leading);
}
.leading-\[1\.3\]\! {
    --sf-leading: 1.3 !important;
    line-height: var(--sf-leading) !important;
}
.leading-\[1\.4\] {
    --sf-leading: 1.4;
    line-height: var(--sf-leading);
}
.leading-\[1\.5\] {
    --sf-leading: 1.5;
    line-height: var(--sf-leading);
}
.leading-\[1\.5rem\] {
    --sf-leading: 1.5rem;
    line-height: var(--sf-leading);
}
.leading-\[1\.6rem\] {
    --sf-leading: 1.6rem;
    line-height: var(--sf-leading);
}
.leading-\[1\.7\]\! {
    --sf-leading: 1.7 !important;
    line-height: var(--sf-leading) !important;
}
.leading-\[1\.75rem\] {
    --sf-leading: 1.75rem;
    line-height: var(--sf-leading);
}
.leading-\[2rem\] {
    --sf-leading: 2rem;
    line-height: var(--sf-leading);
}
.leading-5 {
    --sf-leading: calc(var(--spacing) * 5);
    line-height: var(--sf-leading);
}
.leading-none {
    --sf-leading: 1;
    line-height: var(--sf-leading);
}
.border-dashed {
    --sf-border-style: dashed;
    border-style: dashed;
}
.border-solid {
    --sf-border-style: solid;
    border-style: solid;
}
@media (min-aspect-ratio: 0.6249) {
    .mobi\:hidden {
        display: none;
    }
}
@media (min-aspect-ratio: 0.625) {
    .tabp\:rounded {
        border-radius: var(--radius-sm);
    }
    .tabp\:-ml-4 {
        margin-left: calc(var(--spacing) * -4);
    }
    .tabp\:-mx-10 {
        margin-inline: calc(var(--spacing) * -10);
    }
    .tabp\:\[grid-column\:span_3_\/_-1\] {
        grid-column:span 3 / -1;
    }
    .tabp\:auto-rows-\[1fr\] {
        grid-auto-rows: 1fr;
    }
    .tabp\:block {
        display: block;
    }
    .tabp\:block\! {
        display: block !important;
    }
    .tabp\:border-l-black {
        border-left-color: var(--color-black);
    }
    .tabp\:border-t-0 {
        border-top-style: var(--sf-border-style);
        border-top-width: 0px;
    }
    .tabp\:bottom-8 {
        bottom: calc(var(--spacing) * 8);
    }
    .tabp\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .tabp\:col-span-full {
        grid-column: 1 / -1;
    }
    .tabp\:flex {
        display: flex;
    }
    .tabp\:gap-x-0 {
        column-gap: 0;
    }
    .tabp\:gap-x-1 {
        column-gap: calc(var(--spacing) * 1);
    }
    .tabp\:gap-x-10 {
        column-gap: calc(var(--spacing) * 10);
    }
    .tabp\:gap-x-11 {
        column-gap: calc(var(--spacing) * 11);
    }
    .tabp\:gap-x-12 {
        column-gap: calc(var(--spacing) * 12);
    }
    .tabp\:gap-x-2 {
        column-gap: calc(var(--spacing) * 2);
    }
    .tabp\:gap-x-3 {
        column-gap: calc(var(--spacing) * 3);
    }
    .tabp\:gap-x-4 {
        column-gap: calc(var(--spacing) * 4);
    }
    .tabp\:gap-x-5 {
        column-gap: calc(var(--spacing) * 5);
    }
    .tabp\:gap-x-6 {
        column-gap: calc(var(--spacing) * 6);
    }
    .tabp\:gap-x-7 {
        column-gap: calc(var(--spacing) * 7);
    }
    .tabp\:gap-x-8 {
        column-gap: calc(var(--spacing) * 8);
    }
    .tabp\:gap-x-9 {
        column-gap: calc(var(--spacing) * 9);
    }
    .tabp\:gap-y-0 {
        row-gap: 0;
    }
    .tabp\:gap-y-1 {
        row-gap: calc(var(--spacing) * 1);
    }
    .tabp\:gap-y-10 {
        row-gap: calc(var(--spacing) * 10);
    }
    .tabp\:gap-y-11 {
        row-gap: calc(var(--spacing) * 11);
    }
    .tabp\:gap-y-12 {
        row-gap: calc(var(--spacing) * 12);
    }
    .tabp\:gap-y-2 {
        row-gap: calc(var(--spacing) * 2);
    }
    .tabp\:gap-y-3 {
        row-gap: calc(var(--spacing) * 3);
    }
    .tabp\:gap-y-4 {
        row-gap: calc(var(--spacing) * 4);
    }
    .tabp\:gap-y-5 {
        row-gap: calc(var(--spacing) * 5);
    }
    .tabp\:gap-y-6 {
        row-gap: calc(var(--spacing) * 6);
    }
    .tabp\:gap-y-7 {
        row-gap: calc(var(--spacing) * 7);
    }
    .tabp\:gap-y-8 {
        row-gap: calc(var(--spacing) * 8);
    }
    .tabp\:gap-y-9 {
        row-gap: calc(var(--spacing) * 9);
    }
    .tabp\:grid {
        display: grid;
    }
    .tabp\:grid-cols-\[0\.75rem_1\.75rem_auto\] {
        grid-template-columns: 0.75rem 1.75rem auto;
    }
    .tabp\:grid-cols-\[1\.25fr_3fr\] {
        grid-template-columns: 1.25fr 3fr;
    }
    .tabp\:grid-cols-\[1\.5fr_1fr_1fr_auto\] {
        grid-template-columns: 1.5fr 1fr 1fr auto;
    }
    .tabp\:grid-cols-\[1\.5fr_1fr_auto\] {
        grid-template-columns: 1.5fr 1fr auto;
    }
    .tabp\:grid-cols-\[10rem_1fr\] {
        grid-template-columns: 10rem 1fr;
    }
    .tabp\:grid-cols-\[10rem_auto\] {
        grid-template-columns: 10rem auto;
    }
    .tabp\:grid-cols-\[11rem_1fr\] {
        grid-template-columns: 11rem 1fr;
    }
    .tabp\:grid-cols-\[12\.5rem_9rem\] {
        grid-template-columns: 12.5rem 9rem;
    }
    .tabp\:grid-cols-\[12rem_1fr\] {
        grid-template-columns: 12rem 1fr;
    }
    .tabp\:grid-cols-\[13rem_1fr\] {
        grid-template-columns: 13rem 1fr;
    }
    .tabp\:grid-cols-\[14rem_1fr\] {
        grid-template-columns: 14rem 1fr;
    }
    .tabp\:grid-cols-\[15rem_1fr\] {
        grid-template-columns: 15rem 1fr;
    }
    .tabp\:grid-cols-\[15rem_max-content\] {
        grid-template-columns: 15rem max-content;
    }
    .tabp\:grid-cols-\[16rem_1fr\] {
        grid-template-columns: 16rem 1fr;
    }
    .tabp\:grid-cols-\[16rem_auto\] {
        grid-template-columns: 16rem auto;
    }
    .tabp\:grid-cols-\[17rem_1fr\] {
        grid-template-columns: 17rem 1fr;
    }
    .tabp\:grid-cols-\[18rem_1fr\] {
        grid-template-columns: 18rem 1fr;
    }
    .tabp\:grid-cols-\[19rem_1fr\] {
        grid-template-columns: 19rem 1fr;
    }
    .tabp\:grid-cols-\[1fr_0\.75fr_1fr\] {
        grid-template-columns: 1fr 0.75fr 1fr;
    }
    .tabp\:grid-cols-\[1fr_0rem_12rem\] {
        grid-template-columns: 1fr 0rem 12rem;
    }
    .tabp\:grid-cols-\[1fr_15rem\] {
        grid-template-columns: 1fr 15rem;
    }
    .tabp\:grid-cols-\[1fr_1fr_1fr\] {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .tabp\:grid-cols-\[1fr_1fr\] {
        grid-template-columns: 1fr 1fr;
    }
    .tabp\:grid-cols-\[1fr_2fr\] {
        grid-template-columns: 1fr 2fr;
    }
    .tabp\:grid-cols-\[1fr_3fr\] {
        grid-template-columns: 1fr 3fr;
    }
    .tabp\:grid-cols-\[1fr_4fr\] {
        grid-template-columns: 1fr 4fr;
    }
    .tabp\:grid-cols-\[1fr_9rem_12rem\] {
        grid-template-columns: 1fr 9rem 12rem;
    }
    .tabp\:grid-cols-\[1fr_auto\] {
        grid-template-columns: 1fr auto;
    }
    .tabp\:grid-cols-\[1fr\] {
        grid-template-columns: 1fr;
    }
    .tabp\:grid-cols-\[1rem_auto_auto\] {
        grid-template-columns: 1rem auto auto;
    }
    .tabp\:grid-cols-\[2\.5rem_1fr\] {
        grid-template-columns: 2.5rem 1fr;
    }
    .tabp\:grid-cols-\[20rem_1fr\] {
        grid-template-columns: 20rem 1fr;
    }
    .tabp\:grid-cols-\[2fr_1fr\] {
        grid-template-columns: 2fr 1fr;
    }
    .tabp\:grid-cols-\[2fr_3fr\] {
        grid-template-columns: 2fr 3fr;
    }
    .tabp\:grid-cols-\[2fr_min-content\] {
        grid-template-columns: 2fr min-content;
    }
    .tabp\:grid-cols-\[2rem_1fr\] {
        grid-template-columns: 2rem 1fr;
    }
    .tabp\:grid-cols-\[3fr_1fr\] {
        grid-template-columns: 3fr 1fr;
    }
    .tabp\:grid-cols-\[3fr_2fr_12rem_8rem\] {
        grid-template-columns: 3fr 2fr 12rem 8rem;
    }
    .tabp\:grid-cols-\[3fr_2fr_12rem\] {
        grid-template-columns: 3fr 2fr 12rem;
    }
    .tabp\:grid-cols-\[4fr_1fr\] {
        grid-template-columns: 4fr 1fr;
    }
    .tabp\:grid-cols-\[4rem_auto\] {
        grid-template-columns: 4rem auto;
    }
    .tabp\:grid-cols-\[5fr_2fr\] {
        grid-template-columns: 5fr 2fr;
    }
    .tabp\:grid-cols-\[5rem_1fr\] {
        grid-template-columns: 5rem 1fr;
    }
    .tabp\:grid-cols-\[6rem_1fr\] {
        grid-template-columns: 6rem 1fr;
    }
    .tabp\:grid-cols-\[7rem_1fr\] {
        grid-template-columns: 7rem 1fr;
    }
    .tabp\:grid-cols-\[8rem_1fr_8rem_1fr\] {
        grid-template-columns: 8rem 1fr 8rem 1fr;
    }
    .tabp\:grid-cols-\[8rem_1fr\] {
        grid-template-columns: 8rem 1fr;
    }
    .tabp\:grid-cols-\[9rem_1fr\] {
        grid-template-columns: 9rem 1fr;
    }
    .tabp\:grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr;
    }
    .tabp\:grid-cols-\[auto_auto_20rem\] {
        grid-template-columns: auto auto 20rem;
    }
    .tabp\:grid-cols-\[auto_auto\] {
        grid-template-columns: auto auto;
    }
    .tabp\:grid-cols-\[auto_max-content\] {
        grid-template-columns: auto max-content;
    }
    .tabp\:grid-cols-\[auto_min-content_auto\] {
        grid-template-columns: auto min-content auto;
    }
    .tabp\:grid-cols-\[auto_minmax\(15rem\,min-content\)\] {
        grid-template-columns: auto minmax(15rem,min-content);
    }
    .tabp\:grid-cols-\[max-content_max-content\] {
        grid-template-columns: max-content max-content;
    }
    .tabp\:grid-cols-\[max-content\] {
        grid-template-columns: max-content;
    }
    .tabp\:grid-cols-\[min-content_min-content\] {
        grid-template-columns: min-content min-content;
    }
    .tabp\:grid-cols-\[repeat\(10\,1fr\)\] {
        grid-template-columns: repeat(10,1fr);
    }
    .tabp\:grid-cols-\[repeat\(10\,auto\)\] {
        grid-template-columns: repeat(10,auto);
    }
    .tabp\:grid-cols-\[repeat\(11\,auto\)\] {
        grid-template-columns: repeat(11,auto);
    }
    .tabp\:grid-cols-\[repeat\(12\,auto\)\] {
        grid-template-columns: repeat(12,auto);
    }
    .tabp\:grid-cols-\[repeat\(2\,1fr\)\] {
        grid-template-columns: repeat(2,1fr);
    }
    .tabp\:grid-cols-\[repeat\(3\,1fr\)\] {
        grid-template-columns: repeat(3,1fr);
    }
    .tabp\:grid-cols-\[repeat\(3\,8rem\)\] {
        grid-template-columns: repeat(3,8rem);
    }
    .tabp\:grid-cols-\[repeat\(3\,auto\)\] {
        grid-template-columns: repeat(3,auto);
    }
    .tabp\:grid-cols-\[repeat\(3\,max-content\)\] {
        grid-template-columns: repeat(3,max-content);
    }
    .tabp\:grid-cols-\[repeat\(4\,1fr\)\] {
        grid-template-columns: repeat(4,1fr);
    }
    .tabp\:grid-cols-\[repeat\(5\,1fr\)\] {
        grid-template-columns: repeat(5,1fr);
    }
    .tabp\:grid-cols-\[repeat\(5\,max-content\)\] {
        grid-template-columns: repeat(5,max-content);
    }
    .tabp\:grid-cols-\[repeat\(6\,1fr\)\] {
        grid-template-columns: repeat(6,1fr);
    }
    .tabp\:grid-cols-\[repeat\(7\,1fr\)\] {
        grid-template-columns: repeat(7,1fr);
    }
    .tabp\:grid-cols-\[repeat\(7\,auto\)\] {
        grid-template-columns: repeat(7,auto);
    }
    .tabp\:grid-cols-\[repeat\(8\,1fr\)\] {
        grid-template-columns: repeat(8,1fr);
    }
    .tabp\:grid-cols-\[repeat\(8\,auto\)\] {
        grid-template-columns: repeat(8,auto);
    }
    .tabp\:grid-cols-\[repeat\(9\,1fr\)\] {
        grid-template-columns: repeat(9,1fr);
    }
    .tabp\:grid-cols-\[repeat\(9\,auto\)\] {
        grid-template-columns: repeat(9,auto);
    }
    .tabp\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .tabp\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tabp\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .tabp\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .group.floating .tabp\:group-\[\.floating\]\:p-4 {
        padding: calc(var(--spacing) * 4);
    }
    .group.floating .tabp\:group-\[\.floating\]\:pl-0 {
        padding-left: 0;
    }
    .tabp\:h-\[10rem\] {
        height: 10rem;
    }
    .tabp\:h-\[18rem\] {
        height: 18rem;
    }
    .tabp\:h-\[20rem\] {
        height: 20rem;
    }
    .tabp\:h-\[24rem\] {
        height: 24rem;
    }
    .tabp\:h-\[30rem\] {
        height: 30rem;
    }
    .tabp\:h-\[80vh\] {
        height: 80vh;
    }
    .tabp\:h-\[calc\(100vh_-_6rem\)\] {
        height: calc(100vh - 6rem);
    }
    .tabp\:h-12 {
        height: calc(var(--spacing) * 12);
    }
    .tabp\:h-16 {
        height: calc(var(--spacing) * 16);
    }
    .tabp\:h-24 {
        height: calc(var(--spacing) * 24);
    }
    .tabp\:h-auto\! {
        height: auto !important;
    }
    .tabp\:hidden {
        display: none;
    }
    .tabp\:inline-block {
        display: inline-block;
    }
    .tabp\:items-center {
        align-items: center;
    }
    .tabp\:items-stretch {
        align-items: stretch;
    }
    .tabp\:justify-center {
        justify-content: center;
    }
    .tabp\:justify-end {
        justify-content: flex-end;
    }
    .tabp\:justify-items-end {
        justify-items: end;
    }
    .tabp\:justify-items-start {
        justify-items: start;
    }
    .tabp\:left-1\/2 {
        left: 50%;
    }
    .tabp\:left-12 {
        left: calc(var(--spacing) * 12);
    }
    .tabp\:max-h-\[90vh\] {
        max-height: 90vh;
    }
    .tabp\:max-w-\[12\.5rem\] {
        max-width: 12.5rem;
    }
    .tabp\:max-w-\[60rem\] {
        max-width: 60rem;
    }
    .tabp\:max-w-\[70\%\] {
        max-width: 70%;
    }
    .tabp\:max-w-\[9rem\] {
        max-width: 9rem;
    }
    .tabp\:mb-0 {
        margin-bottom: 0;
    }
    .tabp\:mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
    }
    .tabp\:ml-4 {
        margin-left: calc(var(--spacing) * 4);
    }
    .tabp\:mt-12 {
        margin-top: calc(var(--spacing) * 12);
    }
    .tabp\:mx-12 {
        margin-inline: calc(var(--spacing) * 12);
    }
    .tabp\:mx-6 {
        margin-inline: calc(var(--spacing) * 6);
    }
    .tabp\:mx-auto {
        margin-inline: auto;
    }
    .tabp\:overflow-hidden {
        overflow: hidden;
    }
    .tabp\:p-12 {
        padding: calc(var(--spacing) * 12);
    }
    .tabp\:p-16 {
        padding: calc(var(--spacing) * 16);
    }
    .tabp\:pb-10 {
        padding-bottom: calc(var(--spacing) * 10);
    }
    .tabp\:pb-12 {
        padding-bottom: calc(var(--spacing) * 12);
    }
    .tabp\:pb-24 {
        padding-bottom: calc(var(--spacing) * 24);
    }
    .tabp\:pb-4 {
        padding-bottom: calc(var(--spacing) * 4);
    }
    .tabp\:pl-0 {
        padding-left: 0;
    }
    .tabp\:pl-36 {
        padding-left: calc(var(--spacing) * 36);
    }
    .tabp\:pl-8 {
        padding-left: calc(var(--spacing) * 8);
    }
    .tabp\:pr-12 {
        padding-right: calc(var(--spacing) * 12);
    }
    .tabp\:pr-4 {
        padding-right: calc(var(--spacing) * 4);
    }
    .tabp\:pt-0 {
        padding-top: 0;
    }
    .tabp\:pt-10 {
        padding-top: calc(var(--spacing) * 10);
    }
    .tabp\:pt-12 {
        padding-top: calc(var(--spacing) * 12);
    }
    .tabp\:px-\[0\.65rem\] {
        padding-inline: 0.65rem;
    }
    .tabp\:px-10 {
        padding-inline: calc(var(--spacing) * 10);
    }
    .tabp\:px-5 {
        padding-inline: calc(var(--spacing) * 5);
    }
    .tabp\:px-6 {
        padding-inline: calc(var(--spacing) * 6);
    }
    .tabp\:py-12 {
        padding-block: calc(var(--spacing) * 12);
    }
    .tabp\:py-2 {
        padding-block: calc(var(--spacing) * 2);
    }
    .tabp\:py-3 {
        padding-block: calc(var(--spacing) * 3);
    }
    .tabp\:py-5 {
        padding-block: calc(var(--spacing) * 5);
    }
    .tabp\:py-6 {
        padding-block: calc(var(--spacing) * 6);
    }
    .tabp\:py-8 {
        padding-block: calc(var(--spacing) * 8);
    }
    .tabp\:py-9 {
        padding-block: calc(var(--spacing) * 9);
    }
    .tabp\:rounded-xl {
        border-radius: var(--radius-xl);
    }
    .tabp\:space-y-12 {
        & > :not(:last-child) {
            margin-block-start: calc(calc(var(--spacing) * 12) * var(--sf-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--sf-space-y-reverse)));
        }
    }
    .tabp\:space-y-4 {
        & > :not(:last-child) {
            margin-block-start: calc(calc(var(--spacing) * 4) * var(--sf-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--sf-space-y-reverse)));
        }
    }
    .tabp\:text-\[0\.65rem\] {
        font-size: 0.65rem;
    }
    .tabp\:text-\[0\.85rem\] {
        font-size: 0.85rem;
    }
    .tabp\:text-\[3\.75rem\] {
        font-size: 3.75rem;
    }
    .tabp\:text-\[5rem\] {
        font-size: 5rem;
    }
    .tabp\:text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--sf-leading, var(--text-2xl--line-height));
    }
    .tabp\:text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--sf-leading, var(--text-3xl--line-height));
    }
    .tabp\:text-base {
        font-size: var(--text-base);
        line-height: var(--sf-leading, var(--text-base--line-height));
    }
    .tabp\:text-right {
        text-align: right;
    }
    .tabp\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--sf-leading, var(--text-sm--line-height));
    }
    .tabp\:text-xl {
        font-size: var(--text-xl);
        line-height: var(--sf-leading, var(--text-xl--line-height));
    }
    .tabp\:top-1\/2 {
        top: 50%;
    }
    .tabp\:top-12 {
        top: calc(var(--spacing) * 12);
    }
    .tabp\:translate-center {
        translate: -50% -50%;
    }
    .tabp\:translate-center\! {
        translate: -50% -50% !important;
    }
    .tabp\:w-\[10\%\] {
        width: 10%;
    }
    .tabp\:w-\[24rem\] {
        width: 24rem;
    }
    .tabp\:w-\[70\%\] {
        width: 70%;
    }
    .tabp\:w-\[80vw\] {
        width: 80vw;
    }
    .tabp\:w-\[90vw\] {
        width: 90vw;
    }
    .tabp\:w-104 {
        width: calc(var(--spacing) * 104);
    }
    .tabp\:w-12 {
        width: calc(var(--spacing) * 12);
    }
    .tabp\:w-16 {
        width: calc(var(--spacing) * 16);
    }
    .tabp\:w-24 {
        width: calc(var(--spacing) * 24);
    }
    .tabp\:w-3\/4 {
        width: 75%;
    }
    .tabp\:w-4\/5 {
        width: 80%;
    }
    .tabp\:w-fit {
        width: fit-content;
    }
}
@media (min-aspect-ratio: 1.0) {
    .tabl\:-mx-12 {
        margin-inline: calc(var(--spacing) * -12);
    }
    .tabl\:border-8 {
        border-style: var(--sf-border-style);
        border-width: 8px;
    }
    .tabl\:gap-x-0 {
        column-gap: 0;
    }
    .tabl\:gap-x-1 {
        column-gap: calc(var(--spacing) * 1);
    }
    .tabl\:gap-x-10 {
        column-gap: calc(var(--spacing) * 10);
    }
    .tabl\:gap-x-11 {
        column-gap: calc(var(--spacing) * 11);
    }
    .tabl\:gap-x-12 {
        column-gap: calc(var(--spacing) * 12);
    }
    .tabl\:gap-x-2 {
        column-gap: calc(var(--spacing) * 2);
    }
    .tabl\:gap-x-3 {
        column-gap: calc(var(--spacing) * 3);
    }
    .tabl\:gap-x-4 {
        column-gap: calc(var(--spacing) * 4);
    }
    .tabl\:gap-x-5 {
        column-gap: calc(var(--spacing) * 5);
    }
    .tabl\:gap-x-6 {
        column-gap: calc(var(--spacing) * 6);
    }
    .tabl\:gap-x-7 {
        column-gap: calc(var(--spacing) * 7);
    }
    .tabl\:gap-x-8 {
        column-gap: calc(var(--spacing) * 8);
    }
    .tabl\:gap-x-9 {
        column-gap: calc(var(--spacing) * 9);
    }
    .tabl\:gap-y-0 {
        row-gap: 0;
    }
    .tabl\:gap-y-1 {
        row-gap: calc(var(--spacing) * 1);
    }
    .tabl\:gap-y-10 {
        row-gap: calc(var(--spacing) * 10);
    }
    .tabl\:gap-y-11 {
        row-gap: calc(var(--spacing) * 11);
    }
    .tabl\:gap-y-12 {
        row-gap: calc(var(--spacing) * 12);
    }
    .tabl\:gap-y-2 {
        row-gap: calc(var(--spacing) * 2);
    }
    .tabl\:gap-y-3 {
        row-gap: calc(var(--spacing) * 3);
    }
    .tabl\:gap-y-4 {
        row-gap: calc(var(--spacing) * 4);
    }
    .tabl\:gap-y-5 {
        row-gap: calc(var(--spacing) * 5);
    }
    .tabl\:gap-y-6 {
        row-gap: calc(var(--spacing) * 6);
    }
    .tabl\:gap-y-7 {
        row-gap: calc(var(--spacing) * 7);
    }
    .tabl\:gap-y-8 {
        row-gap: calc(var(--spacing) * 8);
    }
    .tabl\:gap-y-9 {
        row-gap: calc(var(--spacing) * 9);
    }
    .tabl\:grid-cols-\[10rem_1fr\] {
        grid-template-columns: 10rem 1fr;
    }
    .tabl\:grid-cols-\[11rem_1fr\] {
        grid-template-columns: 11rem 1fr;
    }
    .tabl\:grid-cols-\[12rem_1fr\] {
        grid-template-columns: 12rem 1fr;
    }
    .tabl\:grid-cols-\[13rem_1fr\] {
        grid-template-columns: 13rem 1fr;
    }
    .tabl\:grid-cols-\[14rem_1fr\] {
        grid-template-columns: 14rem 1fr;
    }
    .tabl\:grid-cols-\[15rem_1fr\] {
        grid-template-columns: 15rem 1fr;
    }
    .tabl\:grid-cols-\[16rem_1fr\] {
        grid-template-columns: 16rem 1fr;
    }
    .tabl\:grid-cols-\[17rem_1fr\] {
        grid-template-columns: 17rem 1fr;
    }
    .tabl\:grid-cols-\[18rem_1fr\] {
        grid-template-columns: 18rem 1fr;
    }
    .tabl\:grid-cols-\[19rem_1fr\] {
        grid-template-columns: 19rem 1fr;
    }
    .tabl\:grid-cols-\[1fr_1fr_1fr\] {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .tabl\:grid-cols-\[1fr_9rem_12rem\] {
        grid-template-columns: 1fr 9rem 12rem;
    }
    .tabl\:grid-cols-\[1fr\] {
        grid-template-columns: 1fr;
    }
    .tabl\:grid-cols-\[20rem_1fr\] {
        grid-template-columns: 20rem 1fr;
    }
    .tabl\:grid-cols-\[5rem_1fr\] {
        grid-template-columns: 5rem 1fr;
    }
    .tabl\:grid-cols-\[6rem_1fr\] {
        grid-template-columns: 6rem 1fr;
    }
    .tabl\:grid-cols-\[7rem_1fr\] {
        grid-template-columns: 7rem 1fr;
    }
    .tabl\:grid-cols-\[8rem_1fr\] {
        grid-template-columns: 8rem 1fr;
    }
    .tabl\:grid-cols-\[9rem_1fr\] {
        grid-template-columns: 9rem 1fr;
    }
    .tabl\:grid-cols-\[repeat\(10\,1fr\)\] {
        grid-template-columns: repeat(10,1fr);
    }
    .tabl\:grid-cols-\[repeat\(2\,1fr\)\] {
        grid-template-columns: repeat(2,1fr);
    }
    .tabl\:grid-cols-\[repeat\(3\,10rem\)\] {
        grid-template-columns: repeat(3,10rem);
    }
    .tabl\:grid-cols-\[repeat\(3\,1fr\)\] {
        grid-template-columns: repeat(3,1fr);
    }
    .tabl\:grid-cols-\[repeat\(4\,1fr\)\] {
        grid-template-columns: repeat(4,1fr);
    }
    .tabl\:grid-cols-\[repeat\(4\,auto\)\] {
        grid-template-columns: repeat(4,auto);
    }
    .tabl\:grid-cols-\[repeat\(5\,1fr\)\] {
        grid-template-columns: repeat(5,1fr);
    }
    .tabl\:grid-cols-\[repeat\(6\,1fr\)\] {
        grid-template-columns: repeat(6,1fr);
    }
    .tabl\:grid-cols-\[repeat\(7\,1fr\)\] {
        grid-template-columns: repeat(7,1fr);
    }
    .tabl\:grid-cols-\[repeat\(8\,1fr\)\] {
        grid-template-columns: repeat(8,1fr);
    }
    .tabl\:grid-cols-\[repeat\(9\,1fr\)\] {
        grid-template-columns: repeat(9,1fr);
    }
    .tabl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .group.floating .tabl\:group-\[\.floating\]\:p-5 {
        padding: calc(var(--spacing) * 5);
    }
    .group.floating .tabl\:group-\[\.floating\]\:pl-0 {
        padding-left: 0;
    }
    .tabl\:h-\[15rem\] {
        height: 15rem;
    }
    .tabl\:h-\[20rem\] {
        height: 20rem;
    }
    .tabl\:h-\[30rem\] {
        height: 30rem;
    }
    .tabl\:h-\[40rem\] {
        height: 40rem;
    }
    .tabl\:h-8 {
        height: calc(var(--spacing) * 8);
    }
    .tabl\:max-w-\[73\.5rem\] {
        max-width: 73.5rem;
    }
    .tabl\:mx-8 {
        margin-inline: calc(var(--spacing) * 8);
    }
    .tabl\:pr-5 {
        padding-right: calc(var(--spacing) * 5);
    }
    .tabl\:px-12 {
        padding-inline: calc(var(--spacing) * 12);
    }
    .tabl\:px-4 {
        padding-inline: calc(var(--spacing) * 4);
    }
    .tabl\:px-6 {
        padding-inline: calc(var(--spacing) * 6);
    }
    .tabl\:px-8 {
        padding-inline: calc(var(--spacing) * 8);
    }
    .tabl\:py-11 {
        padding-block: calc(var(--spacing) * 11);
    }
    .tabl\:py-2 {
        padding-block: calc(var(--spacing) * 2);
    }
    .tabl\:py-3 {
        padding-block: calc(var(--spacing) * 3);
    }
    .tabl\:py-6 {
        padding-block: calc(var(--spacing) * 6);
    }
    .tabl\:text-\[0\.9rem\] {
        font-size: 0.9rem;
    }
    .tabl\:text-\[1\.2rem\] {
        font-size: 1.2rem;
    }
    .tabl\:text-\[2rem\] {
        font-size: 2rem;
    }
    .tabl\:w-\[75vw\] {
        width: 75vw;
    }
    .tabl\:w-8 {
        width: calc(var(--spacing) * 8);
    }
    .tabl\:leading-\[1\.45\] {
        --sf-leading: 1.45;
        line-height: var(--sf-leading);
    }
    .tabl\:leading-\[2rem\] {
        --sf-leading: 2rem;
        line-height: var(--sf-leading);
    }
}
@media (min-aspect-ratio: 1.5) {
    .desk\:gap-x-12 {
        column-gap: calc(var(--spacing) * 12);
    }
    .desk\:gap-x-6 {
        column-gap: calc(var(--spacing) * 6);
    }
    .desk\:grid-cols-\[0rem_1fr_0rem\] {
        grid-template-columns: 0rem 1fr 0rem;
    }
    .desk\:grid-cols-\[13rem_1fr_13rem\] {
        grid-template-columns: 13rem 1fr 13rem;
    }
    .desk\:grid-cols-\[26rem_1fr\] {
        grid-template-columns: 26rem 1fr;
    }
    .desk\:hidden {
        display: none;
    }
    .desk\:hidden\! {
        display: none !important;
    }
    .desk\:left-0 {
        left: 0;
    }
    .desk\:max-w-\[104rem\] {
        max-width: 104rem;
    }
    .desk\:overflow-visible {
        overflow: visible;
    }
    .desk\:sticky {
        position: sticky;
    }
}
@media (prefers-color-scheme: dark) {
    .dark\:bg-dark-canvas {
        background-color: var(--color-dark-canvas);
    }
    .dark\:bg-dark-danger {
        background-color: var(--color-dark-danger);
    }
    .dark\:bg-dark-danger\/5 {
        background-color: rgba(255,55,95,0.05);
    }
    .dark\:bg-dark-fg-bold\/80 {
        background-color: rgba(0,0,0,0.8);
    }
    .dark\:bg-dark-fg\/5 {
        background-color: rgba(0,0,0,0.05);
    }
    .dark\:bg-dark-fg\/7 {
        background-color: rgba(0,0,0,0.07);
    }
    .dark\:bg-dark-panels {
        background-color: var(--color-dark-panels);
    }
    .dark\:bg-dark-primary {
        background-color: var(--color-dark-primary);
    }
    .dark\:bg-dark-primary-fg-bold {
        background-color: var(--color-dark-primary-fg-bold);
    }
    .dark\:bg-dark-primary-fg-bold\/20 {
        background-color: rgba(255,255,255,0.2);
    }
    .dark\:bg-dark-primary-tint {
        background-color: var(--color-dark-primary-tint);
    }
    .dark\:bg-dark-primary\! {
        background-color: var(--color-dark-primary) !important;
    }
    .dark\:bg-dark-primary\/25 {
        background-color: rgba(239,125,27,0.25);
    }
    .dark\:bg-dark-primary\/3 {
        background-color: rgba(239,125,27,0.03);
    }
    .dark\:bg-dark-success {
        background-color: var(--color-dark-success);
    }
    .dark\:bg-dark-success\/5 {
        background-color: rgba(11,189,56,0.05);
    }
    .dark\:bg-dark-warning {
        background-color: var(--color-dark-warning);
    }
    .dark\:bg-slate-300 {
        background-color: var(--color-slate-300);
    }
    .dark\:bg-slate-300\! {
        background-color: var(--color-slate-300) !important;
    }
    .dark\:bg-white\/20 {
        background-color: rgba(255,255,255,0.2);
    }
    .dark\:border-b-black {
        border-bottom-color: var(--color-black);
    }
    .dark\:border-dark-danger {
        border-color: var(--color-dark-danger);
    }
    .dark\:border-dark-danger\/25 {
        border-color: rgba(255,55,95,0.25);
    }
    .dark\:border-dark-fg\/25 {
        border-color: rgba(0,0,0,0.25);
    }
    .dark\:border-dark-panels {
        border-color: var(--color-dark-panels);
    }
    .dark\:border-dark-panels\/50 {
        border-color: rgba(248,244,239,0.5);
    }
    .dark\:border-dark-primary {
        border-color: var(--color-dark-primary);
    }
    .dark\:border-dark-primary-tint {
        border-color: var(--color-dark-primary-tint);
    }
    .dark\:border-dark-primary\! {
        border-color: var(--color-dark-primary) !important;
    }
    .dark\:border-dark-primary\/25 {
        border-color: rgba(239,125,27,0.25);
    }
    .dark\:border-dark-success {
        border-color: var(--color-dark-success);
    }
    .dark\:border-dark-success\/25 {
        border-color: rgba(11,189,56,0.25);
    }
    .dark\:border-dark-warning {
        border-color: var(--color-dark-warning);
    }
    .dark\:border-l-black {
        border-left-color: var(--color-black);
    }
    .dark\:border-slate-300\! {
        border-color: var(--color-slate-300) !important;
    }
    .dark\:border-slate-400 {
        border-color: var(--color-slate-400);
    }
    .dark\:border-t-dark-fg\/25 {
        border-top-color: rgba(0,0,0,0.25);
    }
    .dark\:border-white\! {
        border-color: var(--color-white) !important;
    }
    .dark\:fill-dark-panels {
        fill: var(--color-dark-panels);
    }
    .dark\:fill-dark-primary {
        fill: var(--color-dark-primary);
    }
    .dark\:fill-dark-primary-fg {
        fill: var(--color-dark-primary-fg);
    }
    .dark\:stroke-dark-success {
        stroke: var(--color-dark-success);
    }
    .dark\:text-dark-danger {
        color: var(--color-dark-danger);
    }
    .dark\:text-dark-fg {
        color: var(--color-dark-fg);
    }
    .dark\:text-dark-fg-bold {
        color: var(--color-dark-fg-bold);
    }
    .dark\:text-dark-panels\/50 {
        color: rgba(248,244,239,0.5);
    }
    .dark\:text-dark-primary {
        color: var(--color-dark-primary);
    }
    .dark\:text-dark-primary-fg {
        color: var(--color-dark-primary-fg);
    }
    .dark\:text-dark-primary-fg-bold {
        color: var(--color-dark-primary-fg-bold);
    }
    .dark\:text-dark-primary\! {
        color: var(--color-dark-primary) !important;
    }
    .dark\:text-dark-success {
        color: var(--color-dark-success);
    }
    .dark\:text-dark-warning {
        color: var(--color-dark-warning);
    }
    .dark\:text-primary-fg {
        color: var(--color-primary-fg);
    }
    .dark\:text-white {
        color: var(--color-white);
    }
    @media (min-aspect-ratio: 0.625) {
        .dark\:tabp\:border-l-black {
            border-left-color: var(--color-black);
        }
    }
}
html.export {
    font-size: 1.75vw;
}
html, body {
    max-width: 100vw;
}
:root {
    color-scheme: light;
    --form-field-background-color: #fff;
    --form-field-color: #000;
    --form-field-placeholder-color: rgba(245,130,32,0.5);
    --form-field-border-color: var(--color-primary);
    --form-field-border-radius: 0.5rem;
    --form-field-padding: 0.75rem 0.75rem;
    @supports (-webkit-touch-callout: none) {
        --scrollbar-width: 0rem;
    }
}
html {
    height: 100%;
    font-size: 4.25vw;
    @media (min-aspect-ratio: 0.625) {
        font-size: 1.5vw;
    }
    @media (min-aspect-ratio: 1.0) {
        font-size: 1.25vw;
    }
    @media (min-aspect-ratio: 1.5) {
        font-size: 0.75vw;
    }
    @media (min-aspect-ratio: 2.3333) {
        font-size: 0.5vw;
    }
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    @-moz-document url-prefix() {
        scrollbar-color: rgba(0, 0, 0, 0.15) rgba(255, 255, 255, 0.07);
    }
    &::-webkit-scrollbar {
        width: 0.5rem;
    }
    &::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.07);
    }
    &::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.15);
        border-radius: 0.5rem;
    }
    body, app {
        min-height: 100vh;
    }
}
#sidebar-inner {
    scrollbar-gutter: stable;
    @-moz-document url-prefix() {
        scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }
    &::-webkit-scrollbar {
        width: 0.5rem;
    }
    &::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
    }
    &::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0.5rem;
    }
    &:hover {
        @-moz-document url-prefix() {
            scrollbar-color: rgba(0, 0, 0, 0.15) rgba(255, 255, 255, 0.07);
        }
        &::-webkit-scrollbar-track {
            background-color: rgba(0, 0, 0, 0.05);
        }
        &::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.2);
        }
    }
}
a {
    cursor: pointer;
}
h3, h4, h5, h6 {
    color: var(--color-fg-bold);
}
h1 {
    font-size: var(--text-3xl);
    line-height: var(--sf-leading, var(--text-3xl--line-height));
}
h2 {
    font-size: var(--text-2xl);
    line-height: var(--sf-leading, var(--text-2xl--line-height));
}
h3 {
    font-size: var(--text-xl);
    line-height: var(--sf-leading, var(--text-xl--line-height));
}
h4 {
    font-size: var(--text-lg);
    line-height: var(--sf-leading, var(--text-lg--line-height));
}
h5 {
    font-size: var(--text-base);
    line-height: var(--sf-leading, var(--text-base--line-height));
}
h6 {
    font-size: var(--text-base);
    line-height: var(--sf-leading, var(--text-base--line-height));
}
strong {
    color: var(--color-fg-bold);
    --sf-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
small {
    font-size: var(--text-xs);
    line-height: var(--sf-leading, var(--text-xs--line-height));
}
blockquote {
    border-left-style: var(--sf-border-style);
    border-left-width: 4px;
    border-color: var(--color-primary-tint);
    padding-left: calc(var(--spacing) * 4);
}
a.button, button, .button, a[role="button"], .button-style {
    display: inline-block;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    min-width: calc(var(--spacing) * 16);
    user-select: none;
    height: fit-content;
    border-radius: var(--radius-md);
    border-style: var(--sf-border-style);
    border-width: 1.5px;
    font-size: var(--text-base);
    line-height: var(--sf-leading, var(--text-base--line-height));
    text-align: center;
    --sf-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --sf-leading: 1;
    line-height: var(--sf-leading);
    white-space: nowrap;
}
a.button, button, .button, a[role="button"] {
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.08);
    background-color: var(--color-primary);
    color: var(--color-primary-fg-bold);
    border-color: var(--color-primary);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --sf-gradient-from, --sf-gradient-via, --sf-gradient-to;
    transition-timing-function: var(--sf-ease, var(--default-transition-timing-function));
    transition-duration: var(--sf-duration, var(--default-transition-duration));
    cursor: pointer;
    &.button--disabled {
        opacity: calc(35 * 0.01);
        cursor: default;
    }
    &.button--dimmed {
        opacity: calc(35 * 0.01);
        cursor: default;
    }
    &.button--green {
        background-color: var(--color-teal-500);
        border-color: var(--color-teal-500);
        color: var(--color-teal-50);
    }
    &.button--red {
        background-color: var(--color-red-500);
        border-color: var(--color-red-500);
        color: var(--color-white);
    }
    &.button--success {
        background-color: var(--color-success);
        border-color: var(--color-success);
        color: var(--color-white);
    }
    &.button--danger {
        background-color: var(--color-danger);
        border-color: var(--color-danger);
        color: var(--color-white);
    }
    &.button--small {
        border-radius: var(--radius-sm);
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 1.5);
        font-size: var(--text-sm);
        line-height: var(--sf-leading, var(--text-sm--line-height));
        min-width: calc(var(--spacing) * 20);
        width: fit-content;
        --sf-leading: 1;
        line-height: var(--sf-leading);
    }
    &.button--xs {
        border-radius: var(--radius-sm);
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 1);
        font-size: var(--text-xs);
        line-height: var(--sf-leading, var(--text-xs--line-height));
        min-width: calc(var(--spacing) * 20);
        width: fit-content;
        --sf-leading: 1;
        line-height: var(--sf-leading);
    }
    &.button--tab {
        border-radius: var(--radius-sm);
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        line-height: var(--sf-leading, var(--text-sm--line-height));
        min-width: calc(var(--spacing) * 10);
        width: 100%;
        --sf-leading: 1;
        line-height: var(--sf-leading);
        i {
            display: none;
        }
        @media (min-aspect-ratio: 0.625) {
            i {
                display: inline-block;
            }
        }
    }
    &.button--large {
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 4);
        min-width: calc(var(--spacing) * 32);
        font-size: var(--text-lg);
        line-height: var(--sf-leading, var(--text-lg--line-height));
        --sf-leading: 1;
        line-height: var(--sf-leading);
    }
}
.rte-content {
    p + *,
    ul + *,
    ol + *,
    blockquote + *,
    article + *,
    section + *,
    pre + *,
    div + *,
    h1 + *,
    h2 + *,
    h3 + *,
    h4 + *,
    h5 + *,
    h6 + *
    {
        margin-top: calc(var(--spacing) * 3);
    }
    h1:not(:first-child), h2:not(:first-child), h3:not(:first-child) {
        margin-top: calc(var(--spacing) * 12);
    }
    h4:not(:first-child), h5:not(:first-child) {
        margin-top: calc(var(--spacing) * 7);
    }
    h1, h2, h3, h4, h5, h6 {
        --sf-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        text-wrap: balance;
    }
    p {
        text-wrap: pretty;
        code {
            border-radius: var(--radius-sm);
            display: inline-block;
            padding-inline: calc(var(--spacing) * 2);
            color: var(--color-white);
            font-family: var(--font-mono);
            font-feature-settings: var(--font-mono--font-feature-settings, normal);
            font-variation-settings: var(--font-mono--font-variation-settings, normal);
            font-size: 70%;
            line-height: 1.9;
            margin-left: 0.125rem;
            margin-right: 0.125rem;
            vertical-align: text-top;
        }
    }
    strong {
        --sf-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }
    a {
        color: var(--color-primary);
        &:hover {
            text-decoration-line: underline;
        }
    }
    .scrollable {
        display: grid;
        position: relative;
        pre {
            display: block;
            position: relative;
            overflow: scroll;
            padding-inline: calc(var(--spacing) * 6);
            padding-block: calc(var(--spacing) * 4);
            color: var(--color-white);
            font-family: var(--font-mono);
            font-feature-settings: var(--font-mono--font-feature-settings, normal);
            font-variation-settings: var(--font-mono--font-variation-settings, normal);
            scrollbar-width: none;
            -ms-overflow-style: none;
            &::-webkit-scrollbar {
                display: none;
            }
            code {
                display: block;
                position: relative;
                min-width: 100%;
                width: 100%;
                width: max-content;
                width: -webkit-max-content;
                font-size: 0.85rem;
                padding: 0 !important;
            }
        }
    }
    pre {
        min-width: 100%;
        position: relative;
        overflow: auto;
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 4);
        color: var(--color-white);
        font-family: var(--font-mono);
        font-feature-settings: var(--font-mono--font-feature-settings, normal);
        font-variation-settings: var(--font-mono--font-variation-settings, normal);
        &::after {
            content: '';
            visibility: hidden;
            display: block;
            height: 0;
            clear: both;
        }
        code {
            white-space: pre;
            display: table;
            font-size: 0.85rem;
            padding: 0 !important;
        }
    }
    hr {
        margin-top: calc(var(--spacing) * 12);
        margin-bottom: calc(var(--spacing) * 12);
        border-style: var(--sf-border-style);
        border-width: 1px;
        border-color: rgba(0,0,0,0.1);
    }
    ul {
        list-style-type: disc;
        list-style-position: outside;
        margin-left: calc(var(--spacing) * 8);
        li + li {
            margin-top: calc(var(--spacing) * 2);
        }
    }
    ol {
        list-style-position: outside;
        margin-left: calc(var(--spacing) * 8);
        li + li {
            margin-top: calc(var(--spacing) * 2);
        }
    }
}
.sidebarHidden {
    transform: translateX(calc(-100% - 3rem));
    @media (min-aspect-ratio: 1.5) {
        transform: none;
    }
}
.overlay {
    z-index: 12000;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.5s ease;
    &.show {
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .api-modal {
        background-color: var(--color-white);
        color: var(--color-fg);
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 2.5rem 1.5rem;
        z-index: 12001;
        width: 100vw;
        max-height: calc(100vh / 1.5);
        overflow-y: auto;
        @media (min-aspect-ratio: 0.625) {
            border-radius: 0.5rem;
            width: 90vw;
        }
        @media (min-aspect-ratio: 1.0) {
            width: 75vw;
        }
        &.show {
            display: block;
        }
    }
}
.cs-picker-modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 12001;
    width: 100vw;
    max-height: calc(100vh / 1.5);
    overflow-y: auto;
    @media (min-aspect-ratio: 0.625) {
        width: 90vw;
    }
    @media (min-aspect-ratio: 1.0) {
        width: 75vw;
    }
    &.show {
        display: block;
    }
    .tree-container {
        max-height: calc(100vh / 3);
        overflow-y: scroll;
    }
}
.cs-dynamic-grid {
    --grid-cols: 1fr;
    --tabp-grid-cols: var(--grid-cols);
    --tabl-grid-cols: var(--tabp-grid-cols);
    display: grid;
    grid-template-columns: var(--grid-cols);
    @media (min-aspect-ratio: 0.625) {
        grid-template-columns: var(--tabp-grid-cols);
    }
    @media (min-aspect-ratio: 1.0) {
        grid-template-columns: var(--tabl-grid-cols);
    }
}
.print-table {
    width: 100%;
    border: none;
    tr {
        td {
            text-align: left;
            vertical-align: top;
            padding: 0.5rem;
            page-break-inside: avoid;
            &.print-center {
                text-align: center;
            }
            &.print-right {
                text-align: right;
            }
        }
    }
}
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --form-field-background-color: #fff;
        --form-field-color: #000;
        --form-field-placeholder-color: rgba(239,125,27,0.5);
        --form-field-border-color: var(--color-dark-primary);
    }
    h1, h2, h3, h4, h5, h6 {
        color: var(--color-dark-fg-bold);
    }
    strong {
        color: var(--color-dark-fg-bold);
    }
    blockquote {
        border-color: var(--color-dark-primary-tint);
    }
    a.button, button, .button, a[role="button"] {
        background-color: var(--color-dark-primary);
        border-color: var(--color-dark-primary);
        color: var(--color-dark-primary-fg-bold);
        &.button--green {
            background-color: var(--color-teal-600);
            border-color: var(--color-teal-600);
            color: var(--color-teal-50);
        }
        &.button--red {
            background-color: var(--color-red-500);
            border-color: var(--color-red-500);
            color: var(--color-white);
        }
        &.button--success {
            background-color: var(--color-dark-success);
            border-color: var(--color-dark-success);
            color: var(--color-white);
        }
        &.button--danger {
            background-color: var(--color-dark-danger);
            border-color: var(--color-dark-danger);
            color: var(--color-white);
        }
    }
    .rte-content {
        strong {
            color: var(--color-dark-fg-bold);
        }
        hr {
            border-color: rgba(0,0,0,0.1);
        }
        a {
            color: var(--color-dark-primary);
        }
    }
}
#blazor-error-ui {
    background: #ffffe0;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem;
    position: fixed;
    width: 100vw;
    z-index: 1000;
}
#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
*, ::before, ::after, ::backdrop {
    --form-button-bg-color: var(--color-sky-600);
    --form-button-color: var(--color-white);
    --form-button-hover-bg-color: var(--color-sky-500);
    --form-button-hover-color: var(--color-white);
    --form-button-padding: 0.75rem 1rem;
    --form-field-background-color: var(--color-white);
    --form-field-border-color: var(--color-slate-500);
    --form-field-border-radius: 0.175rem;
    --form-field-border-width: 1px;
    --form-field-check-color: var(--color-sky-500);
    --form-field-color: var(--color-black);
    --form-field-focus-border-width: 0.15rem;
    --form-field-focus-color: var(--color-sky-300);
    --form-field-max-height: 2.8rem;
    --form-field-padding: 0.75rem 0.75rem;
    --form-field-placeholder-color: var(--color-slate-400);
    --sf-backdrop-blur: initial;
    --sf-backdrop-brightness: initial;
    --sf-backdrop-contrast: initial;
    --sf-backdrop-grayscale: initial;
    --sf-backdrop-hue-rotate: initial;
    --sf-backdrop-invert: initial;
    --sf-backdrop-opacity: initial;
    --sf-backdrop-saturate: initial;
    --sf-backdrop-sepia: initial;
    --sf-blur: initial;
    --sf-border-style: solid;
    --sf-brightness: initial;
    --sf-contrast: initial;
    --sf-drop-shadow: initial;
    --sf-duration: initial;
    --sf-ease: initial;
    --sf-font-weight: initial;
    --sf-gradient-from: #0000;
    --sf-gradient-to: #0000;
    --sf-gradient-via: #0000;
    --sf-grayscale: initial;
    --sf-hue-rotate: initial;
    --sf-inset-ring-shadow: 0 0 #0000;
    --sf-inset-shadow: 0 0 #0000;
    --sf-invert: initial;
    --sf-leading: initial;
    --sf-outline-style: solid;
    --sf-ring-color: currentColor;
    --sf-ring-inset: initial;
    --sf-ring-offset-color: #fff;
    --sf-ring-offset-shadow: 0 0 #0000;
    --sf-ring-offset-width: 0px;
    --sf-ring-shadow: 0 0 #0000;
    --sf-rotate-x: initial;
    --sf-rotate-y: initial;
    --sf-rotate-z: initial;
    --sf-saturate: initial;
    --sf-sepia: initial;
    --sf-shadow: 0 0 #0000;
    --sf-shadow-alpha: 15%;
    --sf-shadow-color: rgb(0 0 0 / var(--sf-shadow-alpha));
    --sf-skew-x: initial;
    --sf-skew-y: initial;
    --sf-space-y-reverse: 0;
    --sf-translate-x: 0;
    --sf-translate-y: 0;
}