@layer crkit.reset, crkit.tokens, crkit.foundation, crkit.controls, crkit.theme, crkit.compositions, crkit.app, crkit.overrides;
@layer crkit.foundation {
.wp-block-crkit-control[data-type="panel"][data-crkit-hydrate="interaction"]:not([data-surface-kind="panel"]):not([data-crkit-preview-context="editor"]) {
    position: fixed;
    inset: 0 auto auto 0;
    inline-size: 0;
    max-inline-size: 0;
    block-size: 0;
    max-block-size: 0;
    padding: 0;
    border: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow: none;
}
}
@layer crkit.controls {
.sc-crkit .cr-toast-container,
.cr-toast-container {
    --cr-toast-inline-max: calc(
        100vw
        - max(var(--theme-toast-offset, 1rem), env(safe-area-inset-left))
        - max(var(--theme-toast-offset, 1rem), env(safe-area-inset-right))
    );
    --cr-toast-enter-y: 0.85rem;
    --cr-toast-exit-y: -0.85rem;
    position: fixed;
    z-index: var(--theme-toast-z-index, var(--elevation-very-high, 10000));
    display: flex;
    flex-direction: column;
    gap: var(--theme-toast-stack-gap, 0.5rem);
    pointer-events: none;
}

.sc-crkit .cr-toast-container--bottom-left,
.cr-toast-container--bottom-left {
    left: max(var(--theme-toast-offset, 1rem), env(safe-area-inset-left));
    bottom: max(var(--theme-toast-offset, 1rem), env(safe-area-inset-bottom));
    align-items: flex-start;
    flex-direction: column-reverse;
}

.sc-crkit .cr-toast-container--bottom-right,
.cr-toast-container--bottom-right {
    right: max(var(--theme-toast-offset, 1rem), env(safe-area-inset-right));
    bottom: max(var(--theme-toast-offset, 1rem), env(safe-area-inset-bottom));
    align-items: flex-end;
    flex-direction: column-reverse;
}

.sc-crkit .cr-toast-container--top-left,
.cr-toast-container--top-left {
    left: max(var(--theme-toast-offset, 1rem), env(safe-area-inset-left));
    top: max(var(--theme-toast-offset, 1rem), env(safe-area-inset-top));
    align-items: flex-start;
}

.sc-crkit .cr-toast-container--top-right,
.cr-toast-container--top-right {
    right: max(var(--theme-toast-offset, 1rem), env(safe-area-inset-right));
    top: max(var(--theme-toast-offset, 1rem), env(safe-area-inset-top));
    align-items: flex-end;
}

.sc-crkit .cr-toast,
.cr-toast {
    --cr-toast-bg: var(--theme-toast-info-bg, #323232);
    --cr-toast-ink: var(--theme-toast-info-ink, #ffffff);
    --cr-toast-border-color: var(--theme-toast-info-border, transparent);
    --cr-toast-icon-bg: var(--theme-toast-info-icon-bg, rgba(255, 255, 255, 0.16));
    --cr-toast-icon-ink: var(--theme-toast-info-icon-ink, #ffffff);
    pointer-events: auto;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: var(--theme-toast-gap, 1rem);
    inline-size: min(var(--theme-toast-max-inline-size, 34em), var(--cr-toast-inline-max));
    max-inline-size: none;
    padding: var(--theme-toast-padding-block, 0.75rem) var(--theme-toast-padding-inline, 1rem);
    border-radius: var(--theme-toast-radius, 0.75rem);
    border: var(--theme-toast-border-width, 1px) solid var(--cr-toast-border-color);
    background: var(--cr-toast-bg);
    color: var(--cr-toast-ink);
    box-shadow: var(--theme-toast-shadow, 0 16px 40px rgba(0, 0, 0, 0.2));
    font-family: var(--theme-toast-font-family, inherit);
    font-size: var(--theme-toast-font-size, 0.95rem);
    font-weight: var(--theme-toast-font-weight, 400);
    line-height: var(--theme-toast-line-height, 1.35);
    transform: translateY(var(--cr-toast-enter-y));
    opacity: 1;
    transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.18s ease-out;
}

.sc-crkit .cr-toast.is-visible,
.cr-toast.is-visible {
    transform: translateY(0);
}

.sc-crkit .cr-toast.is-dismissing,
.cr-toast.is-dismissing {
    transform: translateY(var(--cr-toast-exit-y));
    opacity: 0;
    pointer-events: none;
}

.sc-crkit .cr-toast--success,
.cr-toast--success {
    --cr-toast-bg: var(--theme-toast-success-bg, #2e7d32);
    --cr-toast-ink: var(--theme-toast-success-ink, #ffffff);
    --cr-toast-border-color: var(--theme-toast-success-border, transparent);
    --cr-toast-icon-bg: var(--theme-toast-success-icon-bg, rgba(255, 255, 255, 0.16));
    --cr-toast-icon-ink: var(--theme-toast-success-icon-ink, #ffffff);
}

.sc-crkit .cr-toast--error,
.cr-toast--error {
    --cr-toast-bg: var(--theme-toast-error-bg, #c62828);
    --cr-toast-ink: var(--theme-toast-error-ink, #ffffff);
    --cr-toast-border-color: var(--theme-toast-error-border, transparent);
    --cr-toast-icon-bg: var(--theme-toast-error-icon-bg, #ffffff);
    --cr-toast-icon-ink: var(--theme-toast-error-icon-ink, #c62828);
}

.sc-crkit .cr-toast--warning,
.cr-toast--warning {
    --cr-toast-bg: var(--theme-toast-warning-bg, #ef6c00);
    --cr-toast-ink: var(--theme-toast-warning-ink, #ffffff);
    --cr-toast-border-color: var(--theme-toast-warning-border, transparent);
    --cr-toast-icon-bg: var(--theme-toast-warning-icon-bg, #ffffff);
    --cr-toast-icon-ink: var(--theme-toast-warning-icon-ink, #ef6c00);
}

.sc-crkit .cr-toast--info,
.cr-toast--info {
    --cr-toast-bg: var(--theme-toast-info-bg, #323232);
    --cr-toast-ink: var(--theme-toast-info-ink, #ffffff);
    --cr-toast-border-color: var(--theme-toast-info-border, transparent);
    --cr-toast-icon-bg: var(--theme-toast-info-icon-bg, rgba(255, 255, 255, 0.16));
    --cr-toast-icon-ink: var(--theme-toast-info-icon-ink, #ffffff);
}

.sc-crkit .cr-toast__body,
.cr-toast__body {
    flex: 1 1 auto;
    min-inline-size: 0;
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.sc-crkit .cr-toast__text,
.cr-toast__text {
    flex: 1 1 auto;
    min-inline-size: 0;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.sc-crkit .cr-toast__content,
.cr-toast__content {
    flex: 1 1 auto;
    min-inline-size: 0;
    display: grid;
    gap: 0.45rem;
}

.sc-crkit .cr-toast__action,
.cr-toast__action {
    justify-self: start;
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 0.16em;
}

.sc-crkit .cr-toast__action:focus-visible,
.cr-toast__action:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.sc-crkit .cr-toast__progress-wrap,
.cr-toast__progress-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
}

.sc-crkit .cr-toast__progress,
.cr-toast__progress {
    display: block;
    inline-size: 100%;
    block-size: 0.45rem;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    appearance: none;
    background: var(--theme-toast-progress-track, rgba(255, 255, 255, 0.25));
    color: var(--theme-toast-progress-value, var(--color-accent, #00b5ee));
}

.sc-crkit .cr-toast__progress::-webkit-progress-bar,
.cr-toast__progress::-webkit-progress-bar {
    border-radius: inherit;
    background: var(--theme-toast-progress-track, rgba(255, 255, 255, 0.25));
}

.sc-crkit .cr-toast__progress::-webkit-progress-value,
.cr-toast__progress::-webkit-progress-value {
    border-radius: inherit;
    background: var(--theme-toast-progress-value, var(--color-accent, #00b5ee));
}

.sc-crkit .cr-toast__progress::-moz-progress-bar,
.cr-toast__progress::-moz-progress-bar {
    border-radius: inherit;
    background: var(--theme-toast-progress-value, var(--color-accent, #00b5ee));
}

.sc-crkit .cr-toast__progress-label,
.cr-toast__progress-label {
    min-inline-size: 3ch;
    color: var(--theme-toast-progress-label, currentColor);
    font-size: 0.82em;
    font-variant-numeric: tabular-nums;
    text-align: end;
}

.sc-crkit .cr-toast__icon,
.cr-toast__icon {
    inline-size: 1.4rem;
    min-inline-size: 1.4rem;
    block-size: 1.4rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--cr-toast-icon-bg);
    color: var(--cr-toast-icon-ink);
    flex: 0 0 auto;
}

.sc-crkit .cr-toast__icon-svg,
.cr-toast__icon-svg {
    inline-size: 1rem;
    block-size: 1rem;
    display: block;
}

.sc-crkit .cr-toast__close,
.cr-toast__close {
    inline-size: 2rem;
    min-inline-size: 2rem;
    block-size: 2rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    position: relative;
    flex: 0 0 auto;
}

.sc-crkit .cr-toast__close::before,
.sc-crkit .cr-toast__close::after,
.cr-toast__close::before,
.cr-toast__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    inline-size: 0.9rem;
    block-size: 2px;
    background: currentColor;
    transform-origin: center;
}

.sc-crkit .cr-toast__close::before,
.cr-toast__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.sc-crkit .cr-toast__close::after,
.cr-toast__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.sc-crkit .cr-toast__close:hover,
.sc-crkit .cr-toast__close:focus-visible,
.cr-toast__close:hover,
.cr-toast__close:focus-visible {
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

.sc-crkit .cr-toast__close:focus-visible,
.cr-toast__close:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
}
@layer crkit.controls {
[data-crkit-upload-positioned="true"] {
    position: relative;
}

[data-crkit-upload-surface="true"] [data-crkit-upload-overlay="true"] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    border: 2px dashed color-mix(in srgb, var(--theme-accent, #2563eb) 55%, transparent);
    border-radius: inherit;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.88)),
        color-mix(in srgb, var(--theme-accent, #2563eb) 12%, transparent);
    color: var(--theme-text, #111827);
    backdrop-filter: blur(2px);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-accent, #2563eb) 22%, transparent);
    z-index: 25;
    pointer-events: none;
}

[data-crkit-upload-surface="true"] [data-crkit-upload-overlay="true"][hidden] {
    display: none !important;
}

[data-crkit-upload-surface="true"] [data-part="upload-overlay-panel"] {
    min-width: min(24rem, 100%);
    max-width: 32rem;
    padding: 1rem 1.25rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--theme-surface-solid, #ffffff) 96%, transparent);
    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.12),
        inset 0 0 0 1px color-mix(in srgb, var(--theme-border, #d1d5db) 72%, transparent);
    text-align: center;
}

[data-crkit-upload-surface="true"] [data-part="upload-overlay-title"] {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[data-crkit-upload-surface="true"] [data-part="upload-overlay-description"] {
    margin-top: 0.35rem;
    font-size: 0.875rem;
    line-height: 1.45;
    color: color-mix(in srgb, var(--theme-text, #111827) 72%, transparent);
}
}
@layer crkit.controls {
html {
    color-scheme: light;
}

html[data-boot-loader-enabled="true"] {
    block-size: 100%;
    min-block-size: 100%;
}

body[data-boot-theme],
body[data-boot-skin] {
    margin: 0;
    min-width: 20rem;
    block-size: 100%;
    min-block-size: 100%;
    background-color: var(--bg-color-light, #f6f7f8);
    color: var(--theme-ink, #2c3338);
    font-family: var(--font-family-body, "Source Sans Pro", "Segoe UI", sans-serif);
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    overflow-x: hidden;
}

body[data-boot-loading="true"] {
    overflow: hidden;
}

[data-boot-loader-host="container"] {
    position: relative;
    isolation: isolate;
}

[data-boot-loader-host="container"][data-boot-loading="true"] {
    overflow: hidden;
}

[data-crkit-root="true"][aria-busy="true"] {
    opacity: 0;
}

.crkit-boot-loader {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    padding: 2em;
    background: var(--theme-app-background, var(--bg-color, #ffffff));
    color: var(--theme-ink, #2c3338);
    font-family: var(--font-family-body, "Source Sans Pro", "Segoe UI", sans-serif);
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-out, visibility 0.35s ease-out;
}

.crkit-boot-loader[data-boot-loader-scope="page"] {
    position: fixed;
    inset: 0;
    z-index: 999999;
}

.crkit-boot-loader[data-boot-loader-scope="container"] {
    position: absolute;
    inset: 0;
    z-index: 100;
}

.crkit-boot-loader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.crkit-boot-loader[data-state="error"] .loader-progress-wrap,
.crkit-boot-loader[data-state="error"] .loader-skeleton,
.crkit-boot-loader[data-state="error"] .loader-status {
    display: none;
}

.crkit-boot-loader[data-boot-loader-variant="progress"] .loader-skeleton {
    display: none;
}

.crkit-boot-loader[data-boot-loader-variant="skeleton"] .loader-progress-wrap {
    display: none;
}

.crkit-boot-loader[data-state="error"] .loader-error {
    display: grid;
}

.loader-shell {
    width: min(100%, 22em);
    display: grid;
    justify-items: center;
    gap: 1rem;
    text-align: center;
}

.loader-logo {
    display: block;
    inline-size: auto;
    block-size: 3rem;
    color: var(--theme-ink, #2c3338);
}

.loader-logo svg {
    display: block;
    inline-size: auto;
    block-size: 100%;
    max-inline-size: 6rem;
}

.loader-progress-wrap {
    width: min(100%, 15em);
    height: 0.5rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--theme-ink, #2c3338) 12%, transparent);
}

.loader-skeleton {
    width: min(100%, 18.5em);
    display: grid;
    gap: 0.85rem;
}

.loader-skeleton-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.loader-skeleton-card,
.loader-skeleton-row,
.loader-skeleton-line,
.loader-skeleton-chip {
    position: relative;
    overflow: hidden;
    background: color-mix(in srgb, var(--theme-ink, #2c3338) 10%, transparent);
}

.loader-skeleton-card,
.loader-skeleton-table {
    display: grid;
    gap: 0.6rem;
    padding: 0.9rem;
    border-radius: 1rem;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--bg-color, #ffffff) 90%, transparent) 0%, color-mix(in srgb, var(--theme-ink, #2c3338) 4%, white) 100%);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--theme-ink, #2c3338) 8%, transparent),
        0 1rem 2.5rem color-mix(in srgb, var(--theme-accent, #0594db) 8%, transparent);
}

.loader-skeleton-chip {
    display: block;
    inline-size: 4.5em;
    block-size: 1.35rem;
    border-radius: 999px;
}

.loader-skeleton-chip.is-short {
    inline-size: 3.1em;
}

.loader-skeleton-line {
    display: block;
    inline-size: 100%;
    block-size: 0.78rem;
    border-radius: 999px;
}

.loader-skeleton-line.is-heading {
    inline-size: 68%;
    block-size: 1rem;
}

.loader-skeleton-line.is-wide {
    inline-size: 84%;
}

.loader-skeleton-table {
    padding-block: 0.75rem;
}

.loader-skeleton-row {
    display: block;
    inline-size: 100%;
    block-size: 2.2rem;
    border-radius: 0.75rem;
}

.loader-skeleton-card::after,
.loader-skeleton-row::after,
.loader-skeleton-line::after,
.loader-skeleton-chip::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.14) 42%,
        rgba(255, 255, 255, 0.34) 50%,
        rgba(255, 255, 255, 0.14) 58%,
        transparent 100%
    );
    transform: translateX(-130%);
    animation: loader-skeleton-sheen 1.35s ease-in-out infinite;
    pointer-events: none;
}

.loader-progress-bar {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    appearance: none;
}

.loader-progress-bar::before {
    content: "";
    display: block;
    height: 100%;
    width: 0%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--theme-accent, #0594db) 0%, var(--color-accent-alt, #9053d5) 100%);
    transition: width 0.3s ease-out;
}

.crkit-boot-loader[data-progress-step="0"] .loader-progress-bar::before { width: 0%; }
.crkit-boot-loader[data-progress-step="1"] .loader-progress-bar::before { width: 10%; }
.crkit-boot-loader[data-progress-step="2"] .loader-progress-bar::before { width: 20%; }
.crkit-boot-loader[data-progress-step="3"] .loader-progress-bar::before { width: 30%; }
.crkit-boot-loader[data-progress-step="4"] .loader-progress-bar::before { width: 40%; }
.crkit-boot-loader[data-progress-step="5"] .loader-progress-bar::before { width: 50%; }
.crkit-boot-loader[data-progress-step="6"] .loader-progress-bar::before { width: 60%; }
.crkit-boot-loader[data-progress-step="7"] .loader-progress-bar::before { width: 70%; }
.crkit-boot-loader[data-progress-step="8"] .loader-progress-bar::before { width: 80%; }
.crkit-boot-loader[data-progress-step="9"] .loader-progress-bar::before { width: 90%; }
.crkit-boot-loader[data-progress-step="10"] .loader-progress-bar::before { width: 100%; }

.loader-status {
    min-height: 1.2rem;
    color: color-mix(in srgb, var(--theme-ink, #2c3338) 72%, transparent);
    font-size: 0.85rem;
    line-height: 1.45;
    animation: loader-status-breathe 1.6s ease-in-out infinite;
}

.loader-error {
    display: none;
    gap: 0.5rem;
    justify-items: center;
}

.loader-error-title {
    font-size: 1rem;
    font-weight: 700;
}

.loader-error-copy {
    color: color-mix(in srgb, var(--theme-ink, #2c3338) 72%, transparent);
    font-size: 0.92rem;
    line-height: 1.5;
}

.loader-retry {
    appearance: none;
    border: 1px solid color-mix(in srgb, var(--theme-ink, #2c3338) 14%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-color, #ffffff) 82%, transparent);
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: 0.7em 1em;
}

@keyframes loader-skeleton-sheen {
    0% { transform: translateX(-130%); }
    100% { transform: translateX(130%); }
}

@keyframes loader-status-breathe {
    0%, 100% { opacity: 0.68; }
    50% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    body,
    .crkit-boot-loader,
    .loader-progress-bar::before,
    .loader-skeleton-card::after,
    .loader-skeleton-row::after,
    .loader-skeleton-line::after,
    .loader-skeleton-chip::after,
    .loader-status {
        transition: none;
        animation: none;
    }
}
}
@layer crkit.controls {
.sc-crkit[data-type="app"],
.sc-crkit [data-type="app"] {
    inline-size: 100%;
    min-block-size: 100%;
    display: grid;
    gap: 1rem;
}

.sc-crkit[data-app-root="true"],
.sc-crkit [data-app-root="true"] {
    --cr-app-sticky-header-offset: 0px;
    --cr-app-sticky-footer-offset: 0px;
    inline-size: 100%;
    min-block-size: 100%;
    position: relative;
    isolation: isolate;
}

.sc-crkit[data-app-root="true"][data-scroll-mode="contained"],
.sc-crkit [data-app-root="true"][data-scroll-mode="contained"] {
    block-size: 100%;
    min-block-size: 0;
    overflow: hidden;
}

body > .sc-crkit[data-app-root="true"][data-scroll-mode="contained"],
body > [data-app-root="true"][data-scroll-mode="contained"] {
    block-size: 100dvh;
    min-block-size: 100dvh;
}

.sc-crkit[data-app-root="true"][data-app-sticky-header="true"],
.sc-crkit [data-app-root="true"][data-app-sticky-header="true"] {
    --cr-app-sticky-header-offset: var(--theme-header-height, var(--sticky-header-height, 0px));
}

.sc-crkit[data-app-root="true"][data-app-sticky-footer="true"],
.sc-crkit [data-app-root="true"][data-app-sticky-footer="true"] {
    --cr-app-sticky-footer-offset: var(--theme-footer-height, 0px);
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"],
.sc-crkit [data-app-root="true"][data-surface-shell="true"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 0;
    overflow-x: clip;
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="app-body"] {
    --cr-app-push-left: 0px;
    --cr-app-push-right: 0px;
    --cr-app-push-top: 0px;
    --cr-app-push-bottom: 0px;
    --cr-app-squeeze-left: 0px;
    --cr-app-squeeze-right: 0px;
    --cr-app-squeeze-top: 0px;
    --cr-app-squeeze-bottom: 0px;
    --cr-app-push-shift-x: calc(var(--cr-app-push-left) - var(--cr-app-push-right));
    --cr-app-push-shift-y: calc(var(--cr-app-push-top) - var(--cr-app-push-bottom));
    inline-size: 100%;
    min-block-size: 100%;
    min-inline-size: 0;
    box-sizing: border-box;
    margin: 0;
    padding-block-start: var(--cr-app-squeeze-top);
    padding-block-end: var(--cr-app-squeeze-bottom);
    position: relative;
    z-index: auto;
    display: grid;
    grid-template-columns:
        minmax(0, var(--cr-app-squeeze-left))
        minmax(0, 1fr)
        minmax(0, var(--cr-app-squeeze-right));
    grid-template-rows: auto 1fr auto;
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"][data-scroll-mode="contained"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-shell="true"][data-scroll-mode="contained"] > [data-part="app-body"] {
    block-size: 100%;
    min-block-size: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="app-body"] > [data-type="header"],
.sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="app-body"] > [data-type="footer"],
.sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="app-body"] > [data-type="header"],
.sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="app-body"] > [data-type="footer"] {
    grid-column: 1 / -1;
    min-inline-size: 0;
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="app-body"] > :not([data-type="header"]):not([data-type="footer"]),
.sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="app-body"] > :not([data-type="header"]):not([data-type="footer"]) {
    grid-column: 2;
    grid-row: 2;
    min-inline-size: 0;
    min-block-size: 0;
    translate: var(--cr-app-push-shift-x) var(--cr-app-push-shift-y);
    transition: translate 560ms cubic-bezier(0.16, 1, 0.3, 1);
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"],
.sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"] {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"]:has(> .cr-popover-live[data-popover-open-state="open"]),
.sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"]:has(> .cr-popover-live[data-popover-open-state="open"]) {
    z-index: var(--elevation-popover, 5050);
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"]:has(> [data-part="surface-backdrop"][data-surface-backdrop-active="true"]),
.sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"]:has(> [data-part="surface-backdrop"][data-surface-backdrop-active="true"]) {
    z-index: var(--elevation-panel, 5020);
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"] > [data-surface-kind],
.sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"] > [data-surface-kind] {
    pointer-events: auto;
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"] > [data-part="surface-backdrop"],
.sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"] > [data-part="surface-backdrop"] {
    position: absolute;
    inset: 0;
    z-index: var(--elevation-panel, 5020);
    opacity: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    transition:
        opacity 180ms ease-out,
        backdrop-filter 180ms ease-out,
        -webkit-backdrop-filter 180ms ease-out;
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"] > [data-part="surface-backdrop"][data-surface-backdrop-active="true"],
.sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"] > [data-part="surface-backdrop"][data-surface-backdrop-active="true"] {
    opacity: 1;
    pointer-events: auto;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="surface-templates"],
.sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="surface-templates"] {
    display: none !important;
}

.sc-crkit[data-app-root="true"][data-surface-push-left="sm"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-left="sm"] > [data-part="app-body"] {
    --cr-app-push-left: 18em;
}

.sc-crkit[data-app-root="true"][data-surface-push-left="md"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-left="md"] > [data-part="app-body"] {
    --cr-app-push-left: 24em;
}

.sc-crkit[data-app-root="true"][data-surface-push-left="lg"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-left="lg"] > [data-part="app-body"] {
    --cr-app-push-left: 30em;
}

.sc-crkit[data-app-root="true"][data-surface-push-left="xl"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-left="xl"] > [data-part="app-body"] {
    --cr-app-push-left: 36em;
}

.sc-crkit[data-app-root="true"][data-surface-push-left="full"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-left="full"] > [data-part="app-body"] {
    --cr-app-push-left: 100%;
}

.sc-crkit[data-app-root="true"][data-surface-push-left="full-floating"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-left="full-floating"] > [data-part="app-body"] {
    --cr-app-push-left: calc(100% - 2rem);
}

.sc-crkit[data-app-root="true"][data-surface-push-right="sm"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-right="sm"] > [data-part="app-body"] {
    --cr-app-push-right: 18em;
}

.sc-crkit[data-app-root="true"][data-surface-push-right="md"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-right="md"] > [data-part="app-body"] {
    --cr-app-push-right: 24em;
}

.sc-crkit[data-app-root="true"][data-surface-push-right="lg"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-right="lg"] > [data-part="app-body"] {
    --cr-app-push-right: 30em;
}

.sc-crkit[data-app-root="true"][data-surface-push-right="xl"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-right="xl"] > [data-part="app-body"] {
    --cr-app-push-right: 36em;
}

.sc-crkit[data-app-root="true"][data-surface-push-right="full"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-right="full"] > [data-part="app-body"] {
    --cr-app-push-right: 100%;
}

.sc-crkit[data-app-root="true"][data-surface-push-right="full-floating"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-right="full-floating"] > [data-part="app-body"] {
    --cr-app-push-right: calc(100% - 2rem);
}

.sc-crkit[data-app-root="true"][data-surface-push-top="sm"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-top="sm"] > [data-part="app-body"] {
    --cr-app-push-top: 18em;
}

.sc-crkit[data-app-root="true"][data-surface-push-top="md"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-top="md"] > [data-part="app-body"] {
    --cr-app-push-top: 24em;
}

.sc-crkit[data-app-root="true"][data-surface-push-top="lg"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-top="lg"] > [data-part="app-body"] {
    --cr-app-push-top: 30em;
}

.sc-crkit[data-app-root="true"][data-surface-push-top="xl"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-top="xl"] > [data-part="app-body"] {
    --cr-app-push-top: 36em;
}

.sc-crkit[data-app-root="true"][data-surface-push-top="full"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-top="full"] > [data-part="app-body"] {
    --cr-app-push-top: 100%;
}

.sc-crkit[data-app-root="true"][data-surface-push-top="full-floating"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-top="full-floating"] > [data-part="app-body"] {
    --cr-app-push-top: calc(100% - 2rem);
}

.sc-crkit[data-app-root="true"][data-surface-push-bottom="sm"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-bottom="sm"] > [data-part="app-body"] {
    --cr-app-push-bottom: 18em;
}

.sc-crkit[data-app-root="true"][data-surface-push-bottom="md"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-bottom="md"] > [data-part="app-body"] {
    --cr-app-push-bottom: 24em;
}

.sc-crkit[data-app-root="true"][data-surface-push-bottom="lg"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-bottom="lg"] > [data-part="app-body"] {
    --cr-app-push-bottom: 30em;
}

.sc-crkit[data-app-root="true"][data-surface-push-bottom="xl"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-bottom="xl"] > [data-part="app-body"] {
    --cr-app-push-bottom: 36em;
}

.sc-crkit[data-app-root="true"][data-surface-push-bottom="full"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-bottom="full"] > [data-part="app-body"] {
    --cr-app-push-bottom: 100%;
}

.sc-crkit[data-app-root="true"][data-surface-push-bottom="full-floating"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-push-bottom="full-floating"] > [data-part="app-body"] {
    --cr-app-push-bottom: calc(100% - 2rem);
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-left="sm"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-left="sm"] > [data-part="app-body"] {
    --cr-app-squeeze-left: 18em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-left="md"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-left="md"] > [data-part="app-body"] {
    --cr-app-squeeze-left: 24em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-left="lg"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-left="lg"] > [data-part="app-body"] {
    --cr-app-squeeze-left: 30em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-left="xl"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-left="xl"] > [data-part="app-body"] {
    --cr-app-squeeze-left: 36em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-left="full"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-left="full"] > [data-part="app-body"] {
    --cr-app-squeeze-left: 100%;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-left="full-floating"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-left="full-floating"] > [data-part="app-body"] {
    --cr-app-squeeze-left: calc(100% - 2rem);
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-right="sm"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-right="sm"] > [data-part="app-body"] {
    --cr-app-squeeze-right: 18em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-right="md"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-right="md"] > [data-part="app-body"] {
    --cr-app-squeeze-right: 24em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-right="lg"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-right="lg"] > [data-part="app-body"] {
    --cr-app-squeeze-right: 30em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-right="xl"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-right="xl"] > [data-part="app-body"] {
    --cr-app-squeeze-right: 36em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-right="full"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-right="full"] > [data-part="app-body"] {
    --cr-app-squeeze-right: 100%;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-right="full-floating"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-right="full-floating"] > [data-part="app-body"] {
    --cr-app-squeeze-right: calc(100% - 2rem);
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-top="sm"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-top="sm"] > [data-part="app-body"] {
    --cr-app-squeeze-top: 18em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-top="md"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-top="md"] > [data-part="app-body"] {
    --cr-app-squeeze-top: 24em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-top="lg"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-top="lg"] > [data-part="app-body"] {
    --cr-app-squeeze-top: 30em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-top="xl"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-top="xl"] > [data-part="app-body"] {
    --cr-app-squeeze-top: 36em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-top="full"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-top="full"] > [data-part="app-body"] {
    --cr-app-squeeze-top: 100%;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-top="full-floating"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-top="full-floating"] > [data-part="app-body"] {
    --cr-app-squeeze-top: calc(100% - 2rem);
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-bottom="sm"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-bottom="sm"] > [data-part="app-body"] {
    --cr-app-squeeze-bottom: 18em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-bottom="md"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-bottom="md"] > [data-part="app-body"] {
    --cr-app-squeeze-bottom: 24em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-bottom="lg"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-bottom="lg"] > [data-part="app-body"] {
    --cr-app-squeeze-bottom: 30em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-bottom="xl"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-bottom="xl"] > [data-part="app-body"] {
    --cr-app-squeeze-bottom: 36em;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-bottom="full"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-bottom="full"] > [data-part="app-body"] {
    --cr-app-squeeze-bottom: 100%;
}

.sc-crkit[data-app-root="true"][data-surface-squeeze-bottom="full-floating"] > [data-part="app-body"],
.sc-crkit [data-app-root="true"][data-surface-squeeze-bottom="full-floating"] > [data-part="app-body"] {
    --cr-app-squeeze-bottom: calc(100% - 2rem);
}

@media (prefers-reduced-motion: reduce) {
    .sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="app-body"],
    .sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="app-body"],
    .sc-crkit[data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"] > [data-part="surface-backdrop"],
    .sc-crkit [data-app-root="true"][data-surface-shell="true"] > [data-part="surface-host"] > [data-part="surface-backdrop"] {
        transition: none;
    }
}
}
@layer crkit.controls {
.theme-banner-block {
    --banner-content-column: 70%;
    --banner-image-column: 30%;
    --banner-column-gap: clamp(1.5rem, 3vw, 3rem);
    --banner-pan-direction-x: 0;
    --banner-pan-direction-y: 0;
    --banner-pan-distance: 0px;
    --banner-pan-scale: 1;

    display: grid;
    width: 100%;
    grid-template-areas:
        "image"
        "content";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    position: relative;
    gap: 1.5rem;
}

.theme-banner-block.layout-50-50 {
    --banner-content-column: 50%;
    --banner-image-column: 50%;
}

.theme-banner-block.layout-60-40 {
    --banner-content-column: 60%;
    --banner-image-column: 40%;
}

.theme-banner-block.layout-70-30 {
    --banner-content-column: 70%;
    --banner-image-column: 30%;
}

.theme-banner-block.rounded-corners-lg,
.theme-banner-block.rounded-corners-lg .banner-col-image img {
    border-radius: var(--radius-large);
    overflow: hidden;
}

.theme-banner-block.rounded-corners-md,
.theme-banner-block.rounded-corners-md .banner-col-image img {
    border-radius: var(--radius-large);
    overflow: hidden;
}

.theme-banner-block.rounded-corners-sm,
.theme-banner-block.rounded-corners-sm .banner-col-image img {
    border-radius: var(--radius-small);
    overflow: hidden;
}

.theme-banner-block .banner-col-content {
    grid-area: content;
    padding: var(--site-padding-width);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    box-sizing: border-box;
    font-size: 1.2em;
}

.theme-banner-block .banner-col-content h2,
.theme-banner-block .banner-col-content h3,
.theme-banner-block .banner-col-content h4,
.theme-banner-block .banner-col-content h5 {
    margin-top: 0;
}

.theme-banner-block .banner-col-image {
    grid-area: image;
    width: 100%;
    display: flex;
}

.theme-banner-block .banner-col-image img {
    width: 100%;
    display: block;
}

.theme-banner-block .banner-col-image .banner-placeholder {
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #ccc;
    background-color: #f0f0f0;
    color: #888;
    font-size: 14px;
}

.theme-banner-block.has-hover-pan .banner-col-image {
    overflow: hidden;
}

.theme-banner-block.has-hover-pan .banner-col-image img {
    transform: scale(1);
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
    .theme-banner-block.has-hover-pan:hover .banner-col-image img,
    .theme-banner-block.has-hover-pan:focus-within .banner-col-image img {
        transform: scale(1.035);
    }
}

.theme-banner-block.is-constrained-height .banner-col-image img {
    width: 100%;
    object-fit: cover;
}

.theme-banner-block:not(.is-constrained-height) .banner-col-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.theme-banner-block.hidden {
    display: none;
}

@media (max-width: 779.98px) {
    .theme-banner-block.is-constrained-height .banner-col-image img {
        height: 50vw !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-banner-block.has-hover-pan .banner-col-image img {
        transform: none !important;
        transition: none;
    }
}

@media (min-width: 780px) {
    .theme-banner-block {
        grid-template-areas: "content image";
        grid-template-columns:
            minmax(0, calc(var(--banner-content-column) - (var(--banner-column-gap) / 2)))
            minmax(0, calc(var(--banner-image-column) - (var(--banner-column-gap) / 2)));
        column-gap: var(--banner-column-gap);
        row-gap: 0;
        grid-template-rows: auto;
    }

    .theme-banner-block.placement-h-left {
        grid-template-areas: "image content";
        grid-template-columns:
            minmax(0, calc(var(--banner-image-column) - (var(--banner-column-gap) / 2)))
            minmax(0, calc(var(--banner-content-column) - (var(--banner-column-gap) / 2)));
    }

    .theme-banner-block.is-constrained-height .banner-col-image {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .theme-banner-block.is-constrained-height .banner-col-image img {
        width: 100%;
        object-fit: cover;
        height: inherit;
    }

    .theme-banner-block.placement-v-top {
        align-items: start;
    }

    .theme-banner-block.placement-v-top .banner-col-content {
        justify-content: flex-start;
        padding-block-start: 0;
    }

    .theme-banner-block.placement-v-center {
        align-items: center;
    }

    .theme-banner-block.placement-v-bottom {
        align-items: end;
    }

    .theme-banner-block.content-align-center .banner-col-content {
        text-align: center;
        align-items: center;
    }

    .theme-banner-block.placement-h-right.content-align-side .banner-col-content {
        text-align: left;
        align-items: flex-start;
        padding-inline-start: 0;
    }

    .theme-banner-block.placement-h-left.content-align-side .banner-col-content {
        text-align: right;
        align-items: flex-end;
        padding-inline-end: 0;
    }

    .theme-banner-block.placement-h-right.content-align-reverse .banner-col-content {
        text-align: right;
        align-items: flex-end;
    }

    .theme-banner-block.placement-h-left.content-align-reverse .banner-col-content {
        text-align: left;
        align-items: flex-start;
    }
}
}
@layer crkit.controls {
:is(.sc-crkit, [data-crkit-theme]) .card-container[data-view-type] {
    --card-columns: 1;
    --card-gap: clamp(0.75rem, 1.3vw, 1.2em);
    display: flex;
    flex-wrap: wrap;
    align-self: stretch;
    align-items: stretch;
    gap: var(--card-gap);
    inline-size: 100%;
    box-sizing: border-box;
}

:is(.sc-crkit, [data-crkit-theme]) .card-container[data-view-type="rows"] {
    flex-direction: column;
    flex-wrap: nowrap;
}

:is(.sc-crkit, [data-crkit-theme]) .card-container[data-view-type="cards"] > [data-type] {
    box-sizing: border-box;
    flex: 0 0 calc((100% - (var(--card-columns) - 1) * var(--card-gap)) / var(--card-columns));
    min-inline-size: 0;
}

@media (min-width: 37.5em) {
    :is(.sc-crkit, [data-crkit-theme]) .card-container[data-view-type] {
        --card-columns: 2;
    }
}

@media (min-width: 56.25em) {
    :is(.sc-crkit, [data-crkit-theme]) .card-container[data-view-type] {
        --card-columns: 3;
    }
}

@media (min-width: 75em) {
    :is(.sc-crkit, [data-crkit-theme]) .card-container[data-view-type] {
        --card-columns: 4;
    }
}
}
@layer crkit.controls {
[data-crkit-theme] [data-collection="true"] {
    --cr-collection-focus-border: var(--theme-accent);
    --cr-collection-focus-ring: color-mix(in srgb, var(--theme-accent) 20%, transparent);
    --cr-collection-selected-bg: var(--theme-interactive-selected-background, color-mix(in srgb, var(--theme-accent) 16%, transparent));
    --cr-collection-selected-bg-strong: var(--theme-interactive-selected-background, color-mix(in srgb, var(--theme-accent) 16%, transparent));
    --cr-collection-selected-text: var(--theme-interactive-selected-foreground, var(--theme-ink));
    --cr-collection-disabled-text: color-mix(in srgb, var(--theme-muted) 92%, var(--theme-surface-solid));
    --cr-collection-disabled-bg: transparent;
}

[data-collection="true"] {
    outline: 0;
    outline-offset: -1px;
}

[data-collection="true"][data-collection-focus-within="true"] {
    outline: 1px solid var(--cr-collection-focus-border);
}

[data-collection="true"] [data-collection-item="true"][data-collection-selected="true"] {
    background: var(--cr-collection-selected-bg);
    color: var(--cr-collection-selected-text);
}

[data-collection="true"] [data-collection-item="true"][data-collection-active="true"] {
    box-shadow: inset 0 0 0 1px var(--cr-collection-focus-ring);
}

[data-collection="true"] [data-collection-item="true"][data-collection-selected="true"][data-collection-active="true"] {
    background: var(--cr-collection-selected-bg-strong);
    box-shadow: inset 0 0 0 1px var(--cr-collection-focus-border);
}

[data-collection="true"] [data-collection-item="true"][data-collection-disabled="true"] {
    background: var(--cr-collection-disabled-bg);
    color: var(--cr-collection-disabled-text);
}
}
@layer crkit.controls {
:where([data-type="console"], [data-type="studio-console"]) {
    --console-bg: #111111;
    --console-fg: #e6e6e6;
    --console-muted: #8a8a8a;
    --console-prompt: #98c379;
    --console-dir: #98c379;
    --console-error: #e06c75;
    --console-info: #d19a66;
    block-size: 100%;
    min-block-size: 0;
    display: grid;
    color: var(--console-fg);
    background: var(--console-bg);
    font-family: var(--font-family-code, var(--font-mono, "SFMono-Regular", ui-monospace, monospace));
    font-size: 0.875rem;
    line-height: 1.4;
    font-variant-ligatures: none;
    tab-size: 4;
    overflow: hidden;
}

:where([data-type="console"], [data-type="studio-console"]) > [data-part="console-shell"] {
    min-block-size: 0;
    block-size: 100%;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-output"] {
    min-block-size: 0;
    overflow: auto;
    padding: 0.75rem 1rem 0.25rem;
    display: grid;
    align-content: start;
    gap: 0.2rem;
    font: inherit;
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-empty"] {
    padding: 0 1rem 0.25rem;
    color: var(--console-muted);
    font: inherit;
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-empty"][hidden] {
    display: none;
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-entry"] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.6rem;
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-entry-prefix"] {
    min-inline-size: 0.9rem;
    color: var(--console-muted);
    font-weight: 400;
    text-align: center;
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-entry-prefix"][hidden] {
    display: none;
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-entry-text"] {
    margin: 0;
    min-inline-size: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font: inherit;
    color: inherit;
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-entry"][data-kind="command"] [data-part="console-entry-text"] {
    color: var(--console-fg);
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-entry"][data-kind="stdout"] [data-part="console-entry-text"] {
    color: var(--console-fg);
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-entry"][data-tone="dir"] [data-part="console-entry-text"] {
    color: var(--console-dir);
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-entry"][data-kind="stderr"] [data-part="console-entry-text"],
:where([data-type="console"], [data-type="studio-console"]) [data-part="console-entry"][data-kind="stderr"] [data-part="console-entry-prefix"] {
    color: var(--console-error);
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-entry"][data-kind="info"] [data-part="console-entry-text"],
:where([data-type="console"], [data-type="studio-console"]) [data-part="console-entry"][data-kind="info"] [data-part="console-entry-prefix"] {
    color: var(--console-info);
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-prompt"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    padding: 0 1rem 0.75rem;
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-prompt"][hidden] {
    display: none;
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-prompt-label"] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.55rem;
    min-inline-size: 0;
    font-family: var(--font-mono, "SFMono-Regular", ui-monospace, monospace);
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-prompt-prefix"] {
    color: var(--console-prompt);
    font-weight: 400;
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-input"] {
    min-inline-size: 0;
    inline-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--console-fg);
    background: none;
    font: inherit;
    box-sizing: border-box;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    caret-color: var(--console-fg);
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-input"]::placeholder {
    color: var(--console-muted);
}

:where([data-type="console"], [data-type="studio-console"]) [data-part="console-input"]:focus,
:where([data-type="console"], [data-type="studio-console"]) [data-part="console-input"]:focus-visible {
    outline: none;
    box-shadow: none;
}
}
@layer crkit.controls {
:is(.sc-crkit, [data-crkit-theme]) .page-container {
    position: relative;
    z-index: 0;
    display: block;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

:is(.sc-crkit, [data-crkit-theme]) .page-container.hidden {
    display: none;
    opacity: 0;
    visibility: hidden;
}

:is(.sc-crkit, [data-crkit-theme]) .page-container > .container-background-img {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
    transform: scale(1);
    transform-origin: center center;
    transition: transform var(--theme-container-image-zoom-duration, 350ms) ease;
}

:is(.sc-crkit, [data-crkit-theme]) .page-container.is-image-only > .container-background-img {
    position: static;
    inset: auto;
    inline-size: auto;
    block-size: auto;
    max-inline-size: 100%;
    max-block-size: none;
    object-fit: contain;
}

:is(.sc-crkit, [data-crkit-theme]) .page-container > :not(.container-background-img) {
    position: relative;
    z-index: 1;
}

:is(.sc-crkit, [data-crkit-theme]) .page-container.has-zoom-on-hover:hover > .container-background-img {
    transform: scale(var(--theme-container-image-zoom-scale, 1.075));
}

:is(.sc-crkit, [data-crkit-theme]) .page-container.is-linked {
    cursor: pointer;
}

:is(.sc-crkit, [data-crkit-theme]) .page-container.is-linked:focus-visible {
    outline: var(--theme-container-link-focus-ring, 2px solid var(--color-accent));
    outline-offset: var(--theme-container-link-focus-offset, 2px);
}

:is(.sc-crkit, [data-crkit-theme]) .page-container.crkit-button-set {
    align-items: var(--cr-button-set-align-items, center);
    display: flex;
    flex-direction: var(--cr-button-set-direction, row);
    flex-wrap: var(--cr-button-set-wrap, wrap);
    gap: var(--cr-button-set-gap, 0.75em);
    justify-content: var(--cr-button-set-justify-content, center);
    overflow: visible;
}

:is(.sc-crkit, [data-crkit-theme]) .page-container.crkit-button-set > .page-link.btn {
    flex: 0 0 auto;
    inline-size: var(--cr-button-set-button-inline-size, var(--cr-link-button-inline-size, auto));
}

:is(.sc-crkit, [data-crkit-theme]) .page-container.crkit-button-set > .page-link.btn.has-label {
    min-inline-size: var(--cr-button-set-button-min-inline-size, var(--cr-link-button-min-inline-size, var(--theme-button-min-inline-size, 5.6em)));
}
}
@layer crkit.controls {
.cr-crumb-panel {
    --_cr-crumb-collapsed-size: var(--cr-crumb-panel-collapsed-inline-size, var(--theme-button-min-block-size, 2.72em));
    --_cr-crumb-expanded-size: var(--cr-crumb-panel-expanded-inline-size, min(34rem, 50vw));
    --_cr-crumb-block-size: var(--cr-crumb-panel-block-size, var(--theme-button-min-block-size, 2.72em));
    --_cr-crumb-icon-size: var(--cr-crumb-panel-icon-size, 1rem);
    --_cr-crumb-transition-duration: var(--cr-crumb-panel-transition-duration, 220ms);
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    inline-size: var(--_cr-crumb-expanded-size);
    min-inline-size: var(--_cr-crumb-collapsed-size);
    max-inline-size: 100%;
    block-size: var(--_cr-crumb-block-size);
    overflow: hidden;
    color: var(--theme-ink, currentColor);
    transition: inline-size var(--_cr-crumb-transition-duration) ease;
}

.cr-crumb-panel.is-collapsed { inline-size: var(--_cr-crumb-collapsed-size); }
.cr-crumb-panel.is-menu-open { overflow: visible; z-index: 4; }
.cr-crumb-panel [data-part="crumb-panel-shell"] { display: contents; }
.cr-crumb-panel [data-part="crumb-expanded"] { min-inline-size: 0; inline-size: 100%; overflow: hidden; }
.cr-crumb-panel [data-part="crumb-items"] { display: flex; align-items: center; min-inline-size: 0; margin: 0; padding: 0; list-style: none; white-space: nowrap; }
.cr-crumb-panel [data-part="crumb-entry"] { display: inline-flex; align-items: center; min-inline-size: 0; }
.cr-crumb-panel [data-part="crumb-link"],
.cr-crumb-panel [data-part="crumb-current"],
.cr-crumb-panel [data-part="crumb-item"] { display: inline-flex; align-items: center; gap: .4em; min-inline-size: 0; padding: .35em .45em; border-radius: .45em; color: inherit; font-size: .875rem; font-weight: 600; line-height: 1.2; text-decoration: none; }
.cr-crumb-panel [data-part="crumb-link"]:hover { background: var(--theme-interactive-hover-background); color: var(--theme-interactive-hover-foreground); }
.cr-crumb-panel [data-part="crumb-link"]:focus-visible,
.cr-crumb-panel [data-part="crumb-current"]:focus-visible { outline: 2px solid var(--theme-focus-ring-color, currentColor); outline-offset: 1px; }
.cr-crumb-panel [data-part="crumb-label"] { overflow: hidden; text-overflow: ellipsis; }
.cr-crumb-panel [data-part="crumb-icon"],
.cr-crumb-panel [data-part="crumb-collapsed-icon"] { display: inline-grid; flex: 0 0 var(--_cr-crumb-icon-size); place-items: center; inline-size: var(--_cr-crumb-icon-size); block-size: var(--_cr-crumb-icon-size); }
.cr-crumb-panel [data-part="crumb-icon"] svg,
.cr-crumb-panel [data-part="crumb-collapsed-icon"] svg { display: block; inline-size: 100%; block-size: 100%; }
.cr-crumb-panel [data-part="crumb-separator"] { display: inline-grid; flex: 0 0 .75rem; place-items: center; inline-size: .75rem; block-size: .75rem; color: var(--theme-muted, currentColor); }
.cr-crumb-panel [data-part="crumb-separator-icon"],
.cr-crumb-panel [data-part="crumb-separator-icon"] svg { display: block; inline-size: .75rem; block-size: .75rem; }
.cr-crumb-panel [data-part="crumb-collapsed"] { appearance: none; display: inline-grid; flex: 0 0 var(--_cr-crumb-collapsed-size); place-items: center; inline-size: var(--_cr-crumb-collapsed-size); block-size: 100%; margin: 0; padding: 0; border: var(--border-button, 1px solid var(--theme-line, currentColor)); border-radius: var(--theme-button-border-radius, .65rem); background: var(--color-button, transparent); color: var(--color-button-text, inherit); cursor: pointer; }
.cr-crumb-panel [data-part="crumb-collapsed"]:hover { border-color: var(--color-button-border-hover, currentColor); background: var(--theme-interactive-hover-background); color: var(--theme-interactive-hover-foreground); }
.cr-crumb-panel [data-part="crumb-collapsed"]:focus-visible { outline: 2px solid var(--theme-focus-ring-color, currentColor); outline-offset: -3px; }
.cr-crumb-panel [data-part="crumb-menu"] { position: absolute; inset-block-start: calc(100% + .45rem); inset-inline-start: 0; display: grid; inline-size: min(17rem, calc(100vw - 1.4rem)); margin: 0; padding: .35rem; border: 1px solid var(--theme-line, currentColor); border-radius: .7rem; background: var(--theme-surface-solid, #fff); box-shadow: 0 .8rem 2.5rem rgb(20 20 30 / 14%); list-style: none; z-index: 5; }
.cr-crumb-panel [data-part="crumb-menu-entry"] { display: contents; }
.cr-crumb-panel [data-part="crumb-menu-item"] { appearance: none; display: flex; align-items: center; gap: .45rem; inline-size: 100%; min-block-size: 2rem; padding: .4rem .55rem; border: 0; border-radius: .45rem; background: transparent; color: inherit; font: inherit; font-size: .875rem; text-align: start; cursor: pointer; }
.cr-crumb-panel [data-part="crumb-menu-item"]:hover:not(:disabled),
.cr-crumb-panel [data-part="crumb-menu-item"]:focus-visible { outline: 0; background: var(--theme-interactive-hover-background); color: var(--theme-interactive-hover-foreground); }
.cr-crumb-panel [data-part="crumb-menu-item"]:disabled { opacity: .58; cursor: default; }
.cr-crumb-panel [data-part="crumb-menu-indent"] { flex: 0 0 .8rem; inline-size: .8rem; }
.cr-crumb-panel [data-part="crumb-menu-icon"] { display: inline-grid; flex: 0 0 var(--_cr-crumb-icon-size); place-items: center; inline-size: var(--_cr-crumb-icon-size); block-size: var(--_cr-crumb-icon-size); }
.cr-crumb-panel [data-part="crumb-menu-icon"] svg { display: block; inline-size: 100%; block-size: 100%; }
.cr-crumb-panel [data-part="crumb-menu-label"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cr-crumb-panel [data-part="crumb-expanded"][hidden],
.cr-crumb-panel [data-part="crumb-collapsed"][hidden],
.cr-crumb-panel [data-part="crumb-menu"][hidden] { display: none; }

@media (prefers-reduced-motion: reduce) { .cr-crumb-panel { transition: none; } }
}
@layer crkit.controls {
[data-type="dependency-canvas"] {
    display: block;
    box-sizing: border-box;
    inline-size: 100%;
    min-inline-size: 0;
    block-size: 100%;
    min-block-size: 0;
    overflow: hidden;
    color: var(--ink);
    background: var(--theme-app-background, var(--theme-background));
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-shell"],
[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport"] {
    box-sizing: border-box;
    inline-size: 100%;
    min-inline-size: 0;
    block-size: 100%;
    min-block-size: 0;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-shell"] {
    position: relative;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    overflow: hidden;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-loading"] {
    position: absolute;
    z-index: 8;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: var(--theme-app-background, var(--theme-background));
    pointer-events: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-loading"][hidden] {
    display: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-loading-stage"] {
    position: relative;
    inline-size: min(82%, 56rem);
    aspect-ratio: 5 / 3;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-loading-connectors"] {
    position: absolute;
    inset: 0;
    display: block;
    inline-size: 100%;
    block-size: 100%;
    overflow: visible;
    fill: none;
    stroke: color-mix(in srgb, var(--ink-muted, #555) 34%, transparent);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-loading-cards"] {
    position: absolute;
    inset: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-loading-cards"] > li {
    position: absolute;
    box-sizing: border-box;
    display: grid;
    align-content: start;
    gap: 0.34rem;
    inline-size: 18%;
    min-inline-size: 0;
    block-size: 18%;
    min-block-size: 2.9rem;
    padding: 0.55rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ink-muted, #555) 24%, transparent);
    border-radius: 0.45rem;
    background: var(--adw-view-bg-color, var(--theme-surface-solid, #fff));
    animation: dependency-canvas-loading-pulse 1450ms ease-in-out infinite alternate;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-loading-cards"] > li > :is(span, i) {
    display: block;
    block-size: 0.42rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ink-muted, #555) 22%, transparent);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-loading-cards"] > li > span {
    inline-size: 62%;
    block-size: 0.55rem;
    background: color-mix(in srgb, var(--ink-muted, #555) 44%, transparent);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-loading-cards"] > li > i:nth-of-type(1) { inline-size: 88%; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-loading-cards"] > li > i:nth-of-type(2) { inline-size: 68%; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-loading-cards"] > li > i:nth-of-type(3) { inline-size: 76%; }
[data-type="dependency-canvas"] [data-skeleton-card="root"] { inset-inline-start: 8%; inset-block-start: 41%; }
[data-type="dependency-canvas"] [data-skeleton-card="branch-a"] { inset-inline-start: 40%; inset-block-start: 16%; }
[data-type="dependency-canvas"] [data-skeleton-card="branch-b"] { inset-inline-start: 40%; inset-block-start: 41%; animation-delay: -820ms; }
[data-type="dependency-canvas"] [data-skeleton-card="branch-c"] { inset-inline-start: 40%; inset-block-start: 66%; animation-delay: -390ms; }
[data-type="dependency-canvas"] [data-skeleton-card="leaf-a"] { inset-inline-start: 79%; inset-block-start: 4%; block-size: 15%; animation-delay: -1040ms; }
[data-type="dependency-canvas"] [data-skeleton-card="leaf-b"] { inset-inline-start: 79%; inset-block-start: 29%; block-size: 15%; animation-delay: -220ms; }
[data-type="dependency-canvas"] [data-skeleton-card="leaf-c"] { inset-inline-start: 79%; inset-block-start: 54%; block-size: 15%; animation-delay: -650ms; }
[data-type="dependency-canvas"] [data-skeleton-card="leaf-d"] { inset-inline-start: 79%; inset-block-start: 79%; block-size: 15%; animation-delay: -1210ms; }

[data-type="dependency-canvas"] [data-part="dependency-canvas-shell"][data-dependency-canvas-loading="true"] [data-part="dependency-canvas-stage"] {
    opacity: 0;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-shell"][data-dependency-canvas-scene-enter="true"] [data-part="dependency-canvas-stage"] {
    animation: dependency-canvas-scene-enter 240ms ease-out both;
}

@keyframes dependency-canvas-loading-pulse {
    from { opacity: 0.48; }
    to { opacity: 1; }
}

@keyframes dependency-canvas-scene-enter {
    from { opacity: 0; }
    to { opacity: 1; }
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport"] {
    container-type: size;
    overflow: auto;
    scrollbar-width: none;
    outline: none;
    cursor: grab;
    touch-action: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport"]::-webkit-scrollbar {
    display: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport"][data-dependency-canvas-show-scrollbars="true"] {
    scrollbar-width: auto;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport"][data-dependency-canvas-show-scrollbars="true"]::-webkit-scrollbar {
    display: block;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport"][data-dependency-canvas-panning="true"] {
    cursor: grabbing;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport"]:focus-visible {
    outline: 2px solid var(--theme-focus-ring, var(--color-accent));
    outline-offset: -2px;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-stage"] {
    --dependency-canvas-bearing-sliver: 2.25rem;
    position: relative;
    box-sizing: content-box;
    display: grid;
    place-items: center;
    inline-size: max-content;
    min-inline-size: 100cqi;
    min-block-size: 100cqb;
    padding-inline: max(0px, calc(100cqi - var(--dependency-canvas-bearing-sliver)));
    padding-block: max(0px, calc(100cqb - var(--dependency-canvas-bearing-sliver)));
    contain: paint;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scroll-reserve"],
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"] {
    grid-area: 1 / 1;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scroll-reserve"] {
    --dependency-canvas-grid-slot-inline-size: 2.6875em;
    --dependency-canvas-grid-slot-block-size: 2.484em;
    display: none;
    inline-size: max-content;
    block-size: max-content;
    grid-template-columns: repeat(var(--dependency-canvas-columns), var(--dependency-canvas-grid-slot-inline-size));
    grid-template-rows: repeat(var(--dependency-canvas-rows), var(--dependency-canvas-grid-slot-block-size));
    visibility: hidden;
    pointer-events: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"] {
    --dependency-canvas-zoom-control-size: 48px;
    --dependency-canvas-zoom-control-radius: calc(var(--dependency-canvas-zoom-control-size) / 2);
    --dependency-canvas-zoom-control-icon-size: 26px;
    --dependency-canvas-zoom-control-gap: 6px;
    --dependency-canvas-zoom-control-padding-block: 6px;
    --dependency-canvas-zoom-control-padding-inline: 37px;
    --dependency-canvas-zoom-control-edge-offset: 18px;
    --dependency-canvas-zoom-control-background: #292c34;
    --dependency-canvas-zoom-control-foreground: #fff;
    --dependency-canvas-zoom-control-hover-background: color-mix(
        in srgb,
        var(--dependency-canvas-zoom-control-background),
        white var(--theme-button-hover-mix, 20%)
    );
    --cr-link-circle-image-inline-size: var(--dependency-canvas-zoom-control-icon-size);
    --cr-link-circle-image-block-size: var(--dependency-canvas-zoom-control-icon-size);
    --link-custom-background: var(--dependency-canvas-zoom-control-background);
    --link-custom-text: var(--dependency-canvas-zoom-control-foreground);
    position: absolute;
    z-index: 7;
    display: flex;
    gap: var(--dependency-canvas-zoom-control-gap);
    margin: 0;
    padding: var(--dependency-canvas-zoom-control-padding-block) var(--dependency-canvas-zoom-control-padding-inline);
    border: 0;
    border-radius: var(--dependency-canvas-zoom-control-radius);
    background: color-mix(in srgb, var(--ink) 10%, transparent);
    box-shadow: none;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"][hidden] {
    display: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"][data-dependency-canvas-zoom-controls-size="medium"] {
    --dependency-canvas-zoom-control-size: 36px;
    --dependency-canvas-zoom-control-icon-size: 20px;
    --dependency-canvas-zoom-control-gap: 4.5px;
    --dependency-canvas-zoom-control-padding-block: 4.5px;
    --dependency-canvas-zoom-control-padding-inline: 28px;
    --dependency-canvas-zoom-control-edge-offset: 15px;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"][data-dependency-canvas-zoom-controls-size="small"] {
    --dependency-canvas-zoom-control-size: 24px;
    --dependency-canvas-zoom-control-icon-size: 10px;
    --dependency-canvas-zoom-control-gap: 3px;
    --dependency-canvas-zoom-control-padding-block: 3px;
    --dependency-canvas-zoom-control-padding-inline: 18.5px;
    --dependency-canvas-zoom-control-edge-offset: 12px;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"][data-dependency-canvas-zoom-controls-placement="top-left"] {
    top: var(--dependency-canvas-zoom-control-edge-offset);
    left: var(--dependency-canvas-zoom-control-edge-offset);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"][data-dependency-canvas-zoom-controls-placement="top-center"] {
    top: var(--dependency-canvas-zoom-control-edge-offset);
    left: 50%;
    transform: translateX(-50%);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"][data-dependency-canvas-zoom-controls-placement="top-right"] {
    top: var(--dependency-canvas-zoom-control-edge-offset);
    right: var(--dependency-canvas-zoom-control-edge-offset);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"][data-dependency-canvas-zoom-controls-placement="center-left"] {
    top: 50%;
    left: var(--dependency-canvas-zoom-control-edge-offset);
    transform: translateY(-50%);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"][data-dependency-canvas-zoom-controls-placement="center-right"] {
    top: 50%;
    right: var(--dependency-canvas-zoom-control-edge-offset);
    transform: translateY(-50%);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"][data-dependency-canvas-zoom-controls-placement="bottom-left"] {
    bottom: var(--dependency-canvas-zoom-control-edge-offset);
    left: var(--dependency-canvas-zoom-control-edge-offset);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"][data-dependency-canvas-zoom-controls-placement="bottom-center"] {
    bottom: var(--dependency-canvas-zoom-control-edge-offset);
    left: 50%;
    transform: translateX(-50%);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"][data-dependency-canvas-zoom-controls-placement="bottom-right"] {
    right: var(--dependency-canvas-zoom-control-edge-offset);
    bottom: var(--dependency-canvas-zoom-control-edge-offset);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"] .page-link.btn.btn-custom.btn-shape-circle {
    display: grid;
    place-items: center;
    inline-size: var(--dependency-canvas-zoom-control-size);
    min-inline-size: var(--dependency-canvas-zoom-control-size);
    block-size: var(--dependency-canvas-zoom-control-size);
    min-block-size: var(--dependency-canvas-zoom-control-size);
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: var(--dependency-canvas-zoom-control-radius);
    background-color: var(--dependency-canvas-zoom-control-background);
    color: var(--dependency-canvas-zoom-control-foreground);
    box-shadow: none;
    transition:
        background-color var(--theme-button-transition-duration, 0.2s) ease,
        color var(--theme-button-transition-duration, 0.2s) ease;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-controls"] .page-link.btn.btn-custom.btn-shape-circle:hover:not(:disabled) {
    color: var(--dependency-canvas-zoom-control-foreground);
    background-color: var(--dependency-canvas-zoom-control-hover-background);
    box-shadow: none;
    filter: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-control-icon"] {
    display: block;
    inline-size: var(--dependency-canvas-zoom-control-icon-size);
    block-size: var(--dependency-canvas-zoom-control-icon-size);
    pointer-events: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-viewport-control-icon"] > svg {
    display: block;
    inline-size: 100%;
    block-size: 100%;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-zoom-status"] {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 6;
    box-sizing: border-box;
    min-inline-size: 4.25rem;
    padding: 0.3rem 0.55rem;
    border: 1px solid color-mix(in srgb, white 22%, transparent);
    border-radius: 0.45rem;
    background: #292c34;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    box-shadow: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-zoom-status"][hidden] {
    display: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-zoom-status"][data-dependency-canvas-zoom-status-active="true"][data-dependency-canvas-zoom-status-phase="enter"] {
    animation: cr-transient-status-enter 1500ms ease-out both;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-zoom-status"][data-dependency-canvas-zoom-status-active="true"][data-dependency-canvas-zoom-status-phase="refresh"][data-dependency-canvas-zoom-status-cycle="a"] {
    animation: cr-transient-status-refresh-a 1500ms ease-out both;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-zoom-status"][data-dependency-canvas-zoom-status-active="true"][data-dependency-canvas-zoom-status-phase="refresh"][data-dependency-canvas-zoom-status-cycle="b"] {
    animation: cr-transient-status-refresh-b 1500ms ease-out both;
}

@keyframes cr-transient-status-enter {
    0% { opacity: 0; transform: translateY(3px); }
    14%, 68% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(0); }
}

@keyframes cr-transient-status-refresh-a {
    0%, 68% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(0); }
}

@keyframes cr-transient-status-refresh-b {
    0%, 68% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(0); }
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"] {
    --dependency-canvas-grid-slot-inline-size: 2.6875em;
    --dependency-canvas-grid-slot-block-size: 2.484em;
    --dependency-canvas-grid-lattice-inline-size: var(--dependency-canvas-grid-slot-inline-size);
    --dependency-canvas-grid-lattice-block-size: var(--dependency-canvas-grid-slot-block-size);
    --dependency-canvas-columns: 8;
    --dependency-canvas-rows: 5;
    position: relative;
    display: grid;
    inline-size: max-content;
    block-size: max-content;
    isolation: isolate;
    zoom: 1;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] {
    --dependency-canvas-grid-slot-block-size: 1.656em;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="42"] { zoom: 0.42; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="43"] { zoom: 0.43; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="44"] { zoom: 0.44; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="45"] { zoom: 0.45; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="46"] { zoom: 0.46; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="47"] { zoom: 0.47; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="48"] { zoom: 0.48; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="49"] { zoom: 0.49; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="50"] { zoom: 0.5; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="51"] { zoom: 0.51; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="52"] { zoom: 0.52; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="53"] { zoom: 0.53; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="54"] { zoom: 0.54; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="55"] { zoom: 0.55; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="56"] { zoom: 0.56; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="57"] { zoom: 0.57; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="58"] { zoom: 0.58; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="59"] { zoom: 0.59; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="60"] { zoom: 0.6; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="61"] { zoom: 0.61; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="62"] { zoom: 0.62; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="63"] { zoom: 0.63; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="64"] { zoom: 0.64; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="65"] { zoom: 0.65; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="66"] { zoom: 0.66; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="67"] { zoom: 0.67; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="68"] { zoom: 0.68; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="69"] { zoom: 0.69; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="70"] { zoom: 0.7; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="71"] { zoom: 0.71; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="72"] { zoom: 0.72; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="73"] { zoom: 0.73; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="74"] { zoom: 0.74; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="75"] { zoom: 0.75; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="76"] { zoom: 0.76; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="77"] { zoom: 0.77; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="78"] { zoom: 0.78; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="79"] { zoom: 0.79; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="80"] { zoom: 0.8; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="81"] { zoom: 0.81; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="82"] { zoom: 0.82; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="83"] { zoom: 0.83; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="84"] { zoom: 0.84; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="85"] { zoom: 0.85; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="86"] { zoom: 0.86; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="87"] { zoom: 0.87; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="88"] { zoom: 0.88; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="89"] { zoom: 0.89; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="90"] { zoom: 0.9; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="91"] { zoom: 0.91; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="92"] { zoom: 0.92; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="93"] { zoom: 0.93; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="94"] { zoom: 0.94; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="95"] { zoom: 0.95; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="96"] { zoom: 0.96; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="97"] { zoom: 0.97; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="98"] { zoom: 0.98; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="99"] { zoom: 0.99; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="100"] { zoom: 1; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="101"] { zoom: 1.01; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="102"] { zoom: 1.02; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="103"] { zoom: 1.03; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="104"] { zoom: 1.04; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="105"] { zoom: 1.05; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="106"] { zoom: 1.06; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="107"] { zoom: 1.07; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="108"] { zoom: 1.08; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="109"] { zoom: 1.09; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="110"] { zoom: 1.1; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="111"] { zoom: 1.11; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="112"] { zoom: 1.12; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="113"] { zoom: 1.13; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="114"] { zoom: 1.14; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="115"] { zoom: 1.15; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="116"] { zoom: 1.16; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="117"] { zoom: 1.17; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="118"] { zoom: 1.18; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="119"] { zoom: 1.19; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="120"] { zoom: 1.2; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="121"] { zoom: 1.21; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="122"] { zoom: 1.22; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="123"] { zoom: 1.23; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="124"] { zoom: 1.24; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="125"] { zoom: 1.25; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="126"] { zoom: 1.26; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="127"] { zoom: 1.27; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="128"] { zoom: 1.28; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="129"] { zoom: 1.29; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="130"] { zoom: 1.3; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="131"] { zoom: 1.31; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="132"] { zoom: 1.32; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="133"] { zoom: 1.33; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="134"] { zoom: 1.34; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="135"] { zoom: 1.35; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="136"] { zoom: 1.36; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="137"] { zoom: 1.37; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="138"] { zoom: 1.38; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="139"] { zoom: 1.39; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="140"] { zoom: 1.4; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="141"] { zoom: 1.41; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="142"] { zoom: 1.42; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="143"] { zoom: 1.43; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="144"] { zoom: 1.44; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="145"] { zoom: 1.45; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="146"] { zoom: 1.46; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="147"] { zoom: 1.47; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="148"] { zoom: 1.48; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="149"] { zoom: 1.49; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="150"] { zoom: 1.5; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="151"] { zoom: 1.51; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="152"] { zoom: 1.52; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="153"] { zoom: 1.53; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="154"] { zoom: 1.54; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="155"] { zoom: 1.55; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="156"] { zoom: 1.56; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="157"] { zoom: 1.57; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="158"] { zoom: 1.58; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="159"] { zoom: 1.59; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="160"] { zoom: 1.6; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="161"] { zoom: 1.61; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="162"] { zoom: 1.62; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="163"] { zoom: 1.63; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="164"] { zoom: 1.64; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="165"] { zoom: 1.65; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="166"] { zoom: 1.66; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="167"] { zoom: 1.67; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="168"] { zoom: 1.68; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="169"] { zoom: 1.69; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="170"] { zoom: 1.7; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="171"] { zoom: 1.71; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="172"] { zoom: 1.72; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="173"] { zoom: 1.73; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="174"] { zoom: 1.74; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="175"] { zoom: 1.75; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="176"] { zoom: 1.76; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="177"] { zoom: 1.77; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="178"] { zoom: 1.78; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="179"] { zoom: 1.79; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="180"] { zoom: 1.8; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="181"] { zoom: 1.81; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="182"] { zoom: 1.82; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="183"] { zoom: 1.83; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="184"] { zoom: 1.84; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-zoom-percent="185"] { zoom: 1.85; }

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-plane"],
[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-plane"],
[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-interaction-plane"] {
    grid-column: 1;
    grid-row: 1;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-plane"] {
    z-index: 2;
    display: grid;
    box-sizing: border-box;
    grid-template-columns: repeat(var(--dependency-canvas-columns), var(--dependency-canvas-grid-slot-inline-size));
    grid-template-rows: repeat(var(--dependency-canvas-rows), var(--dependency-canvas-grid-slot-block-size));
    gap: 0;
    inline-size: max-content;
    block-size: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"]::before {
    position: absolute;
    inset-inline: calc(var(--dependency-canvas-bearing-sliver) - 140cqi);
    inset-block: calc(var(--dependency-canvas-bearing-sliver) - 140cqb);
    z-index: 0;
    background-image: radial-gradient(
        circle at 1.5px 1.5px,
        color-mix(in srgb, var(--ink) 42%, transparent) 0,
        color-mix(in srgb, var(--ink) 32%, transparent) 0.55px,
        color-mix(in srgb, var(--ink) 18%, transparent) 1.05px,
        color-mix(in srgb, var(--ink) 6%, transparent) 1.4px,
        transparent 1.65px
    );
    background-position:
        calc(140cqi - var(--dependency-canvas-bearing-sliver) - 1.5px)
        calc(140cqb - var(--dependency-canvas-bearing-sliver) - 1.5px);
    background-size:
        var(--dependency-canvas-grid-lattice-inline-size)
        var(--dependency-canvas-grid-lattice-block-size);
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: opacity 190ms ease-out;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-editing="true"]::before {
    opacity: 0.72;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-plane"] {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    place-items: center;
    inline-size: 100%;
    min-inline-size: 0;
    block-size: 100%;
    min-block-size: 0;
    overflow: visible;
    pointer-events: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-interaction-plane"] {
    position: absolute;
    inset: 0;
    z-index: 5;
    inline-size: 100%;
    block-size: 100%;
    overflow: visible;
    pointer-events: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card"] {
    --dependency-canvas-column: 1;
    --dependency-canvas-row: 1;
    --dependency-canvas-column-span: 1;
    --dependency-canvas-row-span: 1;
    position: relative;
    align-self: stretch;
    justify-self: stretch;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    grid-column-start: var(--dependency-canvas-column);
    grid-column-end: span var(--dependency-canvas-column-span);
    grid-row-start: var(--dependency-canvas-row);
    grid-row-end: span var(--dependency-canvas-row-span);
    min-inline-size: 0;
    min-block-size: 0;
    padding: 0;
    outline: none;
    pointer-events: auto;
    touch-action: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-content"] {
    position: relative;
    box-sizing: border-box;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 0.55rem;
    background: white;
    color: #242424;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="detail"] [data-part="dependency-canvas-card"]:hover [data-part="dependency-canvas-card-content"] {
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground, var(--theme-ink));
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card"][aria-selected="true"] [data-part="dependency-canvas-card-content"] {
    border-color: var(--theme-interactive-selected-border, var(--color-accent));
    background: var(--theme-interactive-selected-background);
    color: var(--theme-interactive-selected-foreground, var(--theme-ink));
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card"]:focus-visible [data-part="dependency-canvas-card-content"] {
    outline: 2px solid var(--theme-focus-ring, var(--color-accent));
    outline-offset: 1px;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-title"] {
    min-inline-size: 0;
    margin: 0;
    padding: 0.3rem 0.45rem 0.25rem;
    overflow: hidden;
    border-block-end: 1px solid var(--line);
    font-size: 0.76rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-body"] {
    margin: 0;
    padding: 0.35rem 0.45rem 0.4rem;
    overflow-wrap: anywhere;
    font-size: 0.7rem;
    line-height: 1.25;
    white-space: pre-wrap;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-body"][hidden] {
    display: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-metadata"] {
    inline-size: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.64rem;
    line-height: 1.15;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-metadata"] th,
[data-type="dependency-canvas"] [data-part="dependency-canvas-card-metadata"] td {
    padding: 0.12rem 0.35rem;
    overflow: hidden;
    border-block-end: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card-content"] {
    block-size: auto;
    min-block-size: 1.7rem;
    overflow: visible;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card"][aria-selected="true"] [data-part="dependency-canvas-card-content"] {
    border-color: transparent;
    background: transparent;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] :is([data-part="dependency-canvas-card-body"], [data-part="dependency-canvas-card-metadata"]) {
    display: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card-title"] {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    inline-size: 100%;
    min-block-size: 1.7rem;
    padding: 0.12rem;
    overflow: visible;
    border: 0;
    line-height: 1.1;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card-title-label"] {
    display: block;
    box-sizing: border-box;
    max-inline-size: 100%;
    padding: 0.18rem 0.35rem;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 0.28rem;
    background: white;
    text-overflow: ellipsis;
    text-shadow: 0 1px 0 var(--theme-app-background, var(--theme-background));
    white-space: nowrap;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card-content"] {
    inline-size: 140%;
    justify-self: start;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card-title"] {
    justify-content: flex-start;
    font-size: 1.35rem;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card"]:hover [data-part="dependency-canvas-card-title-label"] {
    background: var(--theme-interactive-hover-background);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card"][aria-selected="true"] [data-part="dependency-canvas-card-title-label"] {
    color: var(--theme-interactive-selected-foreground, var(--ink));
    border-color: var(--theme-interactive-selected-border, var(--color-accent));
    background: var(--theme-interactive-selected-background);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card"]:focus-visible [data-part="dependency-canvas-card-content"] {
    outline: 0;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card"]:focus-visible [data-part="dependency-canvas-card-title-label"] {
    outline: 2px solid var(--theme-focus-ring, var(--color-accent));
    outline-offset: 1px;
}

[data-type="dependency-canvas"] :is(
    [data-part="dependency-canvas-card"],
    [data-part="dependency-canvas-viewport"]
)[data-dependency-canvas-edit-press="true"] {
    animation: dependency-canvas-edit-hold 550ms linear;
}

@keyframes dependency-canvas-edit-hold {
    from { opacity: 1; }
    to { opacity: 1; }
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-editing="true"] [data-part="dependency-canvas-card"] {
    cursor: pointer;
    touch-action: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card"],
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-level="label"] [data-part="dependency-canvas-card-title"],
[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-editing="true"] [data-part="dependency-canvas-card-title"] {
    cursor: pointer;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card"][data-dependency-canvas-dragging="true"] {
    z-index: 4;
    opacity: 0.58;
    cursor: grabbing;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card"][data-dependency-canvas-resizing="true"] {
    z-index: 4;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"] {
    --dependency-canvas-port-hit-size: 1.5rem;
    --dependency-canvas-port-dot-size: 3px;
    position: absolute;
    z-index: 2;
    display: block;
    inline-size: var(--dependency-canvas-port-hit-size);
    block-size: var(--dependency-canvas-port-hit-size);
    border: 0;
    background: transparent;
    opacity: 0;
    pointer-events: none;
    touch-action: none;
    transform: translate(-50%, -50%);
    transition: opacity 190ms ease-out;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"]::after {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    inline-size: var(--dependency-canvas-port-dot-size);
    block-size: var(--dependency-canvas-port-dot-size);
    border-radius: 50%;
    background: var(--ink-muted, #555);
    content: "";
    transform: translate(-50%, -50%);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-editing="true"] [data-part="dependency-canvas-card-port"] {
    opacity: 1;
    pointer-events: auto;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-scene"][data-dependency-canvas-connector-selected="true"] [data-part="dependency-canvas-card-port"] {
    opacity: 1;
    pointer-events: auto;
    cursor: crosshair;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card"][data-dependency-canvas-connector-target="true"] [data-part="dependency-canvas-card-content"] {
    outline: 2px solid var(--theme-focus-ring, var(--color-accent));
    outline-offset: 2px;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card"][data-dependency-canvas-connector-attach-flash="true"] [data-part="dependency-canvas-card-content"] {
    animation: dependency-canvas-connector-attach-flash 520ms ease-out;
}

@keyframes dependency-canvas-connector-attach-flash {
    from { background: color-mix(in srgb, var(--theme-interactive-selected-background) 58%, white); }
    to { background: white; }
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"][data-dependency-canvas-connector-port-target="true"]::after {
    background: var(--theme-interactive-selected-foreground, var(--color-accent));
    transform: translate(-50%, -50%) scale(1.65);
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"][data-dependency-canvas-port="north"] { inset-inline-start: 50%; inset-block-start: 0; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"][data-dependency-canvas-port="north-east"] { inset-inline-start: 100%; inset-block-start: 0; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"][data-dependency-canvas-port="east"] { inset-inline-start: 100%; inset-block-start: 50%; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"][data-dependency-canvas-port="south-east"] { inset-inline-start: 100%; inset-block-start: 100%; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"][data-dependency-canvas-port="south"] { inset-inline-start: 50%; inset-block-start: 100%; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"][data-dependency-canvas-port="south-west"] { inset-inline-start: 0; inset-block-start: 100%; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"][data-dependency-canvas-port="west"] { inset-inline-start: 0; inset-block-start: 50%; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"][data-dependency-canvas-port="north-west"] { inset-inline-start: 0; inset-block-start: 0; }

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"]:is([data-dependency-canvas-port="north"], [data-dependency-canvas-port="south"]) { cursor: ns-resize; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"]:is([data-dependency-canvas-port="east"], [data-dependency-canvas-port="west"]) { cursor: ew-resize; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"]:is([data-dependency-canvas-port="north-east"], [data-dependency-canvas-port="south-west"]) { cursor: nesw-resize; }
[data-type="dependency-canvas"] [data-part="dependency-canvas-card-port"]:is([data-dependency-canvas-port="north-west"], [data-dependency-canvas-port="south-east"]) { cursor: nwse-resize; }

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-metadata"] th {
    inline-size: 35%;
    color: var(--ink-muted, var(--ink));
    font-weight: 500;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-metadata"] tr:last-child > * {
    border-block-end: 0;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-card-title-editor"] {
    box-sizing: border-box;
    inline-size: 100%;
    min-inline-size: 0;
    border: 1px solid var(--theme-focus-ring, var(--color-accent));
    border-radius: 0.2rem;
    background: var(--theme-surface-background, var(--theme-background));
    color: var(--ink);
    font: inherit;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-empty"] {
    grid-column: 1 / -1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
    color: var(--ink-muted, var(--ink));
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-line"] {
    fill: none;
    stroke: var(--ink-muted, var(--ink));
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-opacity: 1;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-arrow"] {
    fill: var(--ink-muted, var(--ink));
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-hit"] {
    fill: none;
    stroke: transparent;
    pointer-events: stroke;
    cursor: pointer;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector"]:has(
    [data-part="dependency-canvas-connector-hit"]:hover
) [data-part="dependency-canvas-connector-line"] {
    stroke: var(--theme-interactive-hover-foreground, var(--ink));
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-draft"] {
    pointer-events: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-draft-line"] {
    fill: none;
    stroke: var(--theme-focus-ring, var(--color-accent));
    stroke-width: 1.5;
    stroke-dasharray: 5 4;
    vector-effect: non-scaling-stroke;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-draft-arrow"] {
    fill: var(--theme-focus-ring, var(--color-accent));
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-endpoint-line"] {
    fill: none;
    stroke: var(--theme-focus-ring, var(--color-accent));
    stroke-width: 1.5;
    stroke-dasharray: 5 4;
    vector-effect: non-scaling-stroke;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-endpoint-arrow"] {
    fill: var(--theme-focus-ring, var(--color-accent));
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-endpoint-handle"] {
    fill: transparent;
    stroke: transparent;
    pointer-events: all;
    cursor: crosshair;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-endpoint-handle"]:focus-visible {
    stroke: color-mix(in srgb, var(--theme-focus-ring, var(--color-accent)) 45%, transparent);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-endpoint-dot"] {
    fill: white;
    stroke: var(--theme-interactive-selected-foreground, var(--color-accent));
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
    pointer-events: none;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector"][data-dependency-canvas-selected="true"] [data-part="dependency-canvas-connector-line"] {
    stroke: var(--theme-interactive-selected-border, var(--color-accent));
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector"][data-dependency-canvas-selected="true"] [data-part="dependency-canvas-connector-arrow"] {
    fill: var(--theme-interactive-selected-border, var(--color-accent));
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector"][data-dependency-canvas-connector-endpoint-dragging="true"] :is(
    [data-part="dependency-canvas-connector-line"],
    [data-part="dependency-canvas-connector-arrow"]
) {
    opacity: 0;
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-connector-hit"]:focus-visible {
    stroke: var(--theme-focus-ring, var(--color-accent));
    stroke-opacity: 0.35;
}

@media (prefers-reduced-motion: reduce) {
    [data-type="dependency-canvas"] [data-part="dependency-canvas-loading-cards"] > li {
        animation: none;
        opacity: 0.72;
    }

    [data-type="dependency-canvas"] [data-part="dependency-canvas-shell"][data-dependency-canvas-scene-enter="true"] [data-part="dependency-canvas-stage"] {
        animation-duration: 1ms;
    }

    [data-type="dependency-canvas"] [data-part="dependency-canvas-card"][data-dependency-canvas-connector-attach-flash="true"] [data-part="dependency-canvas-card-content"] {
        animation-duration: 1ms;
    }

    [data-type="dependency-canvas"] [data-part="dependency-canvas-zoom-status"][data-dependency-canvas-zoom-status-active="true"] {
        animation-duration: 1ms;
        animation-timing-function: linear;
    }
}

[data-type="dependency-canvas"] [data-part="dependency-canvas-dependency-summary"],
[data-type="dependency-canvas"] [data-part="dependency-canvas-status"] {
    position: fixed;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

[data-type="dependency-canvas"] [data-dependency-canvas-columns="1"] { --dependency-canvas-columns: 1; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="2"] { --dependency-canvas-columns: 2; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="3"] { --dependency-canvas-columns: 3; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="4"] { --dependency-canvas-columns: 4; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="5"] { --dependency-canvas-columns: 5; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="6"] { --dependency-canvas-columns: 6; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="7"] { --dependency-canvas-columns: 7; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="8"] { --dependency-canvas-columns: 8; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="9"] { --dependency-canvas-columns: 9; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="10"] { --dependency-canvas-columns: 10; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="11"] { --dependency-canvas-columns: 11; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="12"] { --dependency-canvas-columns: 12; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="13"] { --dependency-canvas-columns: 13; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="14"] { --dependency-canvas-columns: 14; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="15"] { --dependency-canvas-columns: 15; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="16"] { --dependency-canvas-columns: 16; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="17"] { --dependency-canvas-columns: 17; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="18"] { --dependency-canvas-columns: 18; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="19"] { --dependency-canvas-columns: 19; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="20"] { --dependency-canvas-columns: 20; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="21"] { --dependency-canvas-columns: 21; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="22"] { --dependency-canvas-columns: 22; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="23"] { --dependency-canvas-columns: 23; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="24"] { --dependency-canvas-columns: 24; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="25"] { --dependency-canvas-columns: 25; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="26"] { --dependency-canvas-columns: 26; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="27"] { --dependency-canvas-columns: 27; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="28"] { --dependency-canvas-columns: 28; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="29"] { --dependency-canvas-columns: 29; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="30"] { --dependency-canvas-columns: 30; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="31"] { --dependency-canvas-columns: 31; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="32"] { --dependency-canvas-columns: 32; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="33"] { --dependency-canvas-columns: 33; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="34"] { --dependency-canvas-columns: 34; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="35"] { --dependency-canvas-columns: 35; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="36"] { --dependency-canvas-columns: 36; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="37"] { --dependency-canvas-columns: 37; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="38"] { --dependency-canvas-columns: 38; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="39"] { --dependency-canvas-columns: 39; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="40"] { --dependency-canvas-columns: 40; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="41"] { --dependency-canvas-columns: 41; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="42"] { --dependency-canvas-columns: 42; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="43"] { --dependency-canvas-columns: 43; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="44"] { --dependency-canvas-columns: 44; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="45"] { --dependency-canvas-columns: 45; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="46"] { --dependency-canvas-columns: 46; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="47"] { --dependency-canvas-columns: 47; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="48"] { --dependency-canvas-columns: 48; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="49"] { --dependency-canvas-columns: 49; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="50"] { --dependency-canvas-columns: 50; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="51"] { --dependency-canvas-columns: 51; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="52"] { --dependency-canvas-columns: 52; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="53"] { --dependency-canvas-columns: 53; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="54"] { --dependency-canvas-columns: 54; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="55"] { --dependency-canvas-columns: 55; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="56"] { --dependency-canvas-columns: 56; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="57"] { --dependency-canvas-columns: 57; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="58"] { --dependency-canvas-columns: 58; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="59"] { --dependency-canvas-columns: 59; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="60"] { --dependency-canvas-columns: 60; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="61"] { --dependency-canvas-columns: 61; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="62"] { --dependency-canvas-columns: 62; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="63"] { --dependency-canvas-columns: 63; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="64"] { --dependency-canvas-columns: 64; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="65"] { --dependency-canvas-columns: 65; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="66"] { --dependency-canvas-columns: 66; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="67"] { --dependency-canvas-columns: 67; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="68"] { --dependency-canvas-columns: 68; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="69"] { --dependency-canvas-columns: 69; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="70"] { --dependency-canvas-columns: 70; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="71"] { --dependency-canvas-columns: 71; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="72"] { --dependency-canvas-columns: 72; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="73"] { --dependency-canvas-columns: 73; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="74"] { --dependency-canvas-columns: 74; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="75"] { --dependency-canvas-columns: 75; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="76"] { --dependency-canvas-columns: 76; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="77"] { --dependency-canvas-columns: 77; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="78"] { --dependency-canvas-columns: 78; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="79"] { --dependency-canvas-columns: 79; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="80"] { --dependency-canvas-columns: 80; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="81"] { --dependency-canvas-columns: 81; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="82"] { --dependency-canvas-columns: 82; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="83"] { --dependency-canvas-columns: 83; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="84"] { --dependency-canvas-columns: 84; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="85"] { --dependency-canvas-columns: 85; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="86"] { --dependency-canvas-columns: 86; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="87"] { --dependency-canvas-columns: 87; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="88"] { --dependency-canvas-columns: 88; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="89"] { --dependency-canvas-columns: 89; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="90"] { --dependency-canvas-columns: 90; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="91"] { --dependency-canvas-columns: 91; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="92"] { --dependency-canvas-columns: 92; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="93"] { --dependency-canvas-columns: 93; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="94"] { --dependency-canvas-columns: 94; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="95"] { --dependency-canvas-columns: 95; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="96"] { --dependency-canvas-columns: 96; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="97"] { --dependency-canvas-columns: 97; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="98"] { --dependency-canvas-columns: 98; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="99"] { --dependency-canvas-columns: 99; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="100"] { --dependency-canvas-columns: 100; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="101"] { --dependency-canvas-columns: 101; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="102"] { --dependency-canvas-columns: 102; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="103"] { --dependency-canvas-columns: 103; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="104"] { --dependency-canvas-columns: 104; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="105"] { --dependency-canvas-columns: 105; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="106"] { --dependency-canvas-columns: 106; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="107"] { --dependency-canvas-columns: 107; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="108"] { --dependency-canvas-columns: 108; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="109"] { --dependency-canvas-columns: 109; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="110"] { --dependency-canvas-columns: 110; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="111"] { --dependency-canvas-columns: 111; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="112"] { --dependency-canvas-columns: 112; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="113"] { --dependency-canvas-columns: 113; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="114"] { --dependency-canvas-columns: 114; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="115"] { --dependency-canvas-columns: 115; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="116"] { --dependency-canvas-columns: 116; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="117"] { --dependency-canvas-columns: 117; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="118"] { --dependency-canvas-columns: 118; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="119"] { --dependency-canvas-columns: 119; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="120"] { --dependency-canvas-columns: 120; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="121"] { --dependency-canvas-columns: 121; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="122"] { --dependency-canvas-columns: 122; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="123"] { --dependency-canvas-columns: 123; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="124"] { --dependency-canvas-columns: 124; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="125"] { --dependency-canvas-columns: 125; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="126"] { --dependency-canvas-columns: 126; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="127"] { --dependency-canvas-columns: 127; }
[data-type="dependency-canvas"] [data-dependency-canvas-columns="128"] { --dependency-canvas-columns: 128; }

[data-type="dependency-canvas"] [data-dependency-canvas-rows="1"] { --dependency-canvas-rows: 1; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="2"] { --dependency-canvas-rows: 2; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="3"] { --dependency-canvas-rows: 3; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="4"] { --dependency-canvas-rows: 4; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="5"] { --dependency-canvas-rows: 5; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="6"] { --dependency-canvas-rows: 6; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="7"] { --dependency-canvas-rows: 7; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="8"] { --dependency-canvas-rows: 8; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="9"] { --dependency-canvas-rows: 9; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="10"] { --dependency-canvas-rows: 10; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="11"] { --dependency-canvas-rows: 11; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="12"] { --dependency-canvas-rows: 12; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="13"] { --dependency-canvas-rows: 13; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="14"] { --dependency-canvas-rows: 14; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="15"] { --dependency-canvas-rows: 15; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="16"] { --dependency-canvas-rows: 16; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="17"] { --dependency-canvas-rows: 17; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="18"] { --dependency-canvas-rows: 18; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="19"] { --dependency-canvas-rows: 19; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="20"] { --dependency-canvas-rows: 20; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="21"] { --dependency-canvas-rows: 21; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="22"] { --dependency-canvas-rows: 22; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="23"] { --dependency-canvas-rows: 23; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="24"] { --dependency-canvas-rows: 24; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="25"] { --dependency-canvas-rows: 25; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="26"] { --dependency-canvas-rows: 26; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="27"] { --dependency-canvas-rows: 27; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="28"] { --dependency-canvas-rows: 28; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="29"] { --dependency-canvas-rows: 29; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="30"] { --dependency-canvas-rows: 30; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="31"] { --dependency-canvas-rows: 31; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="32"] { --dependency-canvas-rows: 32; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="33"] { --dependency-canvas-rows: 33; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="34"] { --dependency-canvas-rows: 34; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="35"] { --dependency-canvas-rows: 35; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="36"] { --dependency-canvas-rows: 36; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="37"] { --dependency-canvas-rows: 37; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="38"] { --dependency-canvas-rows: 38; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="39"] { --dependency-canvas-rows: 39; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="40"] { --dependency-canvas-rows: 40; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="41"] { --dependency-canvas-rows: 41; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="42"] { --dependency-canvas-rows: 42; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="43"] { --dependency-canvas-rows: 43; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="44"] { --dependency-canvas-rows: 44; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="45"] { --dependency-canvas-rows: 45; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="46"] { --dependency-canvas-rows: 46; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="47"] { --dependency-canvas-rows: 47; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="48"] { --dependency-canvas-rows: 48; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="49"] { --dependency-canvas-rows: 49; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="50"] { --dependency-canvas-rows: 50; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="51"] { --dependency-canvas-rows: 51; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="52"] { --dependency-canvas-rows: 52; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="53"] { --dependency-canvas-rows: 53; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="54"] { --dependency-canvas-rows: 54; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="55"] { --dependency-canvas-rows: 55; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="56"] { --dependency-canvas-rows: 56; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="57"] { --dependency-canvas-rows: 57; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="58"] { --dependency-canvas-rows: 58; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="59"] { --dependency-canvas-rows: 59; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="60"] { --dependency-canvas-rows: 60; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="61"] { --dependency-canvas-rows: 61; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="62"] { --dependency-canvas-rows: 62; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="63"] { --dependency-canvas-rows: 63; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="64"] { --dependency-canvas-rows: 64; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="65"] { --dependency-canvas-rows: 65; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="66"] { --dependency-canvas-rows: 66; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="67"] { --dependency-canvas-rows: 67; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="68"] { --dependency-canvas-rows: 68; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="69"] { --dependency-canvas-rows: 69; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="70"] { --dependency-canvas-rows: 70; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="71"] { --dependency-canvas-rows: 71; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="72"] { --dependency-canvas-rows: 72; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="73"] { --dependency-canvas-rows: 73; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="74"] { --dependency-canvas-rows: 74; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="75"] { --dependency-canvas-rows: 75; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="76"] { --dependency-canvas-rows: 76; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="77"] { --dependency-canvas-rows: 77; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="78"] { --dependency-canvas-rows: 78; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="79"] { --dependency-canvas-rows: 79; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="80"] { --dependency-canvas-rows: 80; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="81"] { --dependency-canvas-rows: 81; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="82"] { --dependency-canvas-rows: 82; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="83"] { --dependency-canvas-rows: 83; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="84"] { --dependency-canvas-rows: 84; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="85"] { --dependency-canvas-rows: 85; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="86"] { --dependency-canvas-rows: 86; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="87"] { --dependency-canvas-rows: 87; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="88"] { --dependency-canvas-rows: 88; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="89"] { --dependency-canvas-rows: 89; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="90"] { --dependency-canvas-rows: 90; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="91"] { --dependency-canvas-rows: 91; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="92"] { --dependency-canvas-rows: 92; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="93"] { --dependency-canvas-rows: 93; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="94"] { --dependency-canvas-rows: 94; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="95"] { --dependency-canvas-rows: 95; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="96"] { --dependency-canvas-rows: 96; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="97"] { --dependency-canvas-rows: 97; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="98"] { --dependency-canvas-rows: 98; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="99"] { --dependency-canvas-rows: 99; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="100"] { --dependency-canvas-rows: 100; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="101"] { --dependency-canvas-rows: 101; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="102"] { --dependency-canvas-rows: 102; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="103"] { --dependency-canvas-rows: 103; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="104"] { --dependency-canvas-rows: 104; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="105"] { --dependency-canvas-rows: 105; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="106"] { --dependency-canvas-rows: 106; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="107"] { --dependency-canvas-rows: 107; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="108"] { --dependency-canvas-rows: 108; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="109"] { --dependency-canvas-rows: 109; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="110"] { --dependency-canvas-rows: 110; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="111"] { --dependency-canvas-rows: 111; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="112"] { --dependency-canvas-rows: 112; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="113"] { --dependency-canvas-rows: 113; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="114"] { --dependency-canvas-rows: 114; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="115"] { --dependency-canvas-rows: 115; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="116"] { --dependency-canvas-rows: 116; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="117"] { --dependency-canvas-rows: 117; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="118"] { --dependency-canvas-rows: 118; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="119"] { --dependency-canvas-rows: 119; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="120"] { --dependency-canvas-rows: 120; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="121"] { --dependency-canvas-rows: 121; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="122"] { --dependency-canvas-rows: 122; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="123"] { --dependency-canvas-rows: 123; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="124"] { --dependency-canvas-rows: 124; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="125"] { --dependency-canvas-rows: 125; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="126"] { --dependency-canvas-rows: 126; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="127"] { --dependency-canvas-rows: 127; }
[data-type="dependency-canvas"] [data-dependency-canvas-rows="128"] { --dependency-canvas-rows: 128; }

[data-type="dependency-canvas"] [data-dependency-canvas-column="1"] { --dependency-canvas-column: 1; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="2"] { --dependency-canvas-column: 2; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="3"] { --dependency-canvas-column: 3; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="4"] { --dependency-canvas-column: 4; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="5"] { --dependency-canvas-column: 5; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="6"] { --dependency-canvas-column: 6; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="7"] { --dependency-canvas-column: 7; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="8"] { --dependency-canvas-column: 8; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="9"] { --dependency-canvas-column: 9; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="10"] { --dependency-canvas-column: 10; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="11"] { --dependency-canvas-column: 11; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="12"] { --dependency-canvas-column: 12; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="13"] { --dependency-canvas-column: 13; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="14"] { --dependency-canvas-column: 14; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="15"] { --dependency-canvas-column: 15; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="16"] { --dependency-canvas-column: 16; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="17"] { --dependency-canvas-column: 17; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="18"] { --dependency-canvas-column: 18; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="19"] { --dependency-canvas-column: 19; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="20"] { --dependency-canvas-column: 20; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="21"] { --dependency-canvas-column: 21; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="22"] { --dependency-canvas-column: 22; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="23"] { --dependency-canvas-column: 23; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="24"] { --dependency-canvas-column: 24; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="25"] { --dependency-canvas-column: 25; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="26"] { --dependency-canvas-column: 26; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="27"] { --dependency-canvas-column: 27; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="28"] { --dependency-canvas-column: 28; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="29"] { --dependency-canvas-column: 29; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="30"] { --dependency-canvas-column: 30; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="31"] { --dependency-canvas-column: 31; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="32"] { --dependency-canvas-column: 32; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="33"] { --dependency-canvas-column: 33; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="34"] { --dependency-canvas-column: 34; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="35"] { --dependency-canvas-column: 35; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="36"] { --dependency-canvas-column: 36; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="37"] { --dependency-canvas-column: 37; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="38"] { --dependency-canvas-column: 38; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="39"] { --dependency-canvas-column: 39; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="40"] { --dependency-canvas-column: 40; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="41"] { --dependency-canvas-column: 41; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="42"] { --dependency-canvas-column: 42; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="43"] { --dependency-canvas-column: 43; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="44"] { --dependency-canvas-column: 44; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="45"] { --dependency-canvas-column: 45; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="46"] { --dependency-canvas-column: 46; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="47"] { --dependency-canvas-column: 47; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="48"] { --dependency-canvas-column: 48; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="49"] { --dependency-canvas-column: 49; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="50"] { --dependency-canvas-column: 50; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="51"] { --dependency-canvas-column: 51; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="52"] { --dependency-canvas-column: 52; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="53"] { --dependency-canvas-column: 53; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="54"] { --dependency-canvas-column: 54; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="55"] { --dependency-canvas-column: 55; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="56"] { --dependency-canvas-column: 56; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="57"] { --dependency-canvas-column: 57; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="58"] { --dependency-canvas-column: 58; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="59"] { --dependency-canvas-column: 59; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="60"] { --dependency-canvas-column: 60; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="61"] { --dependency-canvas-column: 61; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="62"] { --dependency-canvas-column: 62; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="63"] { --dependency-canvas-column: 63; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="64"] { --dependency-canvas-column: 64; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="65"] { --dependency-canvas-column: 65; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="66"] { --dependency-canvas-column: 66; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="67"] { --dependency-canvas-column: 67; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="68"] { --dependency-canvas-column: 68; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="69"] { --dependency-canvas-column: 69; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="70"] { --dependency-canvas-column: 70; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="71"] { --dependency-canvas-column: 71; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="72"] { --dependency-canvas-column: 72; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="73"] { --dependency-canvas-column: 73; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="74"] { --dependency-canvas-column: 74; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="75"] { --dependency-canvas-column: 75; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="76"] { --dependency-canvas-column: 76; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="77"] { --dependency-canvas-column: 77; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="78"] { --dependency-canvas-column: 78; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="79"] { --dependency-canvas-column: 79; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="80"] { --dependency-canvas-column: 80; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="81"] { --dependency-canvas-column: 81; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="82"] { --dependency-canvas-column: 82; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="83"] { --dependency-canvas-column: 83; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="84"] { --dependency-canvas-column: 84; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="85"] { --dependency-canvas-column: 85; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="86"] { --dependency-canvas-column: 86; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="87"] { --dependency-canvas-column: 87; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="88"] { --dependency-canvas-column: 88; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="89"] { --dependency-canvas-column: 89; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="90"] { --dependency-canvas-column: 90; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="91"] { --dependency-canvas-column: 91; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="92"] { --dependency-canvas-column: 92; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="93"] { --dependency-canvas-column: 93; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="94"] { --dependency-canvas-column: 94; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="95"] { --dependency-canvas-column: 95; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="96"] { --dependency-canvas-column: 96; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="97"] { --dependency-canvas-column: 97; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="98"] { --dependency-canvas-column: 98; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="99"] { --dependency-canvas-column: 99; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="100"] { --dependency-canvas-column: 100; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="101"] { --dependency-canvas-column: 101; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="102"] { --dependency-canvas-column: 102; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="103"] { --dependency-canvas-column: 103; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="104"] { --dependency-canvas-column: 104; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="105"] { --dependency-canvas-column: 105; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="106"] { --dependency-canvas-column: 106; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="107"] { --dependency-canvas-column: 107; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="108"] { --dependency-canvas-column: 108; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="109"] { --dependency-canvas-column: 109; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="110"] { --dependency-canvas-column: 110; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="111"] { --dependency-canvas-column: 111; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="112"] { --dependency-canvas-column: 112; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="113"] { --dependency-canvas-column: 113; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="114"] { --dependency-canvas-column: 114; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="115"] { --dependency-canvas-column: 115; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="116"] { --dependency-canvas-column: 116; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="117"] { --dependency-canvas-column: 117; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="118"] { --dependency-canvas-column: 118; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="119"] { --dependency-canvas-column: 119; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="120"] { --dependency-canvas-column: 120; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="121"] { --dependency-canvas-column: 121; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="122"] { --dependency-canvas-column: 122; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="123"] { --dependency-canvas-column: 123; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="124"] { --dependency-canvas-column: 124; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="125"] { --dependency-canvas-column: 125; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="126"] { --dependency-canvas-column: 126; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="127"] { --dependency-canvas-column: 127; }
[data-type="dependency-canvas"] [data-dependency-canvas-column="128"] { --dependency-canvas-column: 128; }

[data-type="dependency-canvas"] [data-dependency-canvas-row="1"] { --dependency-canvas-row: 1; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="2"] { --dependency-canvas-row: 2; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="3"] { --dependency-canvas-row: 3; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="4"] { --dependency-canvas-row: 4; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="5"] { --dependency-canvas-row: 5; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="6"] { --dependency-canvas-row: 6; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="7"] { --dependency-canvas-row: 7; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="8"] { --dependency-canvas-row: 8; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="9"] { --dependency-canvas-row: 9; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="10"] { --dependency-canvas-row: 10; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="11"] { --dependency-canvas-row: 11; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="12"] { --dependency-canvas-row: 12; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="13"] { --dependency-canvas-row: 13; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="14"] { --dependency-canvas-row: 14; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="15"] { --dependency-canvas-row: 15; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="16"] { --dependency-canvas-row: 16; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="17"] { --dependency-canvas-row: 17; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="18"] { --dependency-canvas-row: 18; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="19"] { --dependency-canvas-row: 19; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="20"] { --dependency-canvas-row: 20; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="21"] { --dependency-canvas-row: 21; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="22"] { --dependency-canvas-row: 22; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="23"] { --dependency-canvas-row: 23; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="24"] { --dependency-canvas-row: 24; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="25"] { --dependency-canvas-row: 25; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="26"] { --dependency-canvas-row: 26; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="27"] { --dependency-canvas-row: 27; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="28"] { --dependency-canvas-row: 28; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="29"] { --dependency-canvas-row: 29; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="30"] { --dependency-canvas-row: 30; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="31"] { --dependency-canvas-row: 31; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="32"] { --dependency-canvas-row: 32; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="33"] { --dependency-canvas-row: 33; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="34"] { --dependency-canvas-row: 34; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="35"] { --dependency-canvas-row: 35; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="36"] { --dependency-canvas-row: 36; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="37"] { --dependency-canvas-row: 37; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="38"] { --dependency-canvas-row: 38; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="39"] { --dependency-canvas-row: 39; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="40"] { --dependency-canvas-row: 40; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="41"] { --dependency-canvas-row: 41; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="42"] { --dependency-canvas-row: 42; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="43"] { --dependency-canvas-row: 43; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="44"] { --dependency-canvas-row: 44; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="45"] { --dependency-canvas-row: 45; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="46"] { --dependency-canvas-row: 46; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="47"] { --dependency-canvas-row: 47; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="48"] { --dependency-canvas-row: 48; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="49"] { --dependency-canvas-row: 49; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="50"] { --dependency-canvas-row: 50; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="51"] { --dependency-canvas-row: 51; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="52"] { --dependency-canvas-row: 52; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="53"] { --dependency-canvas-row: 53; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="54"] { --dependency-canvas-row: 54; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="55"] { --dependency-canvas-row: 55; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="56"] { --dependency-canvas-row: 56; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="57"] { --dependency-canvas-row: 57; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="58"] { --dependency-canvas-row: 58; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="59"] { --dependency-canvas-row: 59; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="60"] { --dependency-canvas-row: 60; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="61"] { --dependency-canvas-row: 61; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="62"] { --dependency-canvas-row: 62; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="63"] { --dependency-canvas-row: 63; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="64"] { --dependency-canvas-row: 64; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="65"] { --dependency-canvas-row: 65; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="66"] { --dependency-canvas-row: 66; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="67"] { --dependency-canvas-row: 67; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="68"] { --dependency-canvas-row: 68; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="69"] { --dependency-canvas-row: 69; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="70"] { --dependency-canvas-row: 70; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="71"] { --dependency-canvas-row: 71; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="72"] { --dependency-canvas-row: 72; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="73"] { --dependency-canvas-row: 73; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="74"] { --dependency-canvas-row: 74; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="75"] { --dependency-canvas-row: 75; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="76"] { --dependency-canvas-row: 76; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="77"] { --dependency-canvas-row: 77; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="78"] { --dependency-canvas-row: 78; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="79"] { --dependency-canvas-row: 79; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="80"] { --dependency-canvas-row: 80; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="81"] { --dependency-canvas-row: 81; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="82"] { --dependency-canvas-row: 82; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="83"] { --dependency-canvas-row: 83; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="84"] { --dependency-canvas-row: 84; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="85"] { --dependency-canvas-row: 85; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="86"] { --dependency-canvas-row: 86; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="87"] { --dependency-canvas-row: 87; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="88"] { --dependency-canvas-row: 88; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="89"] { --dependency-canvas-row: 89; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="90"] { --dependency-canvas-row: 90; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="91"] { --dependency-canvas-row: 91; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="92"] { --dependency-canvas-row: 92; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="93"] { --dependency-canvas-row: 93; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="94"] { --dependency-canvas-row: 94; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="95"] { --dependency-canvas-row: 95; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="96"] { --dependency-canvas-row: 96; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="97"] { --dependency-canvas-row: 97; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="98"] { --dependency-canvas-row: 98; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="99"] { --dependency-canvas-row: 99; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="100"] { --dependency-canvas-row: 100; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="101"] { --dependency-canvas-row: 101; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="102"] { --dependency-canvas-row: 102; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="103"] { --dependency-canvas-row: 103; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="104"] { --dependency-canvas-row: 104; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="105"] { --dependency-canvas-row: 105; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="106"] { --dependency-canvas-row: 106; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="107"] { --dependency-canvas-row: 107; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="108"] { --dependency-canvas-row: 108; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="109"] { --dependency-canvas-row: 109; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="110"] { --dependency-canvas-row: 110; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="111"] { --dependency-canvas-row: 111; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="112"] { --dependency-canvas-row: 112; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="113"] { --dependency-canvas-row: 113; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="114"] { --dependency-canvas-row: 114; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="115"] { --dependency-canvas-row: 115; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="116"] { --dependency-canvas-row: 116; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="117"] { --dependency-canvas-row: 117; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="118"] { --dependency-canvas-row: 118; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="119"] { --dependency-canvas-row: 119; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="120"] { --dependency-canvas-row: 120; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="121"] { --dependency-canvas-row: 121; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="122"] { --dependency-canvas-row: 122; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="123"] { --dependency-canvas-row: 123; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="124"] { --dependency-canvas-row: 124; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="125"] { --dependency-canvas-row: 125; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="126"] { --dependency-canvas-row: 126; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="127"] { --dependency-canvas-row: 127; }
[data-type="dependency-canvas"] [data-dependency-canvas-row="128"] { --dependency-canvas-row: 128; }

[data-type="dependency-canvas"] [data-dependency-canvas-column-span="1"] { --dependency-canvas-column-span: 1; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="2"] { --dependency-canvas-column-span: 2; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="3"] { --dependency-canvas-column-span: 3; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="4"] { --dependency-canvas-column-span: 4; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="5"] { --dependency-canvas-column-span: 5; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="6"] { --dependency-canvas-column-span: 6; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="7"] { --dependency-canvas-column-span: 7; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="8"] { --dependency-canvas-column-span: 8; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="9"] { --dependency-canvas-column-span: 9; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="10"] { --dependency-canvas-column-span: 10; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="11"] { --dependency-canvas-column-span: 11; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="12"] { --dependency-canvas-column-span: 12; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="13"] { --dependency-canvas-column-span: 13; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="14"] { --dependency-canvas-column-span: 14; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="15"] { --dependency-canvas-column-span: 15; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="16"] { --dependency-canvas-column-span: 16; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="17"] { --dependency-canvas-column-span: 17; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="18"] { --dependency-canvas-column-span: 18; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="19"] { --dependency-canvas-column-span: 19; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="20"] { --dependency-canvas-column-span: 20; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="21"] { --dependency-canvas-column-span: 21; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="22"] { --dependency-canvas-column-span: 22; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="23"] { --dependency-canvas-column-span: 23; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="24"] { --dependency-canvas-column-span: 24; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="25"] { --dependency-canvas-column-span: 25; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="26"] { --dependency-canvas-column-span: 26; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="27"] { --dependency-canvas-column-span: 27; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="28"] { --dependency-canvas-column-span: 28; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="29"] { --dependency-canvas-column-span: 29; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="30"] { --dependency-canvas-column-span: 30; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="31"] { --dependency-canvas-column-span: 31; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="32"] { --dependency-canvas-column-span: 32; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="33"] { --dependency-canvas-column-span: 33; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="34"] { --dependency-canvas-column-span: 34; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="35"] { --dependency-canvas-column-span: 35; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="36"] { --dependency-canvas-column-span: 36; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="37"] { --dependency-canvas-column-span: 37; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="38"] { --dependency-canvas-column-span: 38; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="39"] { --dependency-canvas-column-span: 39; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="40"] { --dependency-canvas-column-span: 40; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="41"] { --dependency-canvas-column-span: 41; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="42"] { --dependency-canvas-column-span: 42; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="43"] { --dependency-canvas-column-span: 43; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="44"] { --dependency-canvas-column-span: 44; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="45"] { --dependency-canvas-column-span: 45; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="46"] { --dependency-canvas-column-span: 46; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="47"] { --dependency-canvas-column-span: 47; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="48"] { --dependency-canvas-column-span: 48; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="49"] { --dependency-canvas-column-span: 49; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="50"] { --dependency-canvas-column-span: 50; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="51"] { --dependency-canvas-column-span: 51; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="52"] { --dependency-canvas-column-span: 52; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="53"] { --dependency-canvas-column-span: 53; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="54"] { --dependency-canvas-column-span: 54; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="55"] { --dependency-canvas-column-span: 55; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="56"] { --dependency-canvas-column-span: 56; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="57"] { --dependency-canvas-column-span: 57; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="58"] { --dependency-canvas-column-span: 58; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="59"] { --dependency-canvas-column-span: 59; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="60"] { --dependency-canvas-column-span: 60; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="61"] { --dependency-canvas-column-span: 61; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="62"] { --dependency-canvas-column-span: 62; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="63"] { --dependency-canvas-column-span: 63; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="64"] { --dependency-canvas-column-span: 64; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="65"] { --dependency-canvas-column-span: 65; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="66"] { --dependency-canvas-column-span: 66; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="67"] { --dependency-canvas-column-span: 67; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="68"] { --dependency-canvas-column-span: 68; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="69"] { --dependency-canvas-column-span: 69; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="70"] { --dependency-canvas-column-span: 70; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="71"] { --dependency-canvas-column-span: 71; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="72"] { --dependency-canvas-column-span: 72; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="73"] { --dependency-canvas-column-span: 73; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="74"] { --dependency-canvas-column-span: 74; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="75"] { --dependency-canvas-column-span: 75; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="76"] { --dependency-canvas-column-span: 76; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="77"] { --dependency-canvas-column-span: 77; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="78"] { --dependency-canvas-column-span: 78; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="79"] { --dependency-canvas-column-span: 79; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="80"] { --dependency-canvas-column-span: 80; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="81"] { --dependency-canvas-column-span: 81; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="82"] { --dependency-canvas-column-span: 82; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="83"] { --dependency-canvas-column-span: 83; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="84"] { --dependency-canvas-column-span: 84; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="85"] { --dependency-canvas-column-span: 85; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="86"] { --dependency-canvas-column-span: 86; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="87"] { --dependency-canvas-column-span: 87; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="88"] { --dependency-canvas-column-span: 88; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="89"] { --dependency-canvas-column-span: 89; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="90"] { --dependency-canvas-column-span: 90; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="91"] { --dependency-canvas-column-span: 91; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="92"] { --dependency-canvas-column-span: 92; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="93"] { --dependency-canvas-column-span: 93; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="94"] { --dependency-canvas-column-span: 94; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="95"] { --dependency-canvas-column-span: 95; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="96"] { --dependency-canvas-column-span: 96; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="97"] { --dependency-canvas-column-span: 97; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="98"] { --dependency-canvas-column-span: 98; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="99"] { --dependency-canvas-column-span: 99; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="100"] { --dependency-canvas-column-span: 100; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="101"] { --dependency-canvas-column-span: 101; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="102"] { --dependency-canvas-column-span: 102; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="103"] { --dependency-canvas-column-span: 103; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="104"] { --dependency-canvas-column-span: 104; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="105"] { --dependency-canvas-column-span: 105; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="106"] { --dependency-canvas-column-span: 106; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="107"] { --dependency-canvas-column-span: 107; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="108"] { --dependency-canvas-column-span: 108; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="109"] { --dependency-canvas-column-span: 109; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="110"] { --dependency-canvas-column-span: 110; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="111"] { --dependency-canvas-column-span: 111; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="112"] { --dependency-canvas-column-span: 112; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="113"] { --dependency-canvas-column-span: 113; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="114"] { --dependency-canvas-column-span: 114; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="115"] { --dependency-canvas-column-span: 115; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="116"] { --dependency-canvas-column-span: 116; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="117"] { --dependency-canvas-column-span: 117; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="118"] { --dependency-canvas-column-span: 118; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="119"] { --dependency-canvas-column-span: 119; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="120"] { --dependency-canvas-column-span: 120; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="121"] { --dependency-canvas-column-span: 121; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="122"] { --dependency-canvas-column-span: 122; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="123"] { --dependency-canvas-column-span: 123; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="124"] { --dependency-canvas-column-span: 124; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="125"] { --dependency-canvas-column-span: 125; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="126"] { --dependency-canvas-column-span: 126; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="127"] { --dependency-canvas-column-span: 127; }
[data-type="dependency-canvas"] [data-dependency-canvas-column-span="128"] { --dependency-canvas-column-span: 128; }

[data-type="dependency-canvas"] [data-dependency-canvas-row-span="1"] { --dependency-canvas-row-span: 1; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="2"] { --dependency-canvas-row-span: 2; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="3"] { --dependency-canvas-row-span: 3; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="4"] { --dependency-canvas-row-span: 4; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="5"] { --dependency-canvas-row-span: 5; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="6"] { --dependency-canvas-row-span: 6; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="7"] { --dependency-canvas-row-span: 7; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="8"] { --dependency-canvas-row-span: 8; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="9"] { --dependency-canvas-row-span: 9; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="10"] { --dependency-canvas-row-span: 10; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="11"] { --dependency-canvas-row-span: 11; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="12"] { --dependency-canvas-row-span: 12; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="13"] { --dependency-canvas-row-span: 13; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="14"] { --dependency-canvas-row-span: 14; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="15"] { --dependency-canvas-row-span: 15; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="16"] { --dependency-canvas-row-span: 16; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="17"] { --dependency-canvas-row-span: 17; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="18"] { --dependency-canvas-row-span: 18; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="19"] { --dependency-canvas-row-span: 19; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="20"] { --dependency-canvas-row-span: 20; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="21"] { --dependency-canvas-row-span: 21; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="22"] { --dependency-canvas-row-span: 22; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="23"] { --dependency-canvas-row-span: 23; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="24"] { --dependency-canvas-row-span: 24; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="25"] { --dependency-canvas-row-span: 25; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="26"] { --dependency-canvas-row-span: 26; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="27"] { --dependency-canvas-row-span: 27; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="28"] { --dependency-canvas-row-span: 28; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="29"] { --dependency-canvas-row-span: 29; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="30"] { --dependency-canvas-row-span: 30; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="31"] { --dependency-canvas-row-span: 31; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="32"] { --dependency-canvas-row-span: 32; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="33"] { --dependency-canvas-row-span: 33; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="34"] { --dependency-canvas-row-span: 34; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="35"] { --dependency-canvas-row-span: 35; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="36"] { --dependency-canvas-row-span: 36; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="37"] { --dependency-canvas-row-span: 37; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="38"] { --dependency-canvas-row-span: 38; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="39"] { --dependency-canvas-row-span: 39; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="40"] { --dependency-canvas-row-span: 40; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="41"] { --dependency-canvas-row-span: 41; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="42"] { --dependency-canvas-row-span: 42; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="43"] { --dependency-canvas-row-span: 43; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="44"] { --dependency-canvas-row-span: 44; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="45"] { --dependency-canvas-row-span: 45; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="46"] { --dependency-canvas-row-span: 46; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="47"] { --dependency-canvas-row-span: 47; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="48"] { --dependency-canvas-row-span: 48; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="49"] { --dependency-canvas-row-span: 49; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="50"] { --dependency-canvas-row-span: 50; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="51"] { --dependency-canvas-row-span: 51; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="52"] { --dependency-canvas-row-span: 52; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="53"] { --dependency-canvas-row-span: 53; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="54"] { --dependency-canvas-row-span: 54; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="55"] { --dependency-canvas-row-span: 55; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="56"] { --dependency-canvas-row-span: 56; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="57"] { --dependency-canvas-row-span: 57; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="58"] { --dependency-canvas-row-span: 58; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="59"] { --dependency-canvas-row-span: 59; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="60"] { --dependency-canvas-row-span: 60; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="61"] { --dependency-canvas-row-span: 61; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="62"] { --dependency-canvas-row-span: 62; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="63"] { --dependency-canvas-row-span: 63; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="64"] { --dependency-canvas-row-span: 64; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="65"] { --dependency-canvas-row-span: 65; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="66"] { --dependency-canvas-row-span: 66; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="67"] { --dependency-canvas-row-span: 67; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="68"] { --dependency-canvas-row-span: 68; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="69"] { --dependency-canvas-row-span: 69; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="70"] { --dependency-canvas-row-span: 70; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="71"] { --dependency-canvas-row-span: 71; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="72"] { --dependency-canvas-row-span: 72; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="73"] { --dependency-canvas-row-span: 73; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="74"] { --dependency-canvas-row-span: 74; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="75"] { --dependency-canvas-row-span: 75; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="76"] { --dependency-canvas-row-span: 76; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="77"] { --dependency-canvas-row-span: 77; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="78"] { --dependency-canvas-row-span: 78; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="79"] { --dependency-canvas-row-span: 79; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="80"] { --dependency-canvas-row-span: 80; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="81"] { --dependency-canvas-row-span: 81; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="82"] { --dependency-canvas-row-span: 82; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="83"] { --dependency-canvas-row-span: 83; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="84"] { --dependency-canvas-row-span: 84; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="85"] { --dependency-canvas-row-span: 85; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="86"] { --dependency-canvas-row-span: 86; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="87"] { --dependency-canvas-row-span: 87; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="88"] { --dependency-canvas-row-span: 88; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="89"] { --dependency-canvas-row-span: 89; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="90"] { --dependency-canvas-row-span: 90; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="91"] { --dependency-canvas-row-span: 91; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="92"] { --dependency-canvas-row-span: 92; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="93"] { --dependency-canvas-row-span: 93; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="94"] { --dependency-canvas-row-span: 94; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="95"] { --dependency-canvas-row-span: 95; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="96"] { --dependency-canvas-row-span: 96; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="97"] { --dependency-canvas-row-span: 97; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="98"] { --dependency-canvas-row-span: 98; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="99"] { --dependency-canvas-row-span: 99; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="100"] { --dependency-canvas-row-span: 100; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="101"] { --dependency-canvas-row-span: 101; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="102"] { --dependency-canvas-row-span: 102; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="103"] { --dependency-canvas-row-span: 103; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="104"] { --dependency-canvas-row-span: 104; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="105"] { --dependency-canvas-row-span: 105; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="106"] { --dependency-canvas-row-span: 106; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="107"] { --dependency-canvas-row-span: 107; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="108"] { --dependency-canvas-row-span: 108; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="109"] { --dependency-canvas-row-span: 109; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="110"] { --dependency-canvas-row-span: 110; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="111"] { --dependency-canvas-row-span: 111; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="112"] { --dependency-canvas-row-span: 112; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="113"] { --dependency-canvas-row-span: 113; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="114"] { --dependency-canvas-row-span: 114; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="115"] { --dependency-canvas-row-span: 115; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="116"] { --dependency-canvas-row-span: 116; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="117"] { --dependency-canvas-row-span: 117; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="118"] { --dependency-canvas-row-span: 118; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="119"] { --dependency-canvas-row-span: 119; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="120"] { --dependency-canvas-row-span: 120; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="121"] { --dependency-canvas-row-span: 121; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="122"] { --dependency-canvas-row-span: 122; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="123"] { --dependency-canvas-row-span: 123; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="124"] { --dependency-canvas-row-span: 124; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="125"] { --dependency-canvas-row-span: 125; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="126"] { --dependency-canvas-row-span: 126; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="127"] { --dependency-canvas-row-span: 127; }
[data-type="dependency-canvas"] [data-dependency-canvas-row-span="128"] { --dependency-canvas-row-span: 128; }

@media (prefers-reduced-motion: reduce) {
    [data-type="dependency-canvas"] * {
        scroll-behavior: auto;
        transition-duration: 0s;
    }
}
}
@layer crkit.controls {
[data-type="dialog"] {
    --cr-dialog-icon-size: 36px;
    --cr-dialog-icon-radius: 0.75rem;
    --cr-dialog-gap: 1rem;
    --cr-dialog-panel-ink: var(--theme-panel-ink, var(--theme-ink, var(--color-text, #2c3338)));
    --cr-dialog-title-color: var(--cr-dialog-panel-ink);
    --cr-dialog-text-color: var(--cr-dialog-panel-ink);
    --cr-dialog-muted: var(--cr-dialog-panel-ink);
    --cr-dialog-border: var(--theme-popover-border-width, 1px) solid var(--theme-popover-border-color, rgba(44, 51, 56, 0.12));
    --cr-dialog-surface: var(--theme-popover-background, var(--theme-surface-solid, #ffffff));
    --cr-dialog-shadow: var(--theme-popover-shadow, 0 1.4rem 3.6rem rgba(44, 51, 56, 0.18));
    --cr-dialog-about-width: 18.75em;
    color: var(--cr-dialog-text-color);
    background: var(--cr-dialog-surface);
    border: var(--cr-dialog-border);
    border-radius: var(--cr-surface-radius, var(--radius-med, 10px));
    box-shadow: var(--cr-dialog-shadow);
    outline: none;
    padding-block: 2em;
}

[data-type="dialog"][data-dialog-icon-size="100"] {
    --cr-dialog-icon-size: 100px;
}

[data-type="dialog"][data-surface-show-close="true"] {
    padding-inline-start: calc(1.25rem + var(--cr-panel-close-size) + 0.8rem);
}

[data-type="dialog"] > [data-part="dialog-shell"] {
    display: grid;
    gap: var(--cr-dialog-gap);
    min-inline-size: 0;
}

[data-type="dialog"] [data-part="dialog-header"] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
    min-inline-size: 0;
}

[data-type="dialog"] [data-part="dialog-icon"] {
    inline-size: var(--cr-dialog-icon-size);
    block-size: var(--cr-dialog-icon-size);
    min-inline-size: var(--cr-dialog-icon-size);
    min-block-size: var(--cr-dialog-icon-size);
    display: grid;
    place-items: center;
    color: var(--theme-accent, #0b73ff);
    border-radius: var(--cr-dialog-icon-radius);
    overflow: hidden;
}

[data-type="dialog"] [data-part="dialog-icon"][hidden] {
    display: none;
}

[data-type="dialog"] [data-part="dialog-title"][hidden],
[data-type="dialog"] [data-part="dialog-message"][hidden],
[data-type="dialog"] [data-part="dialog-description"][hidden],
[data-type="dialog"] [data-part="dialog-html"][hidden],
[data-type="dialog"] [data-part="dialog-input-wrap"][hidden],
[data-type="dialog"] [data-part="dialog-footer"][hidden],
[data-type="dialog"] [data-part="dialog-actions"][hidden] {
    display: none;
}

[data-type="dialog"] [data-part="dialog-icon"] > svg,
[data-type="dialog"] [data-part="dialog-icon"] svg {
    inline-size: 100%;
    block-size: 100%;
}

[data-type="dialog"] [data-part="dialog-header-copy"] {
    display: grid;
    gap: 0.35rem;
    min-inline-size: 0;
}

[data-type="dialog"] [data-part="dialog-title"] {
    margin: 0;
    padding-block-end: 2em;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.15;
    color: var(--cr-dialog-title-color);
    overflow-wrap: anywhere;
}

[data-type="dialog"] [data-part="dialog-message"] {
    margin: 0;
    color: var(--cr-dialog-muted);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

[data-type="dialog"] [data-part="dialog-description"] {
    display: grid;
    gap: 0.9rem;
    min-inline-size: 0;
}

[data-type="dialog"] [data-part="dialog-html"],
[data-type="dialog"] [data-part="dialog-slot"] {
    min-inline-size: 0;
}

[data-type="dialog"] [data-part="dialog-html"] > :first-child,
[data-type="dialog"] [data-part="dialog-slot"] > :first-child {
    margin-block-start: 0;
}

[data-type="dialog"] [data-part="dialog-html"] > :last-child,
[data-type="dialog"] [data-part="dialog-slot"] > :last-child {
    margin-block-end: 0;
}

[data-type="dialog"] [data-part="dialog-input-wrap"] {
    display: grid;
    gap: 0.45rem;
}

[data-type="dialog"] [data-part="dialog-input-label"] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--cr-dialog-title-color);
}

[data-type="dialog"] [data-part="dialog-input"] {
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 2.5em;
    padding: 0.7em 0.8em;
    border: 1px solid color-mix(in srgb, var(--theme-line, rgba(44, 51, 56, 0.12)) 92%, transparent);
    border-radius: 0.5em;
    background: var(--theme-input-background, var(--theme-surface, #ffffff));
    color: var(--theme-input-ink, var(--theme-ink, #2c3338));
    font: inherit;
}

[data-type="dialog"] [data-part="dialog-input"]:focus-visible {
    outline: 1px solid color-mix(in srgb, var(--theme-accent, #0b73ff) 42%, transparent);
    outline-offset: 0;
    border-color: color-mix(in srgb, var(--theme-accent, #0b73ff) 46%, transparent);
}

[data-type="dialog"] [data-part="dialog-footer"] {
    display: grid;
    padding-block-start: 2em;
}

[data-type="dialog"] [data-part="dialog-actions"] {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    box-sizing: border-box;
}

[data-type="dialog"] [data-part="dialog-action"],
[data-type="dialog"] [data-part="dialog-about-link"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.sc-crkit [data-type="dialog"] [data-part="dialog-action"].page-link.btn.form-buttons-block__button {
    --cr-link-button-inline-size: auto;
    white-space: nowrap;
}

[data-type="dialog"] [data-part="dialog-action"][data-dialog-action-kind="danger"] {
    background: var(--color-danger, #d64545);
    border-color: var(--color-danger, #d64545);
    color: #ffffff;
}

[data-type="dialog"] [data-part="dialog-action"]:focus-visible,
[data-type="dialog"] [data-part="dialog-about-link"]:focus-visible {
    outline: 1px solid color-mix(in srgb, var(--theme-accent, #0b73ff) 42%, transparent);
    outline-offset: 0;
}

[data-type="dialog"] [data-part="dialog-action"][aria-disabled="true"],
[data-type="dialog"] [data-part="dialog-action"]:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

[data-type="dialog"] [data-part="dialog-actions"][data-button-set-layout="stacked"] {
    flex-direction: column;
    align-items: stretch;
}

[data-type="dialog"] [data-part="dialog-actions"][data-button-set-layout="stacked"] [data-part="dialog-action"] {
    inline-size: 100%;
    min-inline-size: 0;
}

[data-type="dialog"] [data-part="dialog-actions"][data-button-set-layout="stacked"] [data-part="dialog-action"][data-dialog-action-kind="primary"],
[data-type="dialog"] [data-part="dialog-actions"][data-button-set-layout="stacked"] [data-part="dialog-action"][data-dialog-action-kind="danger"] {
    order: 1;
}

[data-type="dialog"] [data-part="dialog-actions"][data-button-set-layout="stacked"] [data-part="dialog-action"][data-dialog-action-kind="secondary"],
[data-type="dialog"] [data-part="dialog-actions"][data-button-set-layout="stacked"] [data-part="dialog-action"][data-dialog-action-kind="plain"] {
    order: 2;
}

[data-type="dialog"][data-dialog-variant="about"] {
    --cr-dialog-mobile-inline-size: var(--cr-dialog-about-width);
    inline-size: var(--cr-dialog-about-width);
}

[data-type="dialog"][data-dialog-variant="about"] [data-part="dialog-shell"] {
    justify-items: center;
    text-align: center;
}

[data-type="dialog"][data-dialog-variant="about"] [data-part="dialog-header"] {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
}

[data-type="dialog"][data-dialog-variant="about"] [data-part="dialog-icon"] {
    color: var(--theme-ink, #2c3338);
}

[data-type="dialog"][data-dialog-variant="about"] [data-part="dialog-title"] {
    font-size: 1.6rem;
}

[data-type="dialog"][data-dialog-variant="about"] [data-part="dialog-message"] {
    font-size: 0.95rem;
}

[data-type="dialog"][data-dialog-variant="about"] [data-part="dialog-description"] {
    justify-items: center;
    text-align: center;
}

[data-type="dialog"][data-dialog-variant="stock-about"] {
    --cr-dialog-surface: var(--theme-popover-background, var(--theme-surface-solid, #ffffff));
    --cr-dialog-panel-ink: var(--theme-popover-ink, var(--theme-panel-ink, var(--theme-ink, var(--color-text, #2c3338))));
    --cr-dialog-text-color: var(--cr-dialog-panel-ink);
    --cr-dialog-title-color: var(--cr-dialog-panel-ink);
    --cr-dialog-muted: var(--cr-dialog-panel-ink);
    --cr-dialog-border: var(--theme-popover-border-width, 1px) solid var(--theme-popover-border-color, rgba(44, 51, 56, 0.12));
    --cr-dialog-shadow: var(--theme-popover-shadow, 0 1.4rem 3.6rem rgba(44, 51, 56, 0.18));
    inline-size: min(23rem, calc(100vw - 2rem));
    padding: 1.35rem 1rem 1rem;
    border-radius: 1.5rem;
}

[data-type="dialog"][data-dialog-variant="stock-about"][data-surface-show-close="true"] {
    padding-inline-start: 1rem;
}

[data-type="dialog"][data-dialog-variant="stock-about"] [data-part="dialog-shell"] {
    gap: 0.95rem;
}

[data-type="dialog"][data-dialog-variant="stock-about"] [data-part="dialog-header"] {
    grid-template-columns: minmax(0, 1fr);
}

[data-type="dialog"][data-dialog-variant="stock-about"] [data-part="dialog-title"] {
    padding-block-end: 0;
    font-size: 0.98rem;
    line-height: 1.25;
}

[data-type="dialog"][data-dialog-variant="stock-about"] [data-part="dialog-description"] {
    gap: 0;
}

[data-type="dialog"] [data-part="dialog-stock-about-meta"] {
    display: grid;
    gap: 0.1rem;
    color: var(--cr-dialog-text-color);
    font-size: 0.92rem;
    line-height: 1.14;
}

[data-type="dialog"] [data-part="dialog-stock-about-row"] {
    overflow-wrap: anywhere;
}

[data-type="dialog"] [data-part="dialog-stock-about-row"] strong {
    font-weight: 780;
}

[data-type="dialog"][data-dialog-variant="stock-about"] [data-part="dialog-footer"] {
    padding-block-start: 0.85rem;
}

[data-type="dialog"][data-dialog-variant="stock-about"] [data-part="dialog-actions"] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}

[data-type="dialog"][data-dialog-variant="stock-about"] [data-part="dialog-action"] {
    min-inline-size: var(--theme-button-min-inline-size, 5.6em);
    min-block-size: var(--theme-button-min-block-size, 2.72em);
    padding: var(--padding-button);
    font-size: var(--font-size-button, 1.125rem);
}

[data-type="dialog"][data-dialog-variant="stock-about"] [data-part="dialog-action"][data-dialog-action-kind="primary"] {
    background: var(--color-button-primary, var(--theme-accent, #00b5ee));
    color: var(--color-button-primary-text, #ffffff);
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] {
    --cr-dialog-panel-ink: #1d2327;
    --cr-dialog-title-color: #1d2327;
    --cr-dialog-text-color: #3c434a;
    --cr-dialog-muted: #3c434a;
    --cr-dialog-border: 1px solid #c3c4c7;
    --cr-dialog-surface: #ffffff;
    --cr-dialog-shadow: 0 3px 30px rgba(0, 0, 0, 0.24);
    --cr-panel-size-md: 32rem;
    --cr-dialog-mobile-inline-size: 32rem;
    inline-size: min(32rem, calc(100% - 2rem));
    box-sizing: border-box;
    padding: 0;
    border-radius: 4px;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.wp-admin > [data-app-root="true"][data-surface-standalone="true"]:has(
    [data-type="dialog"][data-dialog-variant="wordpress-admin"][data-surface-open-state="open"]
) {
    z-index: 160000;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"][data-surface-show-close="true"] {
    padding-inline-start: 0;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] > [data-part="panel-close"] {
    inset-block-start: 0.65rem;
    inset-inline-end: 0.65rem;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] > [data-part="panel-content"] {
    inline-size: 100%;
    padding-inline-end: 0;
    scrollbar-gutter: auto;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-shell"] {
    display: grid;
    gap: 0;
    inline-size: 100%;
    justify-items: stretch;
    text-align: start;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-header"] {
    grid-template-columns: minmax(0, 1fr);
    box-sizing: border-box;
    inline-size: 100%;
    justify-items: start;
    padding: 1.25rem 3.5rem 1.25rem 1.5rem;
    border-block-end: 1px solid #dcdcde;
    text-align: start;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-header-copy"] {
    gap: 0.75rem;
    inline-size: 100%;
    justify-items: start;
    text-align: start;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-title"] {
    margin: 0;
    padding-block-end: 0;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.3;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-message"] {
    margin: 0;
    color: #3c434a;
    font-size: 0.875rem;
    line-height: 1.5;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-description"]:not(:has(> :not([hidden]):not(:empty))) {
    display: none;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-footer"] {
    box-sizing: border-box;
    inline-size: 100%;
    justify-self: stretch;
    padding: 1rem 1.5rem;
    border-block-start: 1px solid #dcdcde;
    background: #f6f7f7;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-actions"] {
    inline-size: 100%;
    justify-content: flex-end;
    gap: 0.5rem;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-action"] {
    box-sizing: border-box;
    min-block-size: 2.25rem;
    padding: 0.35rem 0.8rem;
    border: 1px solid #2271b1;
    border-radius: 3px;
    background: #ffffff;
    color: #2271b1;
    box-shadow: 0 1px 0 #2271b1;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.5;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-action"]:hover {
    border-color: #0a4b78;
    background: var(--theme-interactive-hover-background);
    color: #0a4b78;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-action"]:focus-visible {
    border-color: #2271b1;
    outline: 2px solid #2271b1;
    outline-offset: 1px;
    box-shadow: none;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-action"][data-dialog-action-kind="danger"] {
    border-color: #b32d2e;
    background: #b32d2e;
    color: #ffffff;
    box-shadow: 0 1px 0 #8a2424;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"] [data-part="dialog-action"][data-dialog-action-kind="danger"]:hover {
    border-color: #8a2424;
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

[data-type="dialog"][data-dialog-layout="notice"] [data-part="dialog-shell"] {
    justify-items: center;
    text-align: center;
}

[data-type="dialog"][data-dialog-layout="notice"] [data-part="dialog-header"] {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
}

[data-type="dialog"][data-dialog-layout="notice"] [data-part="dialog-header-copy"] {
    justify-items: center;
    text-align: center;
}

[data-type="dialog"][data-dialog-layout="notice"] [data-part="dialog-description"] {
    justify-items: center;
    text-align: center;
}

[data-type="dialog"][data-dialog-variant="wordpress-admin"][data-dialog-layout="notice"] [data-part="dialog-shell"],
[data-type="dialog"][data-dialog-variant="wordpress-admin"][data-dialog-layout="notice"] [data-part="dialog-header"],
[data-type="dialog"][data-dialog-variant="wordpress-admin"][data-dialog-layout="notice"] [data-part="dialog-header-copy"],
[data-type="dialog"][data-dialog-variant="wordpress-admin"][data-dialog-layout="notice"] [data-part="dialog-description"] {
    justify-items: stretch;
    text-align: start;
}

[data-type="dialog"] [data-part="dialog-about-meta"] {
    display: grid;
    gap: 0.5rem;
}

[data-type="dialog"] [data-part="dialog-about-build-date"] {
    color: var(--cr-dialog-muted);
    font-size: 0.9rem;
    line-height: 1.4;
}

[data-type="dialog"] [data-part="dialog-about-build-date"]:empty {
    display: none;
}

[data-type="dialog"] [data-part="dialog-about-row"] {
    color: var(--cr-dialog-text-color);
    line-height: 1.45;
}

[data-type="dialog"] [data-part="dialog-about-label"] {
    font-weight: 700;
}

[data-type="dialog"] [data-part="dialog-about-actions"] {
    display: grid;
    justify-items: center;
}

[data-type="dialog"] [data-part="dialog-about-copyright"] {
    color: var(--cr-dialog-muted);
    font-size: 0.92rem;
    line-height: 1.5;
}

[data-type="dialog"] > [data-panel-close-link="true"].page-link {
    inset-block-start: 0.75rem;
    inset-inline-end: 0.75rem;
}

@keyframes cr-dialog-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

.sc-crkit [data-type="dialog"][data-surface-kind="panel"][data-surface-placement="center"][data-surface-transition-type="fade"][data-surface-open-state="open"] {
    animation: cr-dialog-fade-in 220ms ease-out both;
}

@media (max-width: 40rem) {
    [data-type="dialog"] [data-part="dialog-shell"] {
        justify-items: center;
        text-align: center;
    }

    [data-type="dialog"] [data-part="dialog-header"] {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        text-align: center;
    }

    [data-type="dialog"] [data-part="dialog-header-copy"] {
        justify-items: center;
        text-align: center;
    }

    [data-type="dialog"] [data-part="dialog-description"] {
        justify-items: center;
        text-align: center;
    }

    [data-type="dialog"] [data-part="dialog-about-link"] {
        inline-size: 100%;
        min-inline-size: 0;
    }
}

@media (max-width: 781px) {
    .sc-crkit [data-type="dialog"][data-surface-kind="panel"][data-surface-placement="center"] {
        inset: 50% auto auto 50%;
        inline-size: min(var(--cr-dialog-mobile-inline-size, var(--cr-panel-size-md, 24em)), calc(100% - 2rem));
        max-inline-size: calc(100% - 2rem);
        block-size: auto;
        max-block-size: calc(100dvh - 2rem);
        box-shadow: var(--cr-dialog-shadow);
        transform: translate(-50%, -50%) scale(0.98);
    }

    .sc-crkit [data-type="dialog"][data-surface-kind="panel"][data-surface-placement="center"][data-surface-open-state="open"] {
        transform: translate(-50%, -50%) scale(1);
    }

    .sc-crkit [data-type="dialog"][data-surface-kind="panel"][data-surface-placement="center"][data-surface-size="sm"] {
        --cr-dialog-mobile-inline-size: var(--cr-panel-size-sm, 18em);
    }

    .sc-crkit [data-type="dialog"][data-surface-kind="panel"][data-surface-placement="center"][data-surface-size="md"] {
        --cr-dialog-mobile-inline-size: var(--cr-panel-size-md, 24em);
    }

    .sc-crkit [data-type="dialog"][data-surface-kind="panel"][data-surface-placement="center"][data-surface-size="lg"] {
        --cr-dialog-mobile-inline-size: var(--cr-panel-size-lg, 30em);
    }

    .sc-crkit [data-type="dialog"][data-surface-kind="panel"][data-surface-placement="center"][data-surface-size="xl"] {
        --cr-dialog-mobile-inline-size: var(--cr-panel-size-xl, 36em);
    }

    .sc-crkit [data-type="dialog"][data-surface-kind="panel"][data-surface-placement="center"][data-surface-size="full"],
    .sc-crkit [data-type="dialog"][data-surface-kind="panel"][data-surface-placement="center"][data-surface-size="full-floating"] {
        inline-size: calc(100% - 2rem);
        max-inline-size: calc(100% - 2rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sc-crkit [data-type="dialog"][data-surface-kind="panel"][data-surface-placement="center"][data-surface-transition-type="fade"][data-surface-open-state="open"] {
        animation: none;
    }
}
}
@layer crkit.controls {
[data-part="drag-layer"] {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    pointer-events: none;
}

[data-part="drag-ghost"] {
    position: fixed;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: max-content;
    max-inline-size: min(18em, calc(100vw - 2rem));
    pointer-events: none;
    opacity: 0.94;
    transform: translate3d(-10000px, -10000px, 0px);
}

[data-part="drag-ghost"] > .cr-drag-ghost,
[data-part="drag-ghost"] > div {
    position: relative;
    display: inline-grid;
    align-items: center;
    justify-items: start;
    inline-size: max-content;
    max-inline-size: inherit;
    min-block-size: 2rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--theme-line, rgba(44, 51, 56, 0.12)) 82%, transparent);
    border-radius: 0.6rem;
    background: color-mix(in srgb, var(--theme-surface-solid, #ffffff) 94%, var(--theme-bg-top, #f8fafc));
    color: var(--theme-ink, #2c3338);
    box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 0.16);
    font-family: var(--font-family-body, "Source Sans Pro", sans-serif);
    font-size: 0.95rem;
    line-height: 1.2;
}

[data-part="drag-ghost"] [data-part="drag-count"] {
    position: absolute;
    inset-inline-end: -0.45rem;
    inset-block-end: -0.45rem;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    min-inline-size: 1.6rem;
    block-size: 1.6rem;
    padding-inline: 0.38rem;
    border: 2px solid var(--theme-surface-solid, #ffffff);
    border-radius: 999px;
    background: var(--theme-accent, #2271b1);
    color: var(--color-button-primary-text, #ffffff);
    box-shadow: 0 0.2rem 0.55rem rgb(0 0 0 / 24%);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
}
}
@layer crkit.controls {
.cr-drop-zone-parent {
    isolation: isolate;
}

.cr-drop-zone-parent--positioned {
    position: relative;
}

.sc-crkit [data-type="drop-zone"] {
    --cr-drop-zone-background: color-mix(in srgb, var(--theme-surface-solid, #ffffff) 85%, transparent);
    --cr-drop-zone-border-color: var(--theme-accent, #00b5ee);
    --cr-drop-zone-border-inset: 1rem;
    --cr-drop-zone-border-width: var(--theme-drop-zone-border-width, 2px);
    --cr-drop-zone-border-radius: var(--theme-drop-zone-border-radius, 1em);

    position: absolute;
    z-index: var(--elevation-very-high, 10000);
    inset: 0;
    display: grid;
    place-content: center;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
    padding: var(--site-padding-width, 1rem);
    border: 0;
    border-radius: inherit;
    background: var(--cr-drop-zone-background);
    color: var(--theme-ink, #2c3338);
    text-align: center;
    cursor: copy;
    pointer-events: auto;
    touch-action: none;
    user-select: none;
}

.sc-crkit [data-type="drop-zone"]::before {
    content: '';
    position: absolute;
    z-index: 0;
    inset: var(--cr-drop-zone-border-inset);
    border: var(--cr-drop-zone-border-width) dashed var(--cr-drop-zone-border-color);
    border-radius: var(--cr-drop-zone-border-radius);
    pointer-events: none;
}

.sc-crkit [data-type="drop-zone"][hidden] {
    display: none !important;
}

.sc-crkit [data-type="drop-zone"] > * {
    position: relative;
    z-index: 1;
    max-inline-size: min(32em, 100%);
}

.sc-crkit [data-type="drop-zone"] > strong {
    color: var(--theme-heading, var(--theme-ink, #2c3338));
    font-size: clamp(1.1rem, 2vw, 1.6rem);
}

.sc-crkit [data-type="drop-zone"] > span {
    margin-block-start: 0.65rem;
    color: var(--theme-muted, #5f676d);
}
}
@layer crkit.controls {
[data-events="true"] {
    --cr-events-accent: var(--color-accent, #465d73);
    --cr-events-accent-contrast: var(--color-accent-contrast, #ffffff);
    --cr-events-card-bg: var(--theme-surface-solid, #ffffff);
    --cr-events-card-border: var(--theme-line, #d5dce3);
    --cr-events-text: var(--theme-text, #1c2935);
    --cr-events-muted: var(--theme-muted, #63717f);
    --cr-events-card-padding-block: 1.5rem;
    --cr-events-card-padding-inline: 1rem;
    --cr-events-card-shadow: none;
    --cr-events-card-min-block-size: 18rem;
    --cr-events-date-inline-size: 4rem;
    --cr-events-date-block-size: 5.95rem;
    box-sizing: border-box;
    display: block;
    inline-size: 100%;
    color: var(--cr-events-text);
}

[data-events="true"] [data-part="events-list"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

[data-events="true"] [data-part="event-card"] {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: var(--cr-events-date-inline-size) minmax(0, 1fr);
    gap: 0.8rem;
    min-block-size: var(--cr-events-card-min-block-size);
    padding-block: var(--cr-events-card-padding-block);
    padding-inline: var(--cr-events-card-padding-inline);
    background: var(--cr-events-card-bg);
    border: 1px solid var(--cr-events-card-border);
    border-radius: var(--cr-events-card-radius, 0.5rem);
    box-shadow: var(--cr-events-card-shadow);
}

[data-events="true"] [data-part="event-card"].has-image {
    grid-template-columns: var(--cr-events-date-inline-size) minmax(0, 1fr) minmax(7.5rem, 24%);
}

[data-events="true"] [data-part="event-media"] {
    position: relative;
    align-self: stretch;
    min-block-size: 0;
    overflow: hidden;
    border-radius: var(--cr-events-media-radius, var(--cr-events-card-radius, 0.5rem));
}

[data-events="true"] [data-part="event-image"] {
    position: absolute;
    inset: 0;
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

[data-events="true"] [data-part="event-date"] {
    align-self: start;
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-block-size: var(--cr-events-date-block-size);
    color: var(--cr-events-text);
    text-align: center;
    background: color-mix(in srgb, var(--cr-events-accent) 8%, var(--cr-events-card-bg));
    border: 2px solid color-mix(in srgb, var(--cr-events-accent) 28%, var(--cr-events-card-border));
    border-radius: var(--cr-events-date-radius, 0.5rem);
    overflow: hidden;
}

[data-events="true"] [data-part="event-date"].is-empty {
    grid-template-rows: 1.5rem 1fr;
    color: var(--cr-events-muted);
    background: color-mix(in srgb, var(--cr-events-muted) 8%, var(--cr-events-card-bg));
    border-color: color-mix(in srgb, var(--cr-events-muted) 28%, var(--cr-events-card-border));
}

[data-events="true"] [data-part="event-date"].is-empty::before {
    grid-row: 1;
    content: "";
    background: color-mix(in srgb, var(--cr-events-muted) 45%, var(--cr-events-card-bg));
}

[data-events="true"] [data-part="event-month"] {
    display: block;
    padding: 0.25rem 0.5rem;
    color: var(--cr-events-accent-contrast);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
    background: var(--cr-events-accent);
}

[data-events="true"] [data-part="event-day"] {
    align-self: center;
    display: block;
    padding-block: 0.2rem 0;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1;
}

[data-events="true"] [data-part="event-weekday"] {
    display: block;
    padding: 0.2rem 0.35rem 0.45rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
}

[data-events="true"] [data-part="event-content"] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
}

[data-events="true"] [data-part="event-title"] {
    margin: 0 0 1rem;
    color: var(--cr-events-text);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
}

[data-events="true"] [data-part^="event-"][class*="cr-events__detail"] {
    margin: 0.2rem 0 0;
    color: var(--cr-events-muted);
    font-size: 1rem;
    line-height: 1.45;
}

[data-events="true"] [data-part="event-description"] {
    margin: 1rem 0 0;
    color: var(--cr-events-muted);
    font-size: 1rem;
    line-height: 1.45;
}

[data-events="true"] [data-part="event-time"] {
    margin-block: 0 0.25rem;
    color: var(--cr-events-text);
    font-size: clamp(1.35rem, 2.8vw, 1.85rem);
    font-weight: 700;
    line-height: 1.2;
}

[data-events="true"] [data-part="event-time"] .cr-events__detail-label {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

[data-events="true"] .cr-events__detail-label {
    color: var(--cr-events-text);
    font-weight: 600;
}

[data-events="true"] [data-part="event-actions"] {
    margin-block-start: auto;
    padding-block-start: 1.25rem;
}

[data-events="true"] [data-part="event-cta"] {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: fit-content;
    min-block-size: 2.65rem;
    margin-block-start: 0;
    padding: 0.65em 1.25em;
    color: var(--cr-events-accent-contrast);
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    background: var(--cr-events-accent);
    border: 2px solid var(--cr-events-accent);
    border-radius: var(--radius-button, 999px);
}

[data-events="true"] [data-part="event-cta"][aria-disabled="true"] {
    color: var(--cr-events-disabled-text, #ffffff);
    background: var(--cr-events-disabled-bg, #8b949c);
    border-color: var(--cr-events-disabled-bg, #8b949c);
    cursor: not-allowed;
    opacity: 0.72;
}

[data-events="true"] [data-part="events-empty"] {
    margin: 0;
    padding: 1.25rem;
    color: var(--cr-events-muted);
    background: var(--cr-events-card-bg);
    border: 1px solid var(--cr-events-card-border);
    border-radius: var(--cr-events-card-radius, 0.5rem);
}

@media (min-width: 21.875em) {
    [data-events="true"] [data-part="event-card"] {
        --cr-events-date-inline-size: 4.9rem;
        gap: 1.25rem;
    }

    [data-events="true"] [data-part="event-day"] {
        font-size: 2.125rem;
    }
}

@media (max-width: 29.9375em) {
    [data-events="true"] [data-part="event-card"].has-image {
        grid-template-columns: var(--cr-events-date-inline-size) minmax(0, 1fr);
    }

    [data-events="true"] [data-part="event-card"].has-image:not(.has-date) {
        grid-template-columns: minmax(0, 1fr);
    }

    [data-events="true"] [data-part="event-card"].has-image [data-part="event-media"] {
        grid-column: 1 / -1;
        block-size: var(--cr-events-media-mobile-block-size, 11rem);
    }
}

@media (min-width: 48em) {
    [data-events="true"] [data-part="events-list"] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 80em) {
    [data-events="true"] [data-part="events-list"] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
}
@layer crkit.controls {
.expander-container {
    --expander-content-indent: 1.7em;
    --expander-content-margin-block-start: 20px;
    --expander-content-max-block-size: 160rem;
    --expander-heading-color: var(--wp--preset--color--contrast, var(--color-text, #333));
    --expander-heading-font-size: 1.25rem;
    --expander-heading-line-height: 1.4;
    --expander-icon-size: 1.4em;
    --expander-icon-width: 30px;
    box-sizing: border-box;
    position: relative;
    display: block;
    margin-bottom: 0;
    padding-bottom: 1em;
}

.expander-container + .expander-container {
    margin-top: 20px;
}

.expander-container.hidden {
    display: none;
}

.expander-toggle {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    width: 100%;
    background: none;
    border: 0;
    padding: 0;
    color: var(--expander-heading-color);
    text-align: left;
    cursor: pointer;
    align-self: flex-start;
    font: inherit;
    font-size: var(--expander-heading-font-size);
    line-height: var(--expander-heading-line-height);
}

.expander-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.expander-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--expander-icon-width);
    width: var(--expander-icon-width);
    min-width: var(--expander-icon-width);
    height: calc(1em * var(--expander-heading-line-height));
}

.expander-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.expander-icon svg {
    width: var(--expander-icon-size);
    height: var(--expander-icon-size);
    display: block;
}

.expander-heading-text {
    line-height: inherit;
}

.expander-container.is-open .expander-icon-closed {
    display: none;
}

.expander-container.is-closed .expander-icon-opened {
    display: none;
}

.expander-content {
    max-block-size: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-6px);
    visibility: hidden;
    pointer-events: none;
}

.expander-content[hidden] {
    display: none !important;
}

.expander-container.is-open > .expander-content {
    max-block-size: var(--expander-content-max-block-size);
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}

.expander-content-inner {
    box-sizing: border-box;
    display: flow-root;
    min-height: 0;
    overflow: hidden;
    padding-block-start: 0;
    padding-inline-start: var(--expander-content-indent);
}

.expander-container.is-open > .expander-content > .expander-content-inner {
    padding-block-start: var(--expander-content-margin-block-start);
}

@media (prefers-reduced-motion: no-preference) {
    .expander-content {
        transition: max-block-size 180ms ease, opacity 140ms ease, transform 180ms ease;
    }
}

.expander-content-inner > :first-child {
    margin-top: 0;
}

.expander-content-inner > :last-child {
    margin-bottom: 0;
}
}
@layer crkit.controls {
.cr-floating-panel {
    --cr-floating-panel-offset-small: 0.75rem;
    --cr-floating-panel-offset-medium: 1.5rem;
    --cr-floating-panel-offset-large: 2.5rem;
    --cr-floating-panel-background: rgb(255 255 255 / 40%);
    --cr-floating-panel-blur: 1rem;
    --cr-floating-panel-radius: 999rem;
    --cr-floating-panel-padding-block: 1.5rem;
    --cr-floating-panel-padding-inline: 2rem;
    --cr-floating-panel-shadow: 0 0.5rem 1.75rem rgb(41 55 70 / 18%);

    --cr-floating-panel-reserved-block-size: 6.5625rem;

    box-sizing: border-box;
    inline-size: 100%;
    min-block-size: var(--cr-floating-panel-reserved-block-size);
}

.cr-floating-panel__surface {
    box-sizing: border-box;
    inline-size: max-content;
    max-inline-size: min(
        100%,
        calc(100vw - (2 * var(--cr-floating-panel-viewport-offset, var(--cr-floating-panel-offset-medium))))
    );
    z-index: var(--cr-floating-panel-z-index, calc(var(--elevation-page, 0) + 5));
}

.cr-floating-panel--align-left .cr-floating-panel__surface {
    margin-inline: 0 auto;
}

.cr-floating-panel--align-center .cr-floating-panel__surface {
    margin-inline: auto;
}

.cr-floating-panel--align-right .cr-floating-panel__surface {
    margin-inline: auto 0;
}

.cr-floating-panel--offset-small {
    --cr-floating-panel-viewport-offset: var(--cr-floating-panel-offset-small);
}

.cr-floating-panel--offset-medium {
    --cr-floating-panel-viewport-offset: var(--cr-floating-panel-offset-medium);
}

.cr-floating-panel--offset-large {
    --cr-floating-panel-viewport-offset: var(--cr-floating-panel-offset-large);
}

.cr-floating-panel.is-floating:not(.is-editor-preview) .cr-floating-panel__surface {
    position: fixed;
    inset-block-end: var(--cr-floating-panel-viewport-offset, var(--cr-floating-panel-offset-medium));
}

.cr-floating-panel.is-floating.cr-floating-panel--align-left:not(.is-editor-preview) .cr-floating-panel__surface {
    inset-inline-start: var(--cr-floating-panel-viewport-offset, var(--cr-floating-panel-offset-medium));
}

.cr-floating-panel.is-floating.cr-floating-panel--align-center:not(.is-editor-preview) .cr-floating-panel__surface {
    inset-inline-start: 50%;
    transform: translateX(-50%);
}

.cr-floating-panel.is-anchored.cr-floating-panel--align-center:not(.is-editor-preview) .cr-floating-panel__surface {
    position: absolute;
    inset-inline-start: 50%;
    transform: translateX(-50%);
}

.cr-floating-panel.is-floating.cr-floating-panel--align-right:not(.is-editor-preview) .cr-floating-panel__surface {
    inset-inline-end: var(--cr-floating-panel-viewport-offset, var(--cr-floating-panel-offset-medium));
}

.cr-floating-panel--appearance-glass .cr-floating-panel__surface {
    padding-block: var(--cr-floating-panel-padding-block);
    padding-inline: var(--cr-floating-panel-padding-inline);
    border-radius: var(--cr-floating-panel-radius);
    background: var(--cr-floating-panel-background);
    box-shadow: var(--cr-floating-panel-shadow);
    -webkit-backdrop-filter: blur(var(--cr-floating-panel-blur));
    backdrop-filter: blur(var(--cr-floating-panel-blur));
}

.cr-floating-panel.is-anchored.cr-floating-panel--appearance-glass .cr-floating-panel__surface {
    box-shadow: none;
}

@media (max-width: 30em) {
    .cr-floating-panel {
        --cr-floating-panel-reserved-block-size: 10.375rem;
    }
}

@media print {
    .cr-floating-panel {
        min-block-size: 0;
    }

    .cr-floating-panel .cr-floating-panel__surface {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        background: transparent;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}
}
@layer crkit.controls {
.sc-crkit [data-type="footer"] {
    min-block-size: var(--theme-footer-height, auto);
    position: relative;
    z-index: calc(var(--elevation-page, 0) + 10);
}

.sc-crkit[data-app-root="true"][data-scroll-mode="contained"][data-surface-shell="true"] > [data-part="app-body"] > [data-type="footer"][data-footer-sticky-active="true"],
.sc-crkit [data-app-root="true"][data-scroll-mode="contained"][data-surface-shell="true"] > [data-part="app-body"] > [data-type="footer"][data-footer-sticky-active="true"] {
    position: sticky;
    inset-block-end: 0;
}

.sc-crkit [data-type="footer"] > [data-part="footer-title"] {
    margin: 0;
}
}
@layer crkit.controls {
.form-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    gap: 1rem;
    align-items: stretch;
    justify-content: flex-start;
}

.form-block.form-fill-vertical-space {
    height: 100%;
    min-height: 0;
    justify-content: flex-start;
}

.form-block.form-allow-scrollbar {
    --cr-form-scrollbar-gutter: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-inline-end: var(--cr-form-scrollbar-gutter);
    scrollbar-gutter: stable;
}

.form-block.form-allow-scrollbar > * {
    flex-shrink: 0;
}

.sc-crkit [data-surface-kind="panel"] .form-block.form-allow-scrollbar {
    --cr-form-scrollbar-gutter: 0px;
    inline-size: 100%;
    max-inline-size: 100%;
    margin-inline-end: 0;
    padding-inline-end: 0;
    overflow: visible;
    scrollbar-gutter: auto;
}

.form-block.hidden {
    opacity: 0;
    visibility: hidden;
    display: none;
}

@keyframes form-block-skeleton-fade {
    from {
        background: var(--bg-color-med);
    }
    to {
        background: var(--color-border-light, #dde3e8);
    }
}

.form-block.is-skeleton {
    cursor: wait;
}

.form-block.is-skeleton .form-control-field-block {
    position: relative;
}

.form-block.is-skeleton .form-control-field-block::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-color-med);
    border-radius: var(--radius-med);
    z-index: 4;
    animation: form-block-skeleton-fade 0.6s infinite alternate linear;
    pointer-events: none;
}

.form-block.is-skeleton .form-control-field-block * {
    pointer-events: none;
}

.form-block.is-skeleton .form-buttons-block .form-buttons-block__button {
    cursor: not-allowed;
    opacity: 0.65;
    animation: none !important;
}

.form-block [data-part="form-captcha-disclosure"] {
    align-self: center;
    inline-size: 100%;
    margin: 0;
    color: var(--theme-muted, var(--color-text-muted, #646970));
    font-size: 0.85em;
    line-height: 1.45;
    text-align: center;
}

.form-block [data-part="form-captcha-disclosure"] a {
    color: var(--theme-accent, var(--color-accent, currentColor));
    text-decoration: underline;
    text-underline-offset: 0.14em;
}
}
@layer crkit.controls {
.form-buttons-block {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%;
    box-sizing: border-box;
}

.form-buttons-block--align-left {
    justify-content: flex-start;
}

.form-buttons-block--align-center {
    justify-content: center;
}

.form-buttons-block--align-right {
    justify-content: flex-end;
}

.form-buttons-block--align-fill {
    justify-content: stretch;
}

.form-buttons-block--align-fill .form-buttons-block__button {
    flex: 1 1 0;
    min-inline-size: 0;
}

.form-buttons-block__button {
    cursor: pointer;
    appearance: none;
    font-family: var(--font-family-button, var(--font-family-body, inherit));
    font-size: var(--font-size-button, 1rem);
    font-style: var(--font-style-button, normal);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-button, 1);
    max-inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
    text-decoration: none;
    box-sizing: border-box;
    text-underline-offset: 0.35rem;
    transition:
        color var(--theme-button-transition-duration, 0.2s) ease,
        background-color var(--theme-button-transition-duration, 0.2s) ease,
        border-color var(--theme-button-transition-duration, 0.2s) ease,
        opacity var(--theme-button-transition-duration, 0.2s) ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-button-text);
    background-color: var(--color-button);
    padding: var(--padding-button);
    text-decoration: none;
    border-radius: var(--radius-button);
    border: var(--border-button);
    inline-size: auto;
}

.form-buttons-block__button.has-label {
    min-inline-size: var(--theme-button-min-inline-size, 5.6em);
    min-block-size: var(--theme-button-min-block-size, 2.72em);
}

.form-buttons-block--align-fill .form-buttons-block__button.has-label {
    min-inline-size: 0;
}

.form-buttons-block__button--submit {
    margin-inline-start: auto;
}

.form-buttons-block--align-center .form-buttons-block__button--submit,
.form-buttons-block--align-right .form-buttons-block__button--submit,
.form-buttons-block--align-fill .form-buttons-block__button--submit {
    margin-inline-start: 0;
}

.form-buttons-block__button:disabled {
    cursor: not-allowed;
    opacity: 0.72;
}

.form-buttons-block__empty {
    font-size: 0.82rem;
    color: var(--color-text-muted, #666);
}

.form-buttons-block__button:hover:not(:disabled) {
    background-color: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
    border-color: var(--color-button-border-hover, currentColor);
}

.form-buttons-block__button--primary {
    background-color: var(--color-button-primary);
    color: var(--color-button-primary-text);
    border: var(--border-button-primary);
}

.form-buttons-block__button--primary:hover:not(:disabled) {
    background-color: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
    border-color: var(--color-button-primary-border-hover, var(--color-button-primary-hover, currentColor));
}

.form-buttons-block__button--secondary {
    background-color: var(--color-button-secondary, var(--color-button));
    color: var(--color-button-secondary-text);
    border: var(--border-button-secondary);
}

.form-buttons-block__button--secondary:hover:not(:disabled) {
    background-color: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
    border-color: var(--color-button-secondary-border-hover, currentColor);
}

.form-buttons-block__button--submit.is-processing {
    pointer-events: none;
}

.form-buttons-block[data-button-set-layout="inline"] {
    flex-direction: row;
}

.form-buttons-block[data-button-set-layout="stacked"] {
    flex-direction: column;
    align-items: stretch;
}

.form-buttons-block[data-button-set-layout="stacked"] .form-buttons-block__button {
    inline-size: 100%;
}

.form-buttons-block[data-button-set-layout="stacked"] .form-buttons-block__button--submit {
    margin-inline-start: 0;
}

.form-buttons-block__button--submit.is-processing::after {
    content: '';
    width: 0.95em;
    height: 0.95em;
    display: inline-block;
    margin-left: 0.5rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 999px;
    animation: form-buttons-submit-spin 700ms linear infinite;
    vertical-align: middle;
}

@keyframes form-buttons-submit-spin {
    to {
        transform: rotate(360deg);
    }
}
}
@layer crkit.controls {
.form-checkbox-field-block {
    --cr-form-required-marker-gap: var(--theme-form-required-marker-gap, 0.37em);
    --cr-form-required-marker-size: var(--theme-form-required-marker-size, 8px);
    width: 100%;
    box-sizing: border-box;
}

.form-checkbox-field-block .form-checkbox-field-block-row {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.65em;
    min-inline-size: 0;
    cursor: pointer;
}

.form-checkbox-field-block--presentation-checkbox .form-checkbox-field-block-input {
    appearance: none;
    -webkit-appearance: none;
    inline-size: 1.1em;
    block-size: 1.1em;
    width: 1.1em;
    height: 1.1em;
    flex: 0 0 auto;
    margin: 0.1em 0 0;
    border: 2px solid var(--color-border-light);
    border-radius: 3px;
    background: var(--bg-color);
    cursor: pointer;
    box-sizing: border-box;
    padding: 0;
    min-inline-size: 1.1em;
    max-inline-size: 1.1em;
}

.form-checkbox-field-block--presentation-checkbox .form-checkbox-field-block-input:checked {
    border-color: var(--color-accent);
    background:
        linear-gradient(45deg, transparent calc(50% - 1px), var(--color-accent) calc(50% - 1px), var(--color-accent) calc(50% + 1px), transparent calc(50% + 1px)),
        linear-gradient(-45deg, transparent calc(50% - 1px), var(--color-accent) calc(50% - 1px), var(--color-accent) calc(50% + 1px), transparent calc(50% + 1px)),
        var(--bg-color);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 72% 72%;
}

.form-checkbox-field-block--presentation-checkbox .form-checkbox-field-block-input:focus-visible,
.form-checkbox-field-block[data-form-field-active="true"]:not(.form-checkbox-field-block--presentation-toggle) .form-checkbox-field-block-input {
    outline: 2px solid var(--color-accent-stronger);
    outline-offset: 2px;
}

.form-checkbox-field-block--presentation-checkbox .form-checkbox-field-block-input:disabled {
    cursor: not-allowed;
}

.form-checkbox-field-block--presentation-toggle .form-checkbox-field-block-row {
    align-items: flex-start;
}

.form-checkbox-field-block--presentation-toggle[data-form-field-active="true"] .cr-toggle-switch {
    outline: 2px solid var(--color-accent-stronger);
    outline-offset: 2px;
}

.form-checkbox-field-block.disabled .form-checkbox-field-block-row {
    cursor: not-allowed;
}

.form-checkbox-field-block .form-checkbox-field-block-copy {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.25em;
    min-inline-size: 0;
}

.form-checkbox-field-block .form-checkbox-field-block-title {
    display: inline;
    align-items: center;
    color: inherit;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.35;
    max-width: none;
    overflow-wrap: anywhere;
    overflow: visible;
    pointer-events: auto;
    position: static;
    text-decoration: none;
    text-overflow: clip;
    text-transform: none;
    transform: none;
    transition: none;
    white-space: normal;
    z-index: auto;
}

.form-checkbox-field-block .form-checkbox-field-block-instructions {
    font-size: 0.9em;
    line-height: 1.45;
    color: var(--color-text-light, #5f6670);
}

.form-checkbox-field-block-required {
    display: inline-block;
    flex: 0 0 var(--cr-form-required-marker-size);
    inline-size: var(--cr-form-required-marker-size);
    width: var(--cr-form-required-marker-size);
    min-inline-size: var(--cr-form-required-marker-size);
    min-width: var(--cr-form-required-marker-size);
    max-inline-size: var(--cr-form-required-marker-size);
    max-width: var(--cr-form-required-marker-size);
    block-size: var(--cr-form-required-marker-size);
    height: var(--cr-form-required-marker-size);
    min-block-size: var(--cr-form-required-marker-size);
    min-height: var(--cr-form-required-marker-size);
    max-block-size: var(--cr-form-required-marker-size);
    max-height: var(--cr-form-required-marker-size);
    aspect-ratio: 1 / 1;
    align-self: center;
    vertical-align: middle;
    margin: 0;
    margin-inline-start: var(--cr-form-required-marker-gap);
    padding: 0;
    border-radius: 999px;
    background: var(--color-mad);
    clip-path: circle(50% at 50% 50%);
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    transform: none;
}

.form-checkbox-field-block-required::after {
    content: none;
}
}
@layer crkit.controls {
.form-control-field-block {
    --cr-form-required-marker-gap: var(--theme-form-required-marker-gap, 0.37em);
    --cr-form-required-marker-size: var(--theme-form-required-marker-size, 8px);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    box-sizing: border-box;
    align-self: stretch;
    position: relative;
}

.form-control-field-block:has(> .form-control-field-block-help-trigger) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.55rem;
}

.form-control-field-block:has(> .form-control-field-block-help-trigger) > .form-control-field-block-instructions {
    grid-column: 1 / -1;
}

.form-control-field-block:has(> .form-control-field-block-help-trigger) > .form-control-field-block-frame {
    grid-column: 1;
    grid-row: auto;
}

.form-control-field-block-help-trigger {
    appearance: none;
    display: inline-grid;
    place-items: center;
    grid-column: 2;
    inline-size: 1.75rem;
    block-size: 1.75rem;
    min-inline-size: 1.75rem;
    min-block-size: 1.75rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--theme-form-help-trigger-background, var(--color-accent-alt, #9053d5));
    color: var(--theme-form-help-trigger-color, var(--color-text, #293746));
    cursor: pointer;
    font-family: var(--font-family-body, inherit);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.form-control-field-block-help-trigger:hover,
.form-control-field-block-help-trigger:focus-visible {
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

.form-control-field-block.has-open-field-help > .form-control-field-block-help-trigger {
    background: var(
        --theme-form-help-trigger-background-active,
        color-mix(
            in srgb,
            var(--theme-form-help-trigger-background, var(--color-accent-alt, #9053d5)) 86%,
            black
        )
    );
}

.form-control-field-block-help-trigger:focus-visible {
    outline: 2px solid var(--theme-focus-ring-color, currentColor);
    outline-offset: 3px;
}

.form-control-field-block-help-popover {
    position: absolute;
    z-index: var(--theme-form-help-popover-z-index, 12);
    inset-block-start: calc(50% + 1.45rem);
    inset-inline-end: 0;
    box-sizing: border-box;
    inline-size: min(19rem, calc(100vw - 2rem));
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--theme-form-help-popover-border, var(--color-border-light, #d5d8dc));
    border-radius: var(--radius-small, 0.35rem);
    background: var(--theme-form-help-popover-background, var(--bg-color-light, #f6f7f8));
    box-shadow: var(--theme-form-help-popover-shadow, 0 0.35rem 1rem rgb(0 0 0 / 16%));
    color: var(--theme-form-help-popover-color, var(--color-text, #293746));
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.45;
    text-align: start;
}

.form-control-field-block-help-popover[hidden] {
    display: none;
}

.form-control-field-block-help-popover--inline-end {
    inset-block-start: 50%;
    inset-inline-start: calc(100% + 0.75rem);
    inset-inline-end: auto;
    transform: translateY(-50%);
}

.form-control-field-block.disabled {
    opacity: 0.75;
}

.form-control-field-block-instructions {
    font-size: 0.9rem;
    line-height: 1.45;
}

.form-control-field-block-frame {
    --cr-form-control-frame-border-color: var(--theme-form-control-frame-border, var(--color-border-light));
    --cr-form-control-frame-border-width: var(--theme-form-control-frame-border-width, 3px);
    --cr-form-control-frame-padding-block: var(--theme-form-control-frame-padding-block, 0.55rem 0.4rem);
    --cr-form-control-frame-padding-inline: var(--theme-form-control-frame-padding-inline, 0.75rem);
    --cr-form-control-adornment-inline-offset: var(--theme-form-control-adornment-inline-offset, 0);
    --cr-form-control-adornment-inline-size: var(--theme-form-control-adornment-inline-size, 1.5rem);
    --cr-form-control-frame-min-block-size: var(--theme-form-control-frame-min-block-size, 3rem);
    --cr-form-control-floating-label-scale: var(--theme-form-control-floating-label-scale, 0.72);
    --cr-form-control-floating-label-top: var(--theme-form-control-floating-label-top, 0.48rem);
    --cr-form-control-watermark-adornment-block-offset: var(
        --theme-form-control-watermark-adornment-block-offset,
        -0.075rem
    );
    --cr-form-control-floating-label-transition: var(
        --theme-form-control-floating-label-transition,
        0.3s cubic-bezier(0.65, 0, 0.35, 1)
    );
    border: var(--cr-form-control-frame-border-width) solid var(--cr-form-control-frame-border-color);
    border-radius: var(--radius-med);
    box-sizing: border-box;
    margin: 0;
    padding-block: var(--cr-form-control-frame-padding-block);
    padding-inline: var(--cr-form-control-frame-padding-inline);
    min-block-size: var(--cr-form-control-frame-min-block-size);
    min-width: 0;
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: border-color 220ms ease-in-out;
}

.form-control-field-block:not(.disabled):not(.validation-failed) > .form-control-field-block-frame:hover:not(:focus-within) {
    --cr-form-control-frame-border-color: var(
        --theme-form-control-frame-border-hover,
        color-mix(in srgb, var(--theme-form-control-frame-border, var(--color-border-light)) 85%, black 15%)
    );
}

.form-control-field-block > .form-control-field-block-frame:focus-within,
.form-control-field-block[data-form-field-active="true"] > .form-control-field-block-frame {
    --cr-form-control-frame-border-color: var(--theme-form-control-frame-border-focus, var(--color-accent-stronger));
}

.form-control-field-block-title {
    position: absolute;
    z-index: 2;
    inset-block-start: 50%;
    inset-inline-start: var(--cr-form-control-frame-padding-inline);
    inset-inline-end: var(--cr-form-control-frame-padding-inline);
    box-sizing: border-box;
    max-width: calc(100% - (var(--cr-form-control-frame-padding-inline) * 2));
    padding: 0;
    background: transparent;
    color: var(--theme-form-control-label-color, var(--color-text-placeholder, var(--color-text-light)));
    cursor: text;
    font-size: var(--theme-form-control-label-font-size, 1em);
    text-transform: none;
    font-weight: 400;
    line-height: 1.2;
    overflow: hidden;
    pointer-events: none;
    text-align: start;
    text-overflow: ellipsis;
    transform: translateY(-50%);
    transform-origin: top left;
    transition:
        color var(--cr-form-control-floating-label-transition),
        inset-block-start var(--cr-form-control-floating-label-transition),
        transform var(--cr-form-control-floating-label-transition);
    white-space: nowrap;
}

.form-control-field-block-title [data-form-field-label="true"] {
    display: inline-flex;
    align-items: center;
    gap: var(--cr-form-required-marker-gap);
    line-height: inherit;
    vertical-align: middle;
}

.form-control-field-block-required {
    display: inline-block;
    flex: 0 0 var(--cr-form-required-marker-size);
    inline-size: var(--cr-form-required-marker-size);
    width: var(--cr-form-required-marker-size);
    min-inline-size: var(--cr-form-required-marker-size);
    min-width: var(--cr-form-required-marker-size);
    max-inline-size: var(--cr-form-required-marker-size);
    max-width: var(--cr-form-required-marker-size);
    block-size: var(--cr-form-required-marker-size);
    height: var(--cr-form-required-marker-size);
    min-block-size: var(--cr-form-required-marker-size);
    min-height: var(--cr-form-required-marker-size);
    max-block-size: var(--cr-form-required-marker-size);
    max-height: var(--cr-form-required-marker-size);
    aspect-ratio: 1 / 1;
    align-self: center;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border-radius: 999px;
    background: var(--color-mad);
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    transform: none;
    transform-origin: center;
}

.form-control-field-block-required::after {
    content: none;
}

.form-control-field-block > .form-control-field-block-frame:focus-within .form-control-field-block-required,
.form-control-field-block[data-form-field-has-value="true"] > .form-control-field-block-frame .form-control-field-block-required {
    transform: scale(calc(1 / var(--cr-form-control-floating-label-scale)));
}

.form-control-field-block-row {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    flex: 1 1 auto;
    min-block-size: var(--theme-form-control-row-min-block-size, 1.88em);
    padding-block-start: var(--theme-form-control-floating-label-reserved-space, 0.88em);
}

.form-control-field-block-input {
    flex: 1 1 auto;
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    opacity: 0;
    padding-block: 0.2em 0.15em;
    padding-inline: 0;
    min-width: 0;
    font-family: inherit;
    font-size: 1em;
    transition:
        opacity var(--cr-form-control-floating-label-transition),
        color 180ms ease-in-out;
}

.form-control-field-block > .form-control-field-block-frame:focus-within .form-control-field-block-title,
.form-control-field-block[data-form-field-has-value="true"] > .form-control-field-block-frame .form-control-field-block-title {
    color: var(--theme-form-control-label-floating-color, var(--color-text-light));
    inset-block-start: var(--cr-form-control-floating-label-top);
    transform: scale3d(
        var(--cr-form-control-floating-label-scale),
        var(--cr-form-control-floating-label-scale),
        1
    );
}

.form-control-field-block > .form-control-field-block-frame:focus-within .form-control-field-block-input,
.form-control-field-block[data-form-field-has-value="true"] > .form-control-field-block-frame .form-control-field-block-input {
    opacity: 1;
}

.form-control-field-block-title--hidden {
    inset: 0 auto auto 0;
    inline-size: 1px;
    max-width: 1px;
    block-size: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    transform: none;
}

.form-control-field-block-frame--label-hidden > .form-control-field-block-row {
    align-items: center;
    padding-block-start: 0;
}

.form-control-field-block-frame--label-hidden .form-control-field-block-input {
    opacity: 1;
}

.form-control-field-block-input:disabled {
    cursor: not-allowed;
}

.form-control-field-block.validation-failed > .form-control-field-block-frame {
    --cr-form-control-frame-border-color: var(--color-less-mad);
}
}
@layer crkit.controls {
.form-upload-field-block-row {
    display: block;
    position: relative;
    min-width: 0;
}

.form-upload-field-block-input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.form-upload-field-block-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    min-block-size: 10.5em;
    inline-size: 100%;
    box-sizing: border-box;
    padding: 0;
    border-radius: calc(var(--radius-med) - 0.25rem);
    background: var(--color-bg-soft, var(--bg-color));
    color: var(--color-text);
    text-align: center;
    overflow: hidden;
}

.form-upload-field-block-progress {
    --cr-progress-height: 0.45rem;
    --cr-progress-fill-color: var(--color-accent);
    flex: 0 0 auto;
    inline-size: 100%;
    margin: 0;
    block-size: var(--cr-progress-height);
    overflow: hidden;
    background: color-mix(in srgb, var(--cr-progress-fill-color) 20%, transparent);
}

.form-upload-field-block-progress::before {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 100%;
    background: var(--cr-progress-fill-color);
    transition: inline-size 0.2s ease;
}

.form-upload-field-block-progress.is-complete::before {
    inline-size: 100%;
}

.form-upload-field-block-prompt {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 1rem;
    font-size: 0.95rem;
    line-height: 1.45;
    color: var(--color-text);
}

.form-upload-field-block-attachment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    inline-size: calc(100% - 2rem);
    box-sizing: border-box;
    padding: 0.7rem 0.8rem;
    border-radius: var(--radius-small, 0.5rem);
    background: var(--color-accent);
    color: var(--color-text-inv);
    text-align: start;
}

.form-upload-field-block-attachment[hidden] {
    display: none;
}

.form-upload-field-block-attachment-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.form-upload-field-block-clear {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    line-height: 1;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 0.22em;
}

.form-upload-field-block-button {
    cursor: pointer;
    appearance: none;
    font-family: var(--font-family-button, var(--font-family-body, inherit));
    font-size: var(--font-size-button, 1rem);
    font-style: var(--font-style-button, normal);
    font-weight: var(--font-weight-button);
    line-height: var(--line-height-button, 1);
    max-inline-size: calc(100% - 2rem);
    min-inline-size: var(--theme-button-min-inline-size, 5.6em);
    min-block-size: var(--theme-button-min-block-size, 2.72em);
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-button-primary-text);
    background-color: var(--color-button-primary);
    padding: var(--padding-button);
    border-radius: var(--radius-button);
    border: var(--border-button-primary);
    margin-block-end: 1rem;
}

.form-upload-field-block-button:hover:not(:disabled) {
    background-color: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
    border-color: var(--color-button-primary-border-hover, var(--color-button-primary-hover, currentColor));
}

.form-upload-field-block-button:disabled,
.form-upload-field-block.disabled .form-upload-field-block-button,
.form-upload-field-block.disabled .form-upload-field-block-clear {
    cursor: not-allowed;
    opacity: 0.72;
}

.form-upload-field-block-status {
    margin-block-start: 0.45rem;
    font-size: 0.88rem;
    line-height: 1.35;
    color: var(--color-mad);
}

.form-upload-field-block-status[hidden] {
    display: none;
}

.form-upload-field-block.has-file .form-upload-field-block-prompt {
    display: none;
}

.form-upload-field-block.validation-failed .form-upload-field-block-dropzone {
    background: color-mix(in srgb, var(--color-less-mad) 8%, var(--color-bg-soft, var(--bg-color)));
}
}
@layer crkit.controls {
.form-function-captcha-honeypot {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.form-function-captcha-honeypot__input {
    position: absolute;
    inset-inline-start: -9999em;
}
}
@layer crkit.controls {
.form-password-field-block {
    width: 100%;
}

.form-password-field-block-row {
    position: relative;
    min-inline-size: 0;
}

.form-password-field-block-input {
    min-block-size: 1.6em;
    padding-inline-end: calc(var(--theme-form-control-action-size, 2.75em) + 0.25em);
}

.form-password-field-block.is-masked-value .form-password-field-block-input {
    min-block-size: 1.3em;
    font-size: 1.25em;
    letter-spacing: 0.12em;
    line-height: 1;
}

.form-password-field-block-peek {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 0;
    inline-size: var(--theme-form-control-action-size, 2.75em);
    block-size: var(--theme-form-control-action-size, 2.75em);
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--radius-small, 6px);
    background: transparent;
    color: color-mix(in srgb, var(--theme-ink, #2c3338) 72%, transparent);
    cursor: pointer;
    transform: translateY(-50%);
}

.form-password-field-block-peek-icon,
.form-password-field-block-peek-icon svg {
    display: block;
    inline-size: 1rem;
    block-size: 1rem;
}

.form-password-field-block-peek:hover,
.form-password-field-block.is-revealed .form-password-field-block-peek {
    color: var(--theme-ink, #2c3338);
}

.form-password-field-block-peek:focus-visible {
    outline: 2px solid var(--color-accent-stronger, var(--theme-accent, #00b5ee));
    outline-offset: 2px;
}

.form-password-field-block-peek:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}
}
@layer crkit.controls {
.form-section-block {
    --cr-form-section-padding-block: var(--theme-form-section-padding-block, 1rem);
    --cr-form-section-padding-inline: var(--theme-form-section-padding-inline, 1rem);
    --cr-form-section-gap: var(--theme-form-section-gap, 1rem);
    --cr-form-section-fields-gap: var(--theme-form-section-fields-gap, 1rem);
    --cr-form-section-stacked-padding-block-start: var(--theme-form-section-stacked-padding-block-start, clamp(0.9rem, 2.4vw, 1.2rem));
    container-name: cr-form-section;
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    gap: var(--cr-form-section-gap);
    padding: 0;
    align-items: stretch;
    justify-content: flex-start;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.form-block > .form-section-block + .form-section-block {
    padding-block-start: var(--cr-form-section-stacked-padding-block-start);
}

.form-section-block.form-section-padded {
    padding-block: var(--cr-form-section-padding-block);
    padding-inline: calc(var(--cr-form-section-padding-inline) / 2);
}

.form-section-block.form-section-fill-vertical-space {
    flex: 1 0 auto;
    min-height: 0;
}

.form-section-block.form-section-fill-vertical-space .form-section-block__fields {
    flex: 1 1 auto;
    min-height: 0;
    align-content: start;
    align-items: start;
}

.form-section-block.hidden {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.form-section-block-title {
    font-size: clamp(1.1rem, 1.35rem, 1.6rem);
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
}

.form-section-block__description {
    font-size: 0.95rem;
    line-height: 1.55;
    margin: 0;
}

.form-section-block__fields {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--cr-form-section-fields-gap);
    width: 100%;
    align-content: start;
    align-items: stretch;
    grid-auto-rows: max-content;
}

@media (min-width: 783px) {
    .form-section-block.form-section-columns-1 > .form-section-block__fields { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .form-section-block.form-section-columns-2 > .form-section-block__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .form-section-block.form-section-columns-3 > .form-section-block__fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .form-section-block.form-section-columns-4 > .form-section-block__fields { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .form-section-block.form-section-columns-5 > .form-section-block__fields { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .form-section-block.form-section-columns-6 > .form-section-block__fields { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

@supports (container-type: inline-size) {
    @media (min-width: 783px) {
        .form-section-block.form-section-columns-2 > .form-section-block__fields,
        .form-section-block.form-section-columns-3 > .form-section-block__fields,
        .form-section-block.form-section-columns-4 > .form-section-block__fields,
        .form-section-block.form-section-columns-5 > .form-section-block__fields,
        .form-section-block.form-section-columns-6 > .form-section-block__fields {
            grid-template-columns: 1fr;
        }
    }

    @container cr-form-section (min-width: 30rem) {
        .form-section-block.form-section-columns-2 > .form-section-block__fields {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @container cr-form-section (min-width: 45rem) {
        .form-section-block.form-section-columns-3 > .form-section-block__fields {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @container cr-form-section (min-width: 60rem) {
        .form-section-block.form-section-columns-4 > .form-section-block__fields {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    @container cr-form-section (min-width: 75rem) {
        .form-section-block.form-section-columns-5 > .form-section-block__fields {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    @container cr-form-section (min-width: 90rem) {
        .form-section-block.form-section-columns-6 > .form-section-block__fields {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }
}

.form-section-block[data-form-section-layout="stacked"] > .form-section-block__fields {
    grid-template-columns: 1fr;
}
}
@layer crkit.controls {
.form-select-field-block {
    --cr-form-select-chevron-empty-label-offset: var(--theme-form-select-chevron-empty-label-offset, 0.13em);
    width: 100%;
}

.form-select-field-block-select-wrap {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.form-select-field-block-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 2em;
    padding-inline-end: calc(var(--cr-form-control-adornment-inline-size) + 0.75rem);
    cursor: pointer;
    color: inherit;
}

.form-select-field-block-select.is-placeholder {
    color: var(--color-text-placeholder, #bfc4cb);
}

.form-select-field-block-select option {
    color: var(--color-text, #2c3338);
}

.form-select-field-block-select option[value=''] {
    color: var(--color-text-placeholder, #bfc4cb);
}

.form-select-field-block-select::-ms-expand {
    display: none;
}

.form-select-field-block-chevron {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: var(--cr-form-control-adornment-inline-offset);
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cr-form-control-adornment-inline-size);
    height: 1rem;
    pointer-events: none;
    color: var(--color-accent-stronger, currentColor);
    opacity: 1;
}

.form-select-field-block-chevron svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.form-select-field-block:not(:focus-within):not([data-form-field-has-value="true"]) .form-select-field-block-chevron {
    transform: translateY(calc(-50% - (var(--theme-form-control-floating-label-reserved-space, 0.88em) / 2) - var(--cr-form-select-chevron-empty-label-offset)));
}
}
@layer crkit.controls {
.form-text-field-block {
    width: 100%;
}

.form-text-field-block-input {
    height: 1.6em;
}

.form-text-field-block-suffix {
    position: absolute;
    z-index: 1;
    inset-block-start: calc(50% + var(--cr-form-control-watermark-adornment-block-offset));
    inset-inline-end: var(--cr-form-control-adornment-inline-offset);
    transform: translateY(-50%);
    inline-size: var(--cr-form-control-adornment-inline-size);
    color: var(--theme-form-control-label-color, var(--color-text-placeholder, var(--color-text-light)));
    font: inherit;
    text-align: center;
    pointer-events: none;
    transition:
        color var(--cr-form-control-floating-label-transition),
        inset-block-start var(--cr-form-control-floating-label-transition);
}

.form-text-field-block > .form-control-field-block-frame:focus-within .form-text-field-block-suffix,
.form-text-field-block[data-form-field-has-value="true"] > .form-control-field-block-frame .form-text-field-block-suffix {
    inset-block-start: calc(
        50% + (var(--theme-form-control-floating-label-reserved-space, 0.88em) / 2)
    );
    color: inherit;
}

.form-text-field-block-frame--label-hidden .form-text-field-block-suffix {
    inset-block-start: 50%;
    color: inherit;
}

.form-text-field-block-row:has(> .form-text-field-block-suffix) .form-text-field-block-input {
    padding-inline-end: calc(var(--cr-form-control-adornment-inline-size) + 0.5rem);
}
}
@layer crkit.controls {
.form-textarea-field-block {
    width: 100%;
}

.form-textarea-field-block .form-control-field-block-frame {
    justify-content: flex-start;
}

.form-textarea-field-block .form-control-field-block-title {
    color: var(--theme-form-control-label-floating-color, var(--color-text-light));
    inset-block-start: var(--cr-form-control-floating-label-top);
    transform: scale3d(
        var(--cr-form-control-floating-label-scale),
        var(--cr-form-control-floating-label-scale),
        1
    );
}

.form-textarea-field-block .form-control-field-block-row {
    align-items: stretch;
    padding-block-start: var(--theme-form-textarea-floating-label-reserved-space, 1.15em);
}

.form-textarea-field-block .form-control-field-block-input {
    opacity: 1;
}

.form-textarea-field-block-textarea {
    min-height: var(--theme-form-textarea-min-block-size, 6rem);
    line-height: 1.45;
    resize: none;
}

.form-textarea-field-block-counter {
    margin-top: 0.35rem;
    text-align: right;
    font-size: 0.72rem;
    line-height: 1.3;
    color: var(--color-text-light);
}

.form-textarea-field-block[data-grow-with-content="true"] .form-textarea-field-block-textarea {
    field-sizing: content;
    overflow-y: auto;
}

.form-textarea-field-block[data-grow-with-content="false"] .form-textarea-field-block-textarea {
    height: var(--theme-form-textarea-min-block-size, 6rem);
    overflow-y: auto;
}
}
@layer crkit.controls {
[data-type="form-token-pattern-field"] {
    min-inline-size: 0;
    inline-size: 100%;
}

[data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"] > [data-type="form-token-pattern-field"]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

[data-type="settings-item"] [data-part="settings-item-control"]:has(> [data-type="form-token-pattern-field"]) {
    grid-column: 1 / -1;
    justify-items: stretch;
    justify-self: stretch;
    inline-size: 100%;
    min-inline-size: 0;
    margin-inline-start: 0;
}

[data-type="form-token-pattern-field"] [data-part="token-pattern-row"] {
    display: block;
    min-inline-size: 0;
    line-height: 1.35;
}

[data-type="form-token-pattern-field"] [data-part="token-pattern-editor"] {
    display: inline;
    min-inline-size: 0;
    overflow-wrap: anywhere;
    color: var(--ink, #17171b);
    font: inherit;
    line-height: inherit;
    cursor: text;
    outline: 0;
    white-space: pre-wrap;
}

[data-type="form-token-pattern-field"] [data-part="token-pattern-token"] {
    display: inline-flex;
    align-items: center;
    max-inline-size: 100%;
    min-block-size: 1.15rem;
    margin-inline: .04rem;
    padding: .12rem .3rem;
    border: 1px solid color-mix(in srgb, var(--theme-focus-ring-color, #3584e4) 32%, var(--theme-line, #d7d7dc));
    border-radius: 999px;
    background: color-mix(in srgb, var(--theme-focus-ring-color, #3584e4) 12%, var(--theme-surface-solid, #fff));
    color: var(--ink, #17171b);
    font-size: .74em;
    font-weight: 650;
    line-height: 1;
    cursor: pointer;
    vertical-align: .04em;
    white-space: nowrap;
}

[data-type="form-token-pattern-field"] [data-part="token-pattern-token"].is-selected {
    background: var(--theme-interactive-selected-background, color-mix(in srgb, var(--theme-accent, #3584e4) 16%, transparent));
    color: var(--theme-interactive-selected-foreground, var(--ink, #17171b));
    outline: 2px solid var(--theme-focus-ring-color, #3584e4);
    outline-offset: 1px;
}

[data-type="form-token-pattern-field"] [data-part="token-pattern-menu"] {
    --cr-menu-toolbar-button-min-inline-size: 1.3rem;
    --cr-menu-icon-only-padding-inline: .18rem;
    display: inline-grid;
    inline-size: 1.3rem;
    block-size: 1.3rem;
    margin-inline-start: .12rem;
    vertical-align: middle;
}

[data-type="form-token-pattern-field"] [data-part="token-pattern-menu"] > [data-part="menu-shell"],
[data-type="form-token-pattern-field"] [data-part="token-pattern-menu"] [data-part="menu-root-panel"],
[data-type="form-token-pattern-field"] [data-part="token-pattern-menu"] [data-part="menu-root"] {
    inline-size: auto;
    block-size: auto;
}

[data-type="form-token-pattern-field"] [data-part="token-pattern-menu"] > [data-part="menu-shell"] > [data-part="menu-root-panel"] > [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"] {
    anchor-name: --cr-format-field-menu-anchor;
    min-inline-size: 1.3rem;
    min-block-size: 1.3rem;
    padding: .14rem;
    border-radius: .35rem;
}

[data-type="form-token-pattern-field"] [data-part="token-pattern-menu"] [data-part="menu-popup"][popover] {
    position-anchor: --cr-format-field-menu-anchor;
    position: fixed;
    inset: auto;
    position-area: block-end span-inline-end;
    position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    overflow: visible;
}

@media (max-width: 32rem) {
    [data-type="form-token-pattern-field"] [data-part="token-pattern-menu"] [data-part="menu-popup"][popover] {
        position-anchor: none;
        position-area: none;
        position-try-fallbacks: none;
        inset: auto .5rem .5rem;
        inline-size: auto;
        max-block-size: calc(100dvh - 1rem);
        overflow: auto;
    }
}

[data-type="form-token-pattern-field"] [data-part="token-pattern-error"] {
    color: var(--theme-destructive-foreground, #c01c28);
    font-size: .75rem;
}

[data-type="form-token-pattern-field"] [data-part="token-pattern-preview"] {
    overflow-wrap: anywhere;
    color: var(--muted, #74747c);
    font-size: .72rem;
}
}
@layer crkit.controls {
[data-type="grid"] {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
}

[data-type="grid"] [data-part="grid-root"],
[data-type="grid"] [data-part="grid-scroller"] {
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
}

[data-type="grid"] [data-part="grid-root"] { position: relative; }

[data-type="grid"] [data-part="grid-scroller"] {
    overflow: auto;
    border-radius: 0.5em;
    background: var(--theme-surface-solid, #fff);
}

[data-type="grid"] table {
    inline-size: 100%;
    border-collapse: collapse;
    color: var(--theme-ink, #1d2327);
}

[data-type="grid"] caption {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

[data-type="grid"] th,
[data-type="grid"] td {
    padding: 0.65em 0.75em;
    border-block-end: 1px solid var(--theme-line, #dcdcde);
    text-align: start;
    vertical-align: top;
}

[data-type="grid"] th {
    position: sticky;
    inset-block-start: 0;
    z-index: 1;
    background: var(--theme-surface, #f6f7f7);
    font-weight: 600;
}

[data-type="grid"] [data-part="grid-sort-button"] {
    inline-size: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
}

[data-type="grid"] [data-part="grid-sort-button"][aria-sort="ascending"]::after {
    content: " \2191";
}

[data-type="grid"] [data-part="grid-sort-button"][aria-sort="descending"]::after {
    content: " \2193";
}

[data-type="grid"] [data-part="grid-row"]:hover,
[data-type="grid"] [data-part="grid-row"]:focus-visible {
    background: var(--theme-interactive-hover-background);
}

[data-type="grid"] [data-part="grid-row"][aria-selected="true"] {
    background: var(--theme-interactive-selected-background, color-mix(in srgb, var(--theme-accent, #2271b1) 16%, transparent));
    color: var(--theme-interactive-selected-foreground, inherit);
}

[data-type="grid"] [data-part="grid-row"][data-collection-disabled="true"] {
    opacity: var(--cr-grid-disabled-opacity, 0.62);
    cursor: default;
}

[data-type="grid"] [data-part="grid-row"][data-collection-disabled="true"]:is(:hover, :focus-visible) {
    background: transparent;
}

[data-type="grid"].grid-mode-cards [data-part="grid-row"][data-collection-disabled="true"]:is(:hover, :focus-visible) {
    background: var(--cr-grid-card-background, var(--theme-surface-solid, #fff));
}

[data-type="grid"].grid-mode-icons [data-part="grid-row"][data-collection-disabled="true"] [data-part="grid-item-icon"] {
    cursor: default;
}

[data-type="grid"].grid-mode-icons [data-part="grid-row"][data-collection-disabled="true"] [data-part="grid-item-icon"]:hover::before {
    border-color: transparent;
    background: transparent;
}

[data-type="grid"] [data-part="grid-row"][data-drop-placement="before"] > [data-part="grid-cell"] {
    box-shadow: inset 0 2px var(--theme-accent, #2271b1);
}

[data-type="grid"] [data-part="grid-row"][data-drop-placement="after"] > [data-part="grid-cell"] {
    box-shadow: inset 0 -2px var(--theme-accent, #2271b1);
}

[data-type="grid"].grid-columns-reorderable [data-part="grid-header-cell"] {
    cursor: grab;
    touch-action: none;
}

[data-type="grid"] [data-part="grid-header-cell"][data-drop-placement="before"] {
    box-shadow: inset 2px 0 var(--theme-accent, #2271b1);
}

[data-type="grid"] [data-part="grid-header-cell"][data-drop-placement="after"] {
    box-shadow: inset -2px 0 var(--theme-accent, #2271b1);
}

.cr-drag-ghost.cr-grid-drag-preview {
    padding: 0.45em 0.7em;
    border: 1px solid var(--theme-line, #dcdcde);
    border-radius: 0.35em;
    background: var(--theme-surface-solid, #fff);
    color: var(--theme-ink, #1d2327);
    box-shadow: 0 0.45em 1.2em rgb(0 0 0 / 16%);
    font-size: 0.8em;
    font-weight: 600;
}

.cr-drag-ghost.cr-grid-icon-drag-preview {
    --_cr-grid-drag-preview-size: var(--cr-grid-item-icon-size-medium, 4rem);
    display: grid;
    place-items: center;
    inline-size: var(--_cr-grid-drag-preview-size);
    block-size: var(--_cr-grid-drag-preview-size);
    min-block-size: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.cr-drag-ghost.cr-grid-icon-drag-preview--small { --_cr-grid-drag-preview-size: var(--cr-grid-item-icon-size-small, 3.25rem); }
.cr-drag-ghost.cr-grid-icon-drag-preview--large { --_cr-grid-drag-preview-size: var(--cr-grid-item-icon-size-large, 4.75rem); }

.cr-drag-ghost.cr-grid-icon-drag-preview > [data-part="grid-item-icon"] {
    position: relative;
    display: grid;
    place-items: center;
    inline-size: 100%;
    block-size: 100%;
}

.cr-drag-ghost.cr-grid-icon-drag-preview > [data-part="grid-item-icon"] :is(img, svg) {
    max-inline-size: 100%;
    max-block-size: 100%;
}

[data-type="grid"] .is-aligned-center { text-align: center; }
[data-type="grid"] .is-aligned-end { text-align: end; }
[data-type="grid"] .grid-selection-cell { inline-size: 2.75em; text-align: center; }

[data-type="grid"] [data-part="grid-empty-row"] td {
    padding: 2em 1em;
    color: var(--theme-muted, #646970);
    text-align: center;
}

[data-type="grid"] [aria-busy="true"] [data-part="grid-empty-row"] {
    visibility: hidden;
}

[data-type="grid"] [aria-busy="true"]:not(.grid-is-skeleton) {
    opacity: 0.72;
}

[data-type="grid"] [data-part="grid-skeleton-item"] {
    opacity: 0;
    pointer-events: none;
    animation: cr-grid-skeleton-reveal 1ms linear 1500ms forwards;
}

[data-type="grid"] [data-part="grid-skeleton-cell"] {
    vertical-align: middle;
}

[data-type="grid"] [data-part="grid-skeleton-line"],
[data-type="grid"] [data-part="grid-skeleton-visual"] {
    display: block;
    border-radius: 999em;
    background: color-mix(in srgb, var(--theme-line, #dcdcde) 68%, var(--theme-surface-solid, #fff));
    animation: cr-grid-skeleton-pulse 0.9s ease-in-out infinite alternate;
}

[data-type="grid"] [data-part="grid-skeleton-line"] {
    inline-size: 84%;
    block-size: 0.8em;
}

[data-type="grid"] .grid-skeleton-line--medium { inline-size: 66%; }
[data-type="grid"] .grid-skeleton-line--short { inline-size: 42%; }
[data-type="grid"] .grid-skeleton-line--check { inline-size: 1em; block-size: 1em; margin-inline: auto; }
[data-type="grid"] [data-part="grid-skeleton-item"]:nth-child(3n+2) :is([data-part="grid-skeleton-line"], [data-part="grid-skeleton-visual"]) { animation-delay: -0.3s; }
[data-type="grid"] [data-part="grid-skeleton-item"]:nth-child(3n) :is([data-part="grid-skeleton-line"], [data-part="grid-skeleton-visual"]) { animation-delay: -0.6s; }

[data-type="grid"].grid-mode-cards [data-part="grid-table"],
[data-type="grid"].grid-mode-icons [data-part="grid-table"],
[data-type="grid"].grid-mode-cards [data-part="grid-items"],
[data-type="grid"].grid-mode-icons [data-part="grid-items"] {
    display: block;
}

[data-type="grid"].grid-mode-cards thead,
[data-type="grid"].grid-mode-icons thead {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

[data-type="grid"].grid-mode-cards [data-part="grid-items"],
[data-type="grid"].grid-mode-icons [data-part="grid-items"] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
    gap: 1em;
    padding: 1em;
}

[data-type="grid"].grid-mode-icons [data-part="grid-items"] {
    grid-template-columns: repeat(auto-fill, var(--_cr-grid-icon-tile-size, 10em));
    column-gap: var(--cr-grid-icon-column-gap, 1em);
    row-gap: var(--cr-grid-icon-row-gap, 1em);
    padding: var(--cr-grid-icon-items-padding, 1em);
    justify-content: start;
    align-content: start;
}

[data-type="grid"].grid-icon-size-small {
    --cr-grid-item-icon-size: var(--cr-grid-item-icon-size-small, 2.75em);
    --_cr-grid-item-icon-size: var(--cr-grid-item-icon-size);
    --_cr-grid-icon-tile-size: var(--cr-grid-icon-tile-size-small, 8em);
    --_cr-grid-icon-row-size: var(--cr-grid-icon-row-size-small, 9em);
}
[data-type="grid"].grid-icon-size-medium {
    --cr-grid-item-icon-size: var(--cr-grid-item-icon-size-medium, 3.5em);
    --_cr-grid-item-icon-size: var(--cr-grid-item-icon-size);
    --_cr-grid-icon-tile-size: var(--cr-grid-icon-tile-size-medium, 10em);
    --_cr-grid-icon-row-size: var(--cr-grid-icon-row-size-medium, 9em);
}
[data-type="grid"].grid-icon-size-large {
    --cr-grid-item-icon-size: var(--cr-grid-item-icon-size-large, 4.5em);
    --_cr-grid-item-icon-size: var(--cr-grid-item-icon-size);
    --_cr-grid-icon-tile-size: var(--cr-grid-icon-tile-size-large, 12em);
    --_cr-grid-icon-row-size: var(--cr-grid-icon-row-size-large, 9em);
}

[data-type="grid"].grid-mode-cards [data-part="grid-row"] {
    display: grid;
    align-content: start;
    border: 1px solid var(--theme-line, #dcdcde);
    border-radius: 0.5em;
    background: var(--cr-grid-card-background, var(--theme-surface-solid, #fff));
}

[data-type="grid"].grid-mode-cards [data-part="grid-skeleton-item"] {
    display: grid;
    align-content: start;
    min-inline-size: 0;
    overflow: hidden;
    border: 1px solid var(--theme-line, #dcdcde);
    border-radius: 0.5em;
    background: var(--cr-grid-card-background, var(--theme-surface-solid, #fff));
}

[data-type="grid"].grid-mode-cards [data-part="grid-skeleton-cell"] {
    display: grid;
    gap: 0.65em;
    padding: 0.75em;
    border-block-end: 0;
}

[data-type="grid"].grid-mode-cards [data-part="grid-skeleton-visual"] {
    inline-size: 100%;
    aspect-ratio: 1;
    border-radius: 0.45em;
}

[data-type="grid"].grid-mode-cards [data-part="grid-skeleton-copy"] {
    display: grid;
    gap: 0.45em;
}

[data-type="grid"].grid-mode-cards [data-part="grid-cell"],
[data-type="grid"].grid-mode-icons [data-part="grid-cell"] {
    display: block;
    border-block-end: 0;
}

[data-type="grid"].grid-mode-icons [data-part="grid-row"] {
    position: relative;
    min-block-size: var(--_cr-grid-icon-row-size, 9em);
    block-size: var(--_cr-grid-icon-row-size, 9em);
    display: grid;
    justify-items: center;
    align-content: start;
    border: 0;
    background: transparent;
    text-align: center;
    cursor: default;
}

[data-type="grid"].grid-mode-icons [data-part="grid-skeleton-item"] {
    display: grid;
    min-block-size: var(--_cr-grid-icon-row-size, 9em);
    block-size: var(--_cr-grid-icon-row-size, 9em);
    justify-items: center;
    align-content: start;
}

[data-type="grid"].grid-mode-icons [data-part="grid-skeleton-cell"] {
    display: grid;
    justify-items: center;
    justify-self: var(--cr-grid-icon-content-alignment, center);
    align-content: start;
    gap: var(--cr-grid-icon-label-gap, 0.75em);
    inline-size: var(--cr-grid-icon-content-inline-size, 100%);
    padding: var(--cr-grid-icon-cell-padding, 1.25em);
    border-block-end: 0;
}

[data-type="grid"].grid-mode-icons [data-part="grid-skeleton-visual"] {
    inline-size: var(--_cr-grid-item-icon-size, 3.5em);
    block-size: var(--_cr-grid-item-icon-size, 3.5em);
    border-radius: 0.5em;
}

[data-type="grid"].grid-mode-icons [data-part="grid-skeleton-copy"] {
    display: grid;
    justify-items: center;
    gap: 0.4em;
    inline-size: min(100%, 8em);
}

[data-type="grid"].grid-mode-icons [data-part="grid-skeleton-line"] { margin-inline: auto; }

[data-type="grid"].grid-mode-icons [data-part="grid-row"]:hover,
[data-type="grid"].grid-mode-icons [data-part="grid-row"]:focus-visible {
    outline: 0;
}

[data-type="grid"].grid-mode-icons [data-part="grid-row"][aria-selected="true"] {
    color: var(--theme-interactive-selected-foreground, inherit);
}

[data-type="grid"].grid-mode-icons [data-part="grid-cell"] {
    display: none;
}

[data-type="grid"].grid-mode-icons [data-part="grid-cell"].grid-icon-cell {
    display: grid;
    justify-items: center;
    justify-self: var(--cr-grid-icon-content-alignment, center);
    align-content: start;
    inline-size: var(--cr-grid-icon-content-inline-size, 100%);
    grid-template-rows: var(--_cr-grid-item-icon-size, 3.5em) auto;
    gap: var(--cr-grid-icon-label-gap, 0.75em);
    padding: var(--cr-grid-icon-cell-padding, 1.25em);
}

[data-type="grid"].grid-mode-icons .grid-selection-cell {
    display: none;
}

[data-type="grid"].grid-mode-icons [data-part="grid-item-icon"] {
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    inline-size: var(--_cr-grid-item-icon-size, 3.5em);
    block-size: var(--_cr-grid-item-icon-size, 3.5em);
    color: var(--theme-accent, #2271b1);
    cursor: pointer;
}

[data-type="grid"].grid-mode-icons [data-part="grid-item-icon"]::before {
    position: absolute;
    z-index: -1;
    inset-block-start: var(--cr-grid-icon-frame-inset-block-start, -0.3em);
    inset-inline-end: var(--cr-grid-icon-frame-inset-inline-end, -0.3em);
    inset-block-end: var(--cr-grid-icon-frame-inset-block-end, -0.3em);
    inset-inline-start: var(--cr-grid-icon-frame-inset-inline-start, -0.3em);
    box-sizing: border-box;
    border: 2px solid transparent;
    border-radius: 0.5em;
    background: transparent;
    content: '';
}

[data-type="grid"].grid-mode-icons [data-part="grid-item-icon"]:hover::before,
[data-type="grid"].grid-mode-icons [data-part="grid-row"]:focus-visible [data-part="grid-item-icon"]::before {
    border-color: color-mix(in srgb, var(--theme-interactive-hover-foreground, currentColor) 22%, transparent);
    background: var(--theme-interactive-hover-background);
}

[data-type="grid"].grid-mode-icons [data-part="grid-row"][aria-selected="true"] [data-part="grid-item-icon"]::before {
    border-color: color-mix(in srgb, var(--theme-interactive-selected-foreground, currentColor) 42%, transparent);
    background: var(--theme-interactive-selected-background, color-mix(in srgb, var(--theme-accent, #2271b1) 16%, transparent));
}

[data-type="grid"].grid-mode-icons [data-part="grid-item-icon"] svg {
    inline-size: 100%;
    block-size: 100%;
}

[data-type="grid"].grid-mode-icons [data-part="grid-item-label"] {
    display: -webkit-box;
    inline-size: 100%;
    max-inline-size: 18ch;
    overflow: hidden;
    color: var(--theme-ink, #1d2327);
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

[data-type="grid"].grid-mode-icons [data-part="grid-lasso"] {
    position: absolute;
    z-index: 2;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    pointer-events: none;
}

[data-type="grid"].grid-mode-icons [data-part="grid-lasso-rect"] {
    fill: color-mix(in srgb, var(--theme-accent, #2271b1) 16%, transparent);
    stroke: color-mix(in srgb, var(--theme-accent, #2271b1) 68%, transparent);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

[data-type="grid"].grid-mode-icons.grid-is-lassoing { user-select: none; }

.screen-reader-text {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

@keyframes cr-grid-skeleton-pulse {
    from { opacity: 0.52; }
    to { opacity: 0.95; }
}

@keyframes cr-grid-skeleton-reveal {
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    [data-type="grid"] [data-part="grid-skeleton-item"] {
        opacity: 1;
        animation: none;
    }

    [data-type="grid"] :is([data-part="grid-skeleton-line"], [data-part="grid-skeleton-visual"]) {
        animation: none;
    }
}
}
@layer crkit.controls {
.sc-crkit [data-type="header"] {
    min-block-size: var(--theme-header-height, var(--sticky-header-height, auto));
    position: relative;
    z-index: calc(var(--elevation-page, 0) + 10);
}

.sc-crkit [data-type="header"].is-sticky-active {
    position: sticky;
    inset-block-start: 0;
}

.sc-crkit [data-type="header"] > h1 {
    margin: 0;
}
}
@layer crkit.controls {
:is(.sc-crkit, [data-crkit-theme]) [data-type="header-text"].is-text-aligned-left {
    text-align: left;
}

:is(.sc-crkit, [data-crkit-theme]) [data-type="header-text"].is-text-aligned-center {
    text-align: center;
}

:is(.sc-crkit, [data-crkit-theme]) [data-type="header-text"].is-text-aligned-right {
    text-align: right;
}
}
@layer crkit.controls {
.hero-banner-container {
    position: relative;
    z-index: 0;
    display: block;
    overflow: hidden;
    inline-size: 100%;
    max-inline-size: 100%;
    min-block-size: 33.333vh;
    isolation: isolate;
}

.hero-banner-container > .hero-banner-background {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

.hero-banner-container.hero-banner--fill-fold {
    min-block-size: calc(100svh - var(--sticky-header-height) - var(--wp-admin--admin-bar--height, 0px));
}

.hero-banner-container.hidden {
    display: none;
}

.hero-banner-container > .hero-banner-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    inline-size: 100%;
    block-size: 100%;
    min-block-size: inherit;
    box-sizing: border-box;
    padding-bottom: clamp(4em, 8vw, 10em);
}

.hero-banner-container > .hero-banner-content > .page-hero-container,
.hero-banner-container > .hero-banner-content > .page-hero-slide {
    flex: 1;
    min-block-size: 100%;
}

@media (min-width: 960px) {
    .hero-banner-container.hero-banner--fill-fold {
        min-block-size: calc(100svh - var(--wp-admin--admin-bar--height, 0px));
    }
}
}
@layer crkit.controls {
[data-type="identity-password-reset"] {
    display: block;
}

[data-type="identity-password-reset"] [data-part="identity-shell"] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.94);
}

[data-type="identity-password-reset"] [data-part="identity-heading"] {
    margin: 0;
    font-size: 1rem;
}

[data-type="identity-password-reset"] [data-part="identity-status"] {
    margin: 0;
    color: rgba(28, 34, 44, 0.78);
}

[data-type="identity-password-reset"] [data-part="identity-status"][data-tone="error"] {
    color: #8c1d18;
}

[data-type="identity-password-reset"] [data-part="identity-status"][data-tone="success"] {
    color: #1e6b39;
}

[data-type="identity-password-reset"] [data-part="identity-form"] {
    display: grid;
    gap: 0.875rem;
}

[data-type="identity-password-reset"] [data-part="identity-field"] {
    display: grid;
    gap: 0.375rem;
}

[data-type="identity-password-reset"] [data-part="identity-field-label"] {
    font-weight: 600;
}

[data-type="identity-password-reset"] [data-part="identity-input"] {
    inline-size: 100%;
    min-block-size: 2.625rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 0.375rem;
    background: #fff;
    color: inherit;
    box-sizing: border-box;
}

[data-type="identity-password-reset"] [data-part="identity-submit"] {
    min-block-size: 2.5rem;
    padding: 0.5rem 0.875rem;
    border: 1px solid #111827;
    border-radius: 0.375rem;
    background: #111827;
    color: #fff;
    cursor: pointer;
}
}
@layer crkit.controls {
[data-type="identity-register"] {
    display: block;
}

[data-type="identity-register"] [data-part="identity-shell"] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.94);
}

[data-type="identity-register"] [data-part="identity-heading"] {
    margin: 0;
    font-size: 1rem;
}

[data-type="identity-register"] [data-part="identity-status"] {
    margin: 0;
    color: rgba(28, 34, 44, 0.78);
}

[data-type="identity-register"] [data-part="identity-status"][data-tone="error"] {
    color: #8c1d18;
}

[data-type="identity-register"] [data-part="identity-status"][data-tone="success"] {
    color: #1e6b39;
}

[data-type="identity-register"] [data-part="identity-form"] {
    display: grid;
    gap: 0.875rem;
}

[data-type="identity-register"] [data-part="identity-field"] {
    display: grid;
    gap: 0.375rem;
}

[data-type="identity-register"] [data-part="identity-field-label"] {
    font-weight: 600;
}

[data-type="identity-register"] [data-part="identity-input"] {
    inline-size: 100%;
    min-block-size: 2.625rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 0.375rem;
    background: #fff;
    color: inherit;
    box-sizing: border-box;
}

[data-type="identity-register"] [data-part="identity-submit"] {
    min-block-size: 2.5rem;
    padding: 0.5rem 0.875rem;
    border: 1px solid #111827;
    border-radius: 0.375rem;
    background: #111827;
    color: #fff;
    cursor: pointer;
}

[data-type="identity-register"] [data-part="identity-summary"] {
    margin: 0;
    color: rgba(28, 34, 44, 0.72);
}
}
@layer crkit.controls {
[data-type="identity-signin"] {
    display: block;
}

[data-type="identity-signin"] [data-part="identity-shell"] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.94);
}

[data-type="identity-signin"] [data-part="identity-heading"] {
    margin: 0;
    font-size: 1rem;
}

[data-type="identity-signin"] [data-part="identity-status"] {
    margin: 0;
    color: rgba(28, 34, 44, 0.78);
}

[data-type="identity-signin"] [data-part="identity-status"][data-tone="error"] {
    color: #8c1d18;
}

[data-type="identity-signin"] [data-part="identity-status"][data-tone="success"] {
    color: #1e6b39;
}

[data-type="identity-signin"] [data-part="identity-form"],
[data-type="identity-signin"] [data-part="identity-summary"] {
    display: grid;
    gap: 0.875rem;
}

[data-type="identity-signin"] [data-part="identity-field"] {
    display: grid;
    gap: 0.375rem;
}

[data-type="identity-signin"] [data-part="identity-field-label"],
[data-type="identity-signin"] [data-part="identity-summary-title"] {
    font-weight: 600;
}

[data-type="identity-signin"] [data-part="identity-input"] {
    inline-size: 100%;
    min-block-size: 2.625rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 0.375rem;
    background: #fff;
    color: inherit;
    box-sizing: border-box;
}

[data-type="identity-signin"] [data-part="identity-controls"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

[data-type="identity-signin"] [data-part="identity-checkbox"] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

[data-type="identity-signin"] [data-part="identity-submit"],
[data-type="identity-signin"] [data-part="identity-action"],
[data-type="identity-signin"] [data-part="identity-provider"] {
    min-block-size: 2.5rem;
    padding: 0.5rem 0.875rem;
    border: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: 0.375rem;
    background: #fff;
    color: inherit;
    cursor: pointer;
}

[data-type="identity-signin"] [data-part="identity-submit"] {
    background: #111827;
    color: #fff;
    border-color: #111827;
}

[data-type="identity-signin"] [data-part="identity-providers"] {
    display: flex;
    gap: 0.625rem;
    flex-wrap: wrap;
}

[data-type="identity-signin"] [data-part="identity-summary-meta"] {
    margin: 0;
    color: rgba(28, 34, 44, 0.72);
}
}
@layer crkit.controls {
.cr-iframe {
    box-sizing: border-box;
    display: block;
    inline-size: 100%;
    max-inline-size: 100%;
    margin: 0;
}

.cr-iframe [data-part="iframe-frame"] {
    box-sizing: border-box;
    display: block;
    inline-size: 100%;
    aspect-ratio: 16 / 9;
    background: transparent;
    border: 0;
    border-radius: var(--cr-iframe-radius, 0.5rem);
    box-shadow: none;
    overflow: hidden;
}

.cr-iframe.height-ratio-4-3 [data-part="iframe-frame"] {
    aspect-ratio: 4 / 3;
}

.cr-iframe.height-square [data-part="iframe-frame"] {
    aspect-ratio: 1 / 1;
}

.cr-iframe.height-compact [data-part="iframe-frame"],
.cr-iframe.height-viewport [data-part="iframe-frame"],
.cr-iframe.height-panel [data-part="iframe-frame"] {
    aspect-ratio: auto;
}

.cr-iframe.height-compact [data-part="iframe-frame"] {
    block-size: min(28rem, 70vh);
}

.cr-iframe.height-viewport [data-part="iframe-frame"] {
    block-size: min(95vh, 70rem);
    min-block-size: min(32rem, 80vh);
}

.cr-iframe.height-panel [data-part="iframe-frame"] {
    block-size: min(82vh, 64rem);
    min-block-size: min(34rem, 78vh);
}

.cr-iframe [data-part="iframe-embed"],
.cr-iframe [data-part="iframe-editor-preview"] {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;
}

.cr-iframe [data-part="iframe-editor-preview"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: color-mix(in srgb, var(--theme-line, #d9d9d9) 30%, transparent);
    color: var(--theme-muted, #63717f);
    cursor: default;
    overflow: hidden;
    padding: 1rem;
    pointer-events: auto;
    text-align: center;
}

.cr-iframe [data-part="iframe-editor-preview"] span {
    max-inline-size: 100%;
    overflow-wrap: anywhere;
}

.cr-iframe .cr-iframe__editor-preview-label {
    color: var(--theme-foreground, #1c2a35);
    font-weight: 600;
}

.cr-iframe .cr-iframe__editor-preview-source {
    font-size: 0.875rem;
}

.cr-iframe.is-empty [data-part="iframe-frame"],
.cr-iframe.is-disabled [data-part="iframe-frame"] {
    background: color-mix(in srgb, var(--theme-line, #d9d9d9) 36%, transparent);
    border: 1px dashed var(--theme-line, #d9d9d9);
}

@media (max-width: 47.9375em) {
    .cr-iframe.height-viewport [data-part="iframe-frame"],
    .cr-iframe.height-panel [data-part="iframe-frame"] {
        block-size: calc(100dvh - 9rem);
        min-block-size: 26rem;
    }
}
}
@layer crkit.controls {
[data-type="index-wheel"] {
    --cr-index-wheel-row-size: calc(100% / 9);
    display: flex;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
}

[data-type="index-wheel"][data-wheel-visible-count="5"] { --cr-index-wheel-row-size: calc(100% / 5); }
[data-type="index-wheel"][data-wheel-visible-count="7"] { --cr-index-wheel-row-size: calc(100% / 7); }
[data-type="index-wheel"][data-wheel-visible-count="9"] { --cr-index-wheel-row-size: calc(100% / 9); }
[data-type="index-wheel"][data-wheel-visible-count="11"] { --cr-index-wheel-row-size: calc(100% / 11); }
[data-type="index-wheel"][data-wheel-visible-count="13"] { --cr-index-wheel-row-size: calc(100% / 13); }

[data-type="index-wheel"] > .index-wheel-block-frame {
    inline-size: 100%;
    min-block-size: 0;
    padding: 0;
    overflow: hidden;
    border: var(
        --cr-index-wheel-frame-border,
        var(--cr-form-control-frame-border-width) solid var(--cr-form-control-frame-border-color)
    );
    border-inline-start: var(
        --cr-index-wheel-frame-border-inline-start,
        var(--cr-form-control-frame-border-width) solid var(--cr-form-control-frame-border-color)
    );
    border-radius: var(--cr-index-wheel-frame-border-radius, var(--radius-med));
    box-shadow: var(--cr-index-wheel-frame-box-shadow, none);
    background: var(--theme-form-control-background, var(--theme-surface-solid, #fff));
}

[data-type="index-wheel"] > .index-wheel-block-frame > .index-wheel-block-title {
    inset-inline: var(--cr-form-control-frame-padding-inline);
}

[data-type="index-wheel"] > .index-wheel-block-frame > .index-wheel-block-row {
    align-items: stretch;
    min-block-size: 0;
    padding: 0;
}

[data-type="index-wheel"] .index-wheel-block-select {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

[data-type="index-wheel"] .index-wheel-block-viewport {
    position: relative;
    flex: 1 1 auto;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 7rem;
    overflow: hidden;
    outline: 0;
    touch-action: none;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

[data-type="index-wheel"] .index-wheel-block-viewport:active,
[data-type="index-wheel"][data-wheel-dragging="true"] .index-wheel-block-viewport {
    cursor: grabbing;
}

[data-type="index-wheel"] .index-wheel-block-viewport:focus-visible {
    outline: 2px solid var(--theme-focus-ring-color, currentColor);
    outline-offset: -2px;
}

[data-type="index-wheel"] .index-wheel-block-options {
    position: absolute;
    inset: 0;
}

[data-type="index-wheel"] [data-part="index-wheel-option"] {
    appearance: none;
    position: absolute;
    inset-inline: 0;
    inset-block-start: calc((100% - var(--cr-index-wheel-row-size)) / 2);
    display: grid;
    place-items: center;
    inline-size: 100%;
    block-size: var(--cr-index-wheel-row-size);
    margin: 0;
    padding: 0 .25rem;
    overflow: hidden;
    border: 0;
    border-radius: .35rem;
    background: transparent;
    color: var(--theme-ink, #17171b);
    font: inherit;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    opacity: .55;
    transform: translateY(0) scale(.8);
    transition: transform 180ms cubic-bezier(.2,.8,.2,1), opacity 180ms ease, color 180ms ease, background-color 120ms ease, font-size 180ms ease;
}

[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="-7"] { transform: translateY(-700%) scale(.7); opacity: .36; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="-6"] { transform: translateY(-600%) scale(.74); opacity: .44; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="-5"] { transform: translateY(-500%) scale(.78); opacity: .5; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="-4"] { transform: translateY(-400%) scale(.82); opacity: .58; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="-3"] { transform: translateY(-300%) scale(.86); opacity: .68; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="-2"] { transform: translateY(-200%) scale(.9); opacity: .78; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="-1"] { transform: translateY(-100%) scale(.95); opacity: .88; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="0"] { z-index: 2; transform: translateY(0) scale(1.08); opacity: 1; color: var(--theme-interactive-selected-foreground, var(--theme-ink, #17171b)); font-size:1.4rem; font-weight:700; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="1"] { transform: translateY(100%) scale(.95); opacity: .88; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="2"] { transform: translateY(200%) scale(.9); opacity: .78; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="3"] { transform: translateY(300%) scale(.86); opacity: .68; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="4"] { transform: translateY(400%) scale(.82); opacity: .58; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="5"] { transform: translateY(500%) scale(.78); opacity: .5; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="6"] { transform: translateY(600%) scale(.74); opacity: .44; }
[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="7"] { transform: translateY(700%) scale(.7); opacity: .36; }

[data-type="index-wheel"][data-wheel-visible-count="5"] [data-part="index-wheel-option"]:is([data-wheel-position="-3"], [data-wheel-position="3"]),
[data-type="index-wheel"][data-wheel-visible-count="7"] [data-part="index-wheel-option"]:is([data-wheel-position="-4"], [data-wheel-position="4"]),
[data-type="index-wheel"][data-wheel-visible-count="9"] [data-part="index-wheel-option"]:is([data-wheel-position="-5"], [data-wheel-position="5"]),
[data-type="index-wheel"][data-wheel-visible-count="11"] [data-part="index-wheel-option"]:is([data-wheel-position="-6"], [data-wheel-position="6"]),
[data-type="index-wheel"][data-wheel-visible-count="13"] [data-part="index-wheel-option"]:is([data-wheel-position="-7"], [data-wheel-position="7"]) {
    pointer-events: none;
    opacity: 0;
}

[data-type="index-wheel"] [data-part="index-wheel-option"][data-wheel-position="off"] {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
}

[data-type="index-wheel"] [data-part="index-wheel-option"]:hover:not(:disabled):not([aria-selected="true"]) {
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground, var(--theme-ink, #17171b));
}

[data-type="index-wheel"] [data-part="index-wheel-option"]:disabled {
    cursor: default;
    opacity: .22;
}

[data-type="index-wheel"] .index-wheel-block-focus-frame {
    position: absolute;
    z-index: 1;
    inset-inline: .2rem;
    inset-block-start: calc((100% - var(--cr-index-wheel-row-size)) / 2);
    block-size: var(--cr-index-wheel-row-size);
    border: 0;
    border-radius: .45rem;
    background: var(--theme-interactive-selected-background, color-mix(in srgb, var(--theme-accent, #2271b1) 16%, transparent));
    pointer-events: none;
}

[data-type="index-wheel"].validation-failed > .index-wheel-block-frame {
    --cr-form-control-frame-border-color: var(--theme-destructive-foreground, #c01c28);
}

[data-type="index-wheel"] .index-wheel-block-error {
    color: var(--theme-destructive-foreground, #c01c28);
    font-size: .75rem;
}

[data-type="index-wheel"].disabled .index-wheel-block-viewport {
    cursor: default;
}

@media (prefers-reduced-motion: reduce) {
    [data-type="index-wheel"] [data-part="index-wheel-option"] {
        transition: none;
    }
}
}
@layer crkit.controls {
.sc-crkit [data-type="link"].page-link {
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    text-underline-offset: 0.35rem;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        filter 0.2s ease,
        opacity 0.2s ease,
        transform 0.2s ease;
    max-width: 100%;
    width: inherit;
}

.sc-crkit [data-type="link"].page-link:hover {
    text-decoration: underline;
}

.sc-crkit .page-link.btn {
    appearance: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--cr-link-button-inline-size, auto);
    min-inline-size: 0;
    min-block-size: 0;
    line-height: var(--line-height-button, 1);
    color: var(--color-button-text);
    background-color: var(--color-button);
    padding: var(--padding-button);
    text-decoration: none;
    border-radius: var(--radius-button);
    border: var(--border-button);
    font-family: var(--font-family-button, var(--font-family-body, inherit));
    font-size: var(--font-size-button, 1rem);
    font-style: var(--font-style-button, normal);
    font-weight: var(--font-weight-button);
    max-width: 100%;
    position: relative;
    transition:
        color var(--theme-button-transition-duration, 0.2s) ease,
        background-color var(--theme-button-transition-duration, 0.2s) ease,
        border-color var(--theme-button-transition-duration, 0.2s) ease,
        filter var(--theme-button-transition-duration, 0.2s) ease,
        opacity var(--theme-button-transition-duration, 0.2s) ease,
        transform var(--theme-button-transition-duration, 0.2s) ease;
    z-index: 1;
}

.sc-crkit .page-link.btn.has-label:not(.btn-shape-circle) {
    min-inline-size: var(--cr-link-button-min-inline-size, var(--theme-button-min-inline-size, 5.6em));
    min-block-size: var(--theme-button-min-block-size, 2.72em);
}

.sc-crkit .page-link.btn:hover {
    background-color: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
    border-color: var(--color-button-border-hover, currentColor);
    text-decoration: none;
}

.sc-crkit .page-link.btn.btn-primary {
    background-color: var(--color-button-primary);
    color: var(--color-button-primary-text);
    border: var(--border-button-primary);
}

.sc-crkit .page-link.btn.btn-primary:hover {
    background-color: var(--color-button-primary-hover, var(--theme-interactive-hover-background));
    color: var(--color-button-primary-text-hover, var(--color-button-primary-text));
    border-color: var(--color-button-primary-border-hover, var(--color-button-primary-hover, currentColor));
}

.sc-crkit .page-link.btn.btn-secondary {
    background-color: var(--color-button-secondary, var(--color-button));
    color: var(--color-button-secondary-text);
    border: var(--border-button-secondary);
}

.sc-crkit .page-link.btn.btn-secondary:hover {
    background-color: var(--color-button-secondary-hover, var(--theme-interactive-hover-background));
    color: var(--color-button-secondary-text-hover, var(--color-button-secondary-text));
    border-color: var(--color-button-secondary-border-hover, currentColor);
}

.sc-crkit .page-link.btn.btn-custom {
    color: var(--link-custom-text, var(--color-button-text));
    background: var(--link-custom-background, var(--color-button));
    border: var(--link-custom-border, var(--border-button));
}

.sc-crkit .page-link.btn.btn-custom:hover {
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

.sc-crkit .page-link.btn.btn-shape-circle {
    background-color: var(--color-lighter);
    border-radius: 50%;
    border: none;
    padding: 0;
    inline-size: 2.5em;
    min-inline-size: 2.5em;
    block-size: 2.5em;
    min-block-size: 2.5em;
    aspect-ratio: 1;
    overflow: hidden;
}

.sc-crkit .page-link.btn.btn-shape-circle:hover {
    background-color: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

.sc-crkit .page-link.btn.btn-primary.btn-shape-circle {
    background-color: var(--color-button-primary);
    color: var(--color-button-primary-text);
}

.sc-crkit .page-link.btn.btn-primary.btn-shape-circle:hover {
    background-color: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

.sc-crkit .page-link.btn.btn-secondary.btn-shape-circle {
    background-color: var(--color-button-secondary, var(--color-button));
    border: var(--border-button-secondary);
    color: var(--color-button-secondary-text);
}

.sc-crkit .page-link.btn.btn-secondary.btn-shape-circle:hover {
    background-color: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
    border-color: var(--color-button-secondary-border-hover, currentColor);
}

@media (min-width: 60em) {
    .sc-crkit .page-link.btn.btn-shape-circle {
        inline-size: 2.8em;
        min-inline-size: 2.8em;
        block-size: 2.8em;
        min-block-size: 2.8em;
    }
}

.sc-crkit .page-link.btn.btn-shape-accent-right,
.sc-crkit .page-link.btn.btn-shape-accent-left {
    background: transparent !important;
    border: none !important;
    overflow: visible;
    padding: var(--padding-button);
}

.sc-crkit .page-link.btn.btn-shape-accent-right::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 20px;
    border-radius: var(--radius-button) 0 0 var(--radius-button);
    z-index: -1;
    transition: background-color var(--theme-button-transition-duration, 0.2s) ease;
}

.sc-crkit .page-link.btn.btn-shape-accent-right::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 35px;
    border-radius: 0 var(--radius-button) var(--radius-button) 0;
    transform: skewX(-10deg);
    transform-origin: bottom right;
    z-index: -1;
    transition: background-color var(--theme-button-transition-duration, 0.2s) ease;
}

.sc-crkit .page-link.btn.btn-shape-accent-left::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 20px;
    border-radius: 0 var(--radius-button) var(--radius-button) 0;
    z-index: -1;
    transition: background-color var(--theme-button-transition-duration, 0.2s) ease;
}

.sc-crkit .page-link.btn.btn-shape-accent-left::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 35px;
    border-radius: var(--radius-button) 0 0 var(--radius-button);
    transform: skewX(-10deg);
    transform-origin: bottom left;
    z-index: -1;
    transition: background-color var(--theme-button-transition-duration, 0.2s) ease;
}

.sc-crkit .page-link.btn.btn-shape-accent-right::before,
.sc-crkit .page-link.btn.btn-shape-accent-right::after,
.sc-crkit .page-link.btn.btn-shape-accent-left::before,
.sc-crkit .page-link.btn.btn-shape-accent-left::after {
    background-color: var(--color-button);
}

.sc-crkit .page-link.btn.btn-shape-accent-right:hover::before,
.sc-crkit .page-link.btn.btn-shape-accent-right:hover::after,
.sc-crkit .page-link.btn.btn-shape-accent-left:hover::before,
.sc-crkit .page-link.btn.btn-shape-accent-left:hover::after {
    background-color: var(--theme-interactive-hover-background);
}

.sc-crkit .page-link.btn.btn-primary.btn-shape-accent-right::before,
.sc-crkit .page-link.btn.btn-primary.btn-shape-accent-right::after,
.sc-crkit .page-link.btn.btn-primary.btn-shape-accent-left::before,
.sc-crkit .page-link.btn.btn-primary.btn-shape-accent-left::after {
    background-color: var(--color-button-primary);
}

.sc-crkit .page-link.btn.btn-primary.btn-shape-accent-right:hover::before,
.sc-crkit .page-link.btn.btn-primary.btn-shape-accent-right:hover::after,
.sc-crkit .page-link.btn.btn-primary.btn-shape-accent-left:hover::before,
.sc-crkit .page-link.btn.btn-primary.btn-shape-accent-left:hover::after {
    background-color: var(--theme-interactive-hover-background);
}

.sc-crkit .page-link.btn.btn-custom.btn-shape-accent-right::before,
.sc-crkit .page-link.btn.btn-custom.btn-shape-accent-right::after,
.sc-crkit .page-link.btn.btn-custom.btn-shape-accent-left::before,
.sc-crkit .page-link.btn.btn-custom.btn-shape-accent-left::after {
    background: var(--link-custom-background, var(--color-button));
}

.sc-crkit .page-link.btn.btn-custom.btn-shape-accent-right:hover::before,
.sc-crkit .page-link.btn.btn-custom.btn-shape-accent-right:hover::after,
.sc-crkit .page-link.btn.btn-custom.btn-shape-accent-left:hover::before,
.sc-crkit .page-link.btn.btn-custom.btn-shape-accent-left:hover::after {
    background: var(--theme-interactive-hover-background);
}

.sc-crkit .page-link.btn.btn-secondary.btn-shape-accent-right,
.sc-crkit .page-link.btn.btn-secondary.btn-shape-accent-left {
    color: var(--color-button-secondary-text);
}

.sc-crkit .page-link.btn.btn-secondary.btn-shape-accent-right::before,
.sc-crkit .page-link.btn.btn-secondary.btn-shape-accent-right::after,
.sc-crkit .page-link.btn.btn-secondary.btn-shape-accent-left::before,
.sc-crkit .page-link.btn.btn-secondary.btn-shape-accent-left::after {
    background-color: var(--color-button-secondary, var(--color-coolgray));
    opacity: 1;
}

.sc-crkit .page-link.btn.btn-secondary.btn-shape-accent-right:hover::before,
.sc-crkit .page-link.btn.btn-secondary.btn-shape-accent-right:hover::after,
.sc-crkit .page-link.btn.btn-secondary.btn-shape-accent-left:hover::before,
.sc-crkit .page-link.btn.btn-secondary.btn-shape-accent-left:hover::after {
    background-color: var(--theme-interactive-hover-background);
}

.sc-crkit [data-type="link"].page-link .page-link__image {
    color: inherit;
    display: block;
    width: inherit;
    max-width: 100%;
    flex: 0 0 auto;
    pointer-events: none;
}

.sc-crkit [data-type="link"].page-link span.page-link__image {
    inline-size: var(--cr-link-image-inline-size, 1.5em);
    block-size: var(--cr-link-image-block-size, var(--cr-link-image-inline-size, 1.5em));
    max-inline-size: var(--cr-link-image-inline-size, 1.5em);
}

.sc-crkit [data-type="link"].page-link .page-link__image svg {
    color: inherit;
    display: block;
    inline-size: 100%;
    block-size: 100%;
}

.sc-crkit [data-type="link"].page-link.has-image-text {
    display: inline-flex;
    align-items: center;
    gap: 0.55em;
    vertical-align: middle;
}

.sc-crkit [data-type="link"].page-link:not(.btn).has-image-text {
    gap: 0.25em;
}

.sc-crkit [data-type="link"].page-link .cr-link-circle-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    block-size: 100%;
    text-transform: uppercase;
    font-weight: inherit;
    pointer-events: none;
}

.sc-crkit [data-type="link"].page-link.has-image-text .page-link__image {
    width: auto;
}

.sc-crkit [data-type="link"].page-link.has-image-text span.page-link__image {
    width: var(--cr-link-image-inline-size, 1.5em);
}

.sc-crkit [data-type="link"].page-link .page-link__text {
    display: block;
    min-inline-size: 0;
    pointer-events: none;
}

.sc-crkit [data-type="link"].page-link.has-image-text .page-link__text {
    flex: 1 1 auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
}

.sc-crkit .page-link.btn.btn-shape-circle .page-link__image {
    inline-size: var(--cr-link-circle-image-inline-size, 1.15em);
    block-size: var(--cr-link-circle-image-block-size, var(--cr-link-circle-image-inline-size, 1.15em));
    width: var(--cr-link-circle-image-inline-size, 1.15em);
    max-width: var(--cr-link-circle-image-inline-size, 1.15em);
}

.sc-crkit [data-type="link"].page-link.v-align-top {
    display: inline-flex;
    align-items: flex-start;
}

.sc-crkit [data-type="link"].page-link.v-align-center {
    display: inline-flex;
    align-items: center;
}

.sc-crkit [data-type="link"].page-link.v-align-bottom {
    display: inline-flex;
    align-items: flex-end;
}

.sc-crkit [data-type="link"].page-link.h-align-left {
    display: inline-flex;
    justify-content: flex-start;
}

.sc-crkit [data-type="link"].page-link.h-align-center {
    display: inline-flex;
    justify-content: center;
}

.sc-crkit [data-type="link"].page-link.h-align-right {
    display: inline-flex;
    justify-content: flex-end;
}

.sc-crkit [data-type="link"].page-link.is-disabled,
.sc-crkit [data-type="link"].page-link[aria-disabled="true"],
.sc-crkit .page-link.btn.is-disabled,
.sc-crkit .page-link.btn[aria-disabled="true"],
.sc-crkit .page-link.btn:disabled {
    cursor: default;
    opacity: 0.45;
    text-decoration: none;
    pointer-events: none;
}

.sc-crkit [data-type="link"].page-link:focus-visible,
.sc-crkit .page-link.btn:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--color-accent) 55%, transparent);
    outline-offset: 0.2em;
}
}
@layer crkit.controls {
@keyframes cr-loading-skeleton-pulse {
    from {
        opacity: 0.55;
    }
    to {
        opacity: 0.88;
    }
}

.sc-crkit .cr-skeleton-host.cr-skeleton-static {
    position: relative;
}

.sc-crkit .cr-skeleton-host[data-skeleton="true"] > [data-part="skeleton-overlay"] {
    position: absolute;
    inset: 0;
    z-index: 100;
    display: block;
    pointer-events: auto;
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        rgba(127, 136, 144, 0.18) 0%,
        rgba(127, 136, 144, 0.28) 50%,
        rgba(127, 136, 144, 0.18) 100%
    );
    animation: cr-loading-skeleton-pulse 0.8s infinite alternate linear;
}
}
@layer crkit.controls {
.cr-main-button {
    --cr-main-button-size: 2.75rem;
    --cr-main-button-line-width: 1.35rem;
    --cr-main-button-line-height: 2px;
    --cr-main-button-line-gap: 0.42rem;
    --cr-main-button-transition-duration: 180ms;
    appearance: none;
    box-sizing: border-box;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    inline-size: var(--cr-main-button-size);
    block-size: var(--cr-main-button-size);
    min-inline-size: var(--cr-main-button-size);
    min-block-size: var(--cr-main-button-size);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: currentColor;
    cursor: pointer;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.cr-main-button:disabled,
.cr-main-button[aria-disabled="true"] {
    cursor: default;
    opacity: 0.45;
}

.cr-main-button [data-part="main-button-bars"] {
    position: relative;
    display: block;
    inline-size: var(--cr-main-button-line-width);
    block-size: calc((var(--cr-main-button-line-gap) * 2) + var(--cr-main-button-line-height));
    color: currentColor;
    pointer-events: none;
}

.cr-main-button [data-part="main-button-image"],
.cr-main-button [data-part="main-button-icon"] {
    display: block;
    inline-size: var(--cr-main-button-line-width);
    block-size: var(--cr-main-button-line-width);
    object-fit: contain;
    color: currentColor;
    pointer-events: none;
}

.cr-main-button [data-part="main-button-icon"] svg {
    display: block;
    inline-size: 100%;
    block-size: 100%;
}

.cr-main-button [data-part^="main-button-line"] {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 50%;
    display: block;
    inline-size: var(--cr-main-button-line-width);
    block-size: var(--cr-main-button-line-height);
    border-radius: 999px;
    background: currentColor;
    transform-origin: 50% 50%;
    transition:
        opacity var(--cr-main-button-transition-duration) ease,
        transform var(--cr-main-button-transition-duration) ease;
}

.cr-main-button [data-part="main-button-line-top"] {
    transform: translateY(calc(-50% - var(--cr-main-button-line-gap)));
}

.cr-main-button [data-part="main-button-line-middle"] {
    transform: translateY(-50%);
}

.cr-main-button [data-part="main-button-line-bottom"] {
    transform: translateY(calc(-50% + var(--cr-main-button-line-gap)));
}

.cr-main-button:is(.is-active, [aria-expanded="true"], [data-toggle-active="true"]) [data-part="main-button-line-top"] {
    transform: translateY(-50%) rotate(45deg);
}

.cr-main-button:is(.is-active, [aria-expanded="true"], [data-toggle-active="true"]) [data-part="main-button-line-middle"] {
    opacity: 0;
    transform: translateY(-50%) scaleX(0);
}

.cr-main-button:is(.is-active, [aria-expanded="true"], [data-toggle-active="true"]) [data-part="main-button-line-bottom"] {
    transform: translateY(-50%) rotate(-45deg);
}

.cr-main-button:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 0.25em;
}

@media (prefers-reduced-motion: reduce) {
    .cr-main-button [data-part^="main-button-line"] {
        transition: none;
    }
}
}
@layer crkit.controls {
:is([data-type="menu"], [data-menu-control="true"]) {
    --cr-menu-radius: var(--radius-med, 10px);
    --cr-menu-gap: 0.45rem;
    --cr-menu-root-gap: 0.35rem;
    --cr-menu-popup-gap: 0.55rem;
    --cr-menu-viewport-padding: 0.75rem;
    --cr-menu-item-height: 2.1em;
    --_cr-menu-toolbar-button-min-inline-size: var(--cr-menu-toolbar-button-min-inline-size, 2.75rem);
    --_cr-menu-icon-only-padding-inline: var(--cr-menu-icon-only-padding-inline, 0.55rem);
    --cr-menu-icon-size: 1em;
    --cr-menu-pill-height: 1.6em;
    --cr-menu-popup-inline-size: 18em;
    --cr-menu-border: var(--theme-popover-border-width, 1px) solid var(--theme-popover-border-color, var(--theme-line, rgba(44, 51, 56, 0.12)));
    --cr-menu-popup-background: var(--theme-popover-background, var(--theme-surface-solid, #ffffff));
    --cr-menu-popup-color: var(--theme-popover-ink, var(--theme-ink, #2c3338));
    --cr-menu-popup-shadow: var(--theme-popover-shadow, var(--theme-shadow-shell, 0 20px 60px rgba(44, 51, 56, 0.14)));
    --cr-menu-text-color: var(--cr-menu-popup-color, var(--theme-popover-ink, var(--theme-ink, var(--color-text, #2c3338))));
    --_cr-menu-active-bg: var(--cr-menu-active-bg, var(--theme-interactive-active-background, rgb(0 0 6 / 12%)));
    --cr-menu-active-line: color-mix(in srgb, var(--theme-accent, #0b73ff) 26%, transparent);
    --cr-menu-muted: var(--theme-muted, rgba(44, 51, 56, 0.72));
    --cr-menu-pill-text: color-mix(in srgb, var(--theme-heading, var(--theme-ink, #2c3338)) 88%, transparent);
    --cr-menu-pill-border: color-mix(in srgb, var(--theme-line, rgba(44, 51, 56, 0.12)) 92%, transparent);
    display: block;
    box-sizing: border-box;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
}

:is([data-type="menu"], [data-menu-control="true"]) > [data-part="menu-shell"] {
    position: relative;
    display: grid;
    align-content: start;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
    overflow: visible;
    cursor: default;
}

:is([data-type="menu"], [data-menu-control="true"]) > [data-part="menu-shell"][data-menu-open="true"],
:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-entry"][data-open="true"] {
    z-index: var(--elevation-popover, 5050);
}

:is([data-type="menu"], [data-menu-control="true"]) > [data-part="menu-shell"] > [data-part="menu-root-panel"] {
    position: relative;
    box-sizing: border-box;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
    overflow: visible;
    cursor: default;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-root"] {
    position: relative;
    display: grid;
    gap: var(--cr-menu-root-gap);
    min-inline-size: 0;
    min-block-size: 0;
    outline: none;
    cursor: default;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-direction="horizontal"] [data-part="menu-root"] {
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: start;
    align-content: start;
    justify-content: start;
    overflow: visible;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-direction="vertical"] > [data-part="menu-shell"] > [data-part="menu-root-panel"] {
    overflow: auto;
    padding: 0.7rem;
    border: var(--cr-menu-border);
    border-radius: var(--cr-menu-radius);
    background: var(--cr-menu-popup-background);
    color: var(--cr-menu-popup-color);
    box-shadow: var(--cr-menu-popup-shadow);
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"][data-menu-direction="horizontal"] [data-part="menu-root"] {
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap: 0.4rem;
    padding: 0.3rem;
    border: var(--cr-menu-border);
    border-radius: var(--cr-menu-radius);
    background: color-mix(in srgb, var(--theme-surface, #ffffff) 86%, transparent);
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-entry"] {
    position: relative;
    min-inline-size: 0;
    cursor: default;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-item"] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.65rem;
    box-sizing: border-box;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: var(--cr-menu-item-height);
    padding: 0.4em 0.7em;
    border: 0;
    border-radius: calc(var(--cr-menu-radius) - 3px);
    background: transparent;
    color: var(--cr-menu-text-color);
    font: inherit;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-item"] * {
    cursor: inherit;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-direction="horizontal"] [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"] {
    inline-size: auto;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="menu"][data-menu-direction="horizontal"] [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"] {
    min-block-size: 2rem;
    padding-inline: 0.72rem;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"][data-menu-direction="horizontal"] [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"] {
    min-inline-size: var(--_cr-menu-toolbar-button-min-inline-size);
    min-block-size: 2.35rem;
    padding-inline: 0.78rem;
    border: 1px solid color-mix(in srgb, var(--theme-line, rgba(44, 51, 56, 0.12)) 94%, transparent);
    background: color-mix(in srgb, var(--theme-surface, #ffffff) 92%, transparent);
    box-shadow: 0 0.35rem 1rem rgba(44, 51, 56, 0.08);
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"][data-menu-direction="horizontal"] [data-part="menu-root"]:has(> [data-part="menu-entry"][data-item-type="navigation"]):not(:has(> [data-part="menu-entry"]:not([data-item-type="navigation"]))) {
    inline-size: max-content;
    gap: 0.15rem;
    padding: 0;
    border: 0;
    background: transparent;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"][data-menu-direction="horizontal"]:has(> [data-part="menu-shell"] > [data-part="menu-root-panel"] > [data-part="menu-root"] > [data-part="menu-entry"][data-item-type="navigation"]):not(:has(> [data-part="menu-shell"] > [data-part="menu-root-panel"] > [data-part="menu-root"] > [data-part="menu-entry"]:not([data-item-type="navigation"]))) {
    display: inline-grid;
    flex: 0 0 max-content;
    inline-size: auto;
    block-size: max-content;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"][data-menu-direction="horizontal"]:has(> [data-part="menu-shell"] > [data-part="menu-root-panel"] > [data-part="menu-root"] > [data-part="menu-entry"][data-item-type="navigation"]):not(:has(> [data-part="menu-shell"] > [data-part="menu-root-panel"] > [data-part="menu-root"] > [data-part="menu-entry"]:not([data-item-type="navigation"]))) > [data-part="menu-shell"],
:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"][data-menu-direction="horizontal"]:has(> [data-part="menu-shell"] > [data-part="menu-root-panel"] > [data-part="menu-root"] > [data-part="menu-entry"][data-item-type="navigation"]):not(:has(> [data-part="menu-shell"] > [data-part="menu-root-panel"] > [data-part="menu-root"] > [data-part="menu-entry"]:not([data-item-type="navigation"]))) > [data-part="menu-shell"] > [data-part="menu-root-panel"] {
    inline-size: auto;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"][data-menu-direction="horizontal"] [data-part="menu-root"] > [data-part="menu-entry"][data-item-type="navigation"] > [data-part="menu-item"] {
    min-inline-size: 1.75rem;
    min-block-size: 2rem;
    padding-inline: 0.25rem;
    border: 0;
    background: transparent;
    box-shadow: none;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-item"]:hover {
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-item"][data-active="true"] {
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-entry"][data-open="true"] > [data-part="menu-item"] {
    background: var(--_cr-menu-active-bg);
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"] [data-part="menu-item"]:hover,
:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"] [data-part="menu-item"][data-active="true"],
:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"] [data-part="menu-entry"][data-open="true"] > [data-part="menu-item"] {
    box-shadow:
        0 0.55rem 1.2rem rgba(44, 51, 56, 0.12),
        inset 0 0 0 1px color-mix(in srgb, var(--theme-accent, #0b73ff) 12%, transparent);
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"] [data-part="menu-entry"][data-item-type="navigation"] > [data-part="menu-item"]:is([data-active="true"], [aria-expanded="true"]) {
    background: transparent;
    color: var(--cr-menu-text-color);
    box-shadow: none;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"] [data-part="menu-entry"][data-item-type="navigation"] > [data-part="menu-item"]:hover:not([data-disabled="true"]),
:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"] [data-part="menu-entry"][data-item-type="navigation"] > [data-part="menu-item"]:focus-visible {
    background: transparent;
    color: var(--theme-accent, var(--color-accent, #0b73ff));
    box-shadow: none;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-item"][data-selected="true"] {
    background: var(--theme-interactive-selected-background);
    color: var(--theme-interactive-selected-foreground);
    box-shadow: none;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"][data-menu-direction="horizontal"] [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"][data-selected="true"] {
    border-color: var(--theme-accent, #0b73ff);
    background: var(--color-button-primary, var(--theme-accent, #0b73ff));
    color: var(--cr-menu-text-color);
    box-shadow:
        0 0.6rem 1.35rem rgba(44, 51, 56, 0.14),
        inset 0 0 0 1px color-mix(in srgb, var(--theme-accent, #0b73ff) 30%, transparent);
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-presentation="toolbar"][data-menu-direction="horizontal"] [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"][data-selected="true"]:hover {
    border-color: var(--color-button-primary-hover, var(--theme-accent, #0b73ff));
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-item"]:focus-visible {
    outline: 1px solid var(--cr-menu-active-line);
    outline-offset: 0;
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-item"][data-disabled="true"] {
    opacity: 0.5;
    cursor: not-allowed;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-item"][data-disabled="true"] * {
    cursor: inherit;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-item"][data-intent="danger"] {
    color: var(--theme-destructive-foreground, var(--color-mad, #d64545));
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-icon"],
:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-caret"],
:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-check"],
:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-radio"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 1em;
    min-inline-size: 1em;
    block-size: 1em;
    color: var(--cr-menu-text-color);
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-item"][data-intent="danger"] [data-part="menu-icon"] {
    color: inherit;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-icon"] :is(svg, img),
:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-caret"] svg,
:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-check"] svg {
    inline-size: 100%;
    block-size: 100%;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-check"][data-checked="false"] svg {
    visibility: hidden;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-radio"] {
    position: relative;
    box-sizing: border-box;
    inline-size: 1em;
    block-size: 1em;
    border: 1px solid color-mix(in srgb, currentColor 42%, transparent);
    border-radius: 50%;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-radio"]::after {
    position: absolute;
    inset: 0.25em;
    border-radius: 50%;
    background: currentColor;
    content: '';
    opacity: 0;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-radio"][data-checked="true"]::after {
    opacity: 1;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-label"] {
    flex: 1 1 auto;
    inline-size: auto;
    max-inline-size: 100%;
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-label-overflow="wrap"] [data-part="menu-label"] {
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
    white-space: normal;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-popup"] > [data-part="menu-popup-panel"] {
    container-type: inline-size;
    overflow-x: hidden;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup-panel"] [data-part="menu-item"] {
    max-inline-size: 100cqi;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-icon-only="true"][data-menu-direction="horizontal"] [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"] {
    justify-content: center;
    min-inline-size: var(--_cr-menu-toolbar-button-min-inline-size);
    padding-inline: var(--_cr-menu-icon-only-padding-inline);
    text-align: center;
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-icon-only="true"][data-menu-direction="horizontal"] [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"] > [data-part="menu-label"],
:is([data-type="menu"], [data-menu-control="true"])[data-menu-icon-only="true"][data-menu-direction="horizontal"] [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"] > [data-part="menu-pill"],
:is([data-type="menu"], [data-menu-control="true"])[data-menu-icon-only="true"][data-menu-direction="horizontal"] [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"] > [data-part="menu-caret"],
:is([data-type="menu"], [data-menu-control="true"])[data-menu-icon-only="true"][data-menu-direction="horizontal"] [data-part="menu-root"] > [data-part="menu-entry"] > [data-part="menu-item"] > [data-part="menu-check"] {
    display: none;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-pill"] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-block-size: var(--cr-menu-pill-height);
    padding-inline: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--cr-menu-pill-text);
    font-family: "Source Code Pro", monospace;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.01em;
    white-space: nowrap;
    justify-self: end;
    text-align: right;
    margin-inline-start: auto;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-pill"][hidden],
:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-icon"][hidden],
:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-check"][hidden],
:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-caret"][hidden],
:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup"][hidden] {
    display: none;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-separator"] {
    block-size: 1px;
    margin: 0.25rem 0.35rem;
    background: color-mix(in srgb, var(--theme-line, rgba(44, 51, 56, 0.12)) 92%, transparent);
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup"] {
    position: absolute;
    z-index: var(--elevation-popover, 5050);
    box-sizing: border-box;
    inline-size: min(var(--cr-menu-popup-inline-size), calc(100vw - (2 * var(--cr-menu-viewport-padding))));
    max-inline-size: calc(100vw - (2 * var(--cr-menu-viewport-padding)));
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup"][data-popup-placement="right"][data-popup-align="start"] {
    inset-inline-start: calc(100% + var(--cr-menu-popup-gap));
    inset-inline-end: auto;
    inset-block-start: -0.35rem;
    inset-block-end: auto;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup"][data-popup-placement="right"][data-popup-align="end"] {
    inset-inline-start: calc(100% + var(--cr-menu-popup-gap));
    inset-inline-end: auto;
    inset-block-start: auto;
    inset-block-end: -0.35rem;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup"][data-popup-placement="left"][data-popup-align="start"] {
    inset-inline-start: auto;
    inset-inline-end: calc(100% + var(--cr-menu-popup-gap));
    inset-block-start: -0.35rem;
    inset-block-end: auto;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup"][data-popup-placement="left"][data-popup-align="end"] {
    inset-inline-start: auto;
    inset-inline-end: calc(100% + var(--cr-menu-popup-gap));
    inset-block-start: auto;
    inset-block-end: -0.35rem;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup"][data-popup-placement="bottom"][data-popup-align="start"] {
    inset-inline-start: 0;
    inset-inline-end: auto;
    inset-block-start: calc(100% + var(--cr-menu-popup-gap));
    inset-block-end: auto;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup"][data-popup-placement="bottom"][data-popup-align="end"] {
    inset-inline-start: auto;
    inset-inline-end: 0;
    inset-block-start: calc(100% + var(--cr-menu-popup-gap));
    inset-block-end: auto;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup"][data-popup-placement="top"][data-popup-align="start"] {
    inset-inline-start: 0;
    inset-inline-end: auto;
    inset-block-start: auto;
    inset-block-end: calc(100% + var(--cr-menu-popup-gap));
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup"][data-popup-placement="top"][data-popup-align="end"] {
    inset-inline-start: auto;
    inset-inline-end: 0;
    inset-block-start: auto;
    inset-block-end: calc(100% + var(--cr-menu-popup-gap));
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup-panel"] {
    display: grid;
    gap: var(--cr-menu-gap);
    box-sizing: border-box;
    max-block-size: calc(100dvh - (2 * var(--cr-menu-viewport-padding)));
    overflow: hidden auto;
    overscroll-behavior: contain;
    padding: 0.7rem;
    border: var(--cr-menu-border);
    border-radius: var(--cr-menu-radius);
    background: var(--cr-menu-popup-background);
    color: var(--cr-menu-popup-color);
    box-shadow: var(--cr-menu-popup-shadow);
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-popup-panel"] [data-part="menu-group"] {
    display: grid;
    gap: 0.12rem;
}

@supports (anchor-name: --cr-menu-entry-anchor) and
    (anchor-scope: --cr-menu-entry-anchor) and
    (position-anchor: --cr-menu-entry-anchor) {
    :is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-entry"] {
        anchor-scope: --cr-menu-entry-anchor;
    }

    :is([data-type="menu"], [data-menu-control="true"])
        [data-part="menu-entry"] > [data-part="menu-item"] {
        anchor-name: --cr-menu-entry-anchor;
    }

    :is([data-type="menu"], [data-menu-control="true"])
        [data-part="menu-entry"] > [data-part="menu-popup"]:not([hidden]) {
        position: fixed;
        position-anchor: --cr-menu-entry-anchor;
        display: grid;
        inset: auto;
        min-block-size: 0;
        block-size: auto;
        pointer-events: none;
    }

    :is([data-type="menu"], [data-menu-control="true"])
        [data-part="menu-entry"] > [data-part="menu-popup"] > [data-part="menu-popup-panel"] {
        inline-size: 100%;
        max-block-size: 100%;
        pointer-events: auto;
    }

    :is([data-type="menu"], [data-menu-control="true"])
        [data-part="menu-popup"][data-popup-placement="bottom"][data-popup-align="start"] {
        inset-block-start: calc(anchor(bottom) + var(--cr-menu-popup-gap));
        inset-block-end: var(--cr-menu-viewport-padding);
        inset-inline-start: max(var(--cr-menu-viewport-padding), anchor(left));
        inset-inline-end: auto;
        align-content: start;
    }

    :is([data-type="menu"], [data-menu-control="true"])
        [data-part="menu-popup"][data-popup-placement="bottom"][data-popup-align="end"] {
        inset-block-start: calc(anchor(bottom) + var(--cr-menu-popup-gap));
        inset-block-end: var(--cr-menu-viewport-padding);
        inset-inline-start: auto;
        inset-inline-end: max(var(--cr-menu-viewport-padding), anchor(right));
        align-content: start;
    }

    :is([data-type="menu"], [data-menu-control="true"])
        [data-part="menu-popup"][data-popup-placement="top"][data-popup-align="start"] {
        inset-block-start: var(--cr-menu-viewport-padding);
        inset-block-end: calc(anchor(top) + var(--cr-menu-popup-gap));
        inset-inline-start: max(var(--cr-menu-viewport-padding), anchor(left));
        inset-inline-end: auto;
        align-content: end;
    }

    :is([data-type="menu"], [data-menu-control="true"])
        [data-part="menu-popup"][data-popup-placement="top"][data-popup-align="end"] {
        inset-block-start: var(--cr-menu-viewport-padding);
        inset-block-end: calc(anchor(top) + var(--cr-menu-popup-gap));
        inset-inline-start: auto;
        inset-inline-end: max(var(--cr-menu-viewport-padding), anchor(right));
        align-content: end;
    }

    :is([data-type="menu"], [data-menu-control="true"])
        [data-part="menu-popup"][data-popup-placement="right"][data-popup-align="start"] {
        inset-block-start: max(var(--cr-menu-viewport-padding), anchor(top));
        inset-block-end: var(--cr-menu-viewport-padding);
        inset-inline-start: calc(anchor(right) + var(--cr-menu-popup-gap));
        inset-inline-end: auto;
        align-content: start;
    }

    :is([data-type="menu"], [data-menu-control="true"])
        [data-part="menu-popup"][data-popup-placement="right"][data-popup-align="end"] {
        inset-block-start: var(--cr-menu-viewport-padding);
        inset-block-end: max(var(--cr-menu-viewport-padding), anchor(bottom));
        inset-inline-start: calc(anchor(right) + var(--cr-menu-popup-gap));
        inset-inline-end: auto;
        align-content: end;
    }

    :is([data-type="menu"], [data-menu-control="true"])
        [data-part="menu-popup"][data-popup-placement="left"][data-popup-align="start"] {
        inset-block-start: max(var(--cr-menu-viewport-padding), anchor(top));
        inset-block-end: var(--cr-menu-viewport-padding);
        inset-inline-start: auto;
        inset-inline-end: calc(anchor(left) + var(--cr-menu-popup-gap));
        align-content: start;
    }

    :is([data-type="menu"], [data-menu-control="true"])
        [data-part="menu-popup"][data-popup-placement="left"][data-popup-align="end"] {
        inset-block-start: var(--cr-menu-viewport-padding);
        inset-block-end: max(var(--cr-menu-viewport-padding), anchor(bottom));
        inset-inline-start: auto;
        inset-inline-end: calc(anchor(left) + var(--cr-menu-popup-gap));
        align-content: end;
    }
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-root"][role="toolbar"] > [data-part="menu-entry"] > [data-part="menu-item"] [data-part="menu-label"] {
    font-weight: 600;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-root"][role="toolbar"] > [data-part="menu-entry"] > [data-part="menu-item"] [data-part="menu-icon"][hidden] + [data-part="menu-label"] {
    padding-inline-start: 0.15rem;
}

:is([data-type="menu"], [data-menu-control="true"]) [data-part="menu-root-panel"][data-direction="vertical"] [data-part="menu-root"] {
    align-content: start;
}

:is([data-type="menu"], [data-menu-control="true"]) > [data-part="menu-shell"][data-focus-within="true"] > [data-part="menu-root-panel"] {
    box-shadow:
        var(--cr-menu-popup-shadow),
        0 0 0 1px color-mix(in srgb, var(--theme-accent, #0b73ff) 24%, transparent);
}

:is([data-type="menu"], [data-menu-control="true"])[data-menu-direction="horizontal"] > [data-part="menu-shell"][data-focus-within="true"] > [data-part="menu-root-panel"] {
    box-shadow: none;
}
}
@layer crkit.controls {
[data-type="navigation-rail"] {
    --cr-navigation-rail-inset: var(--theme-app-shell-inset, 0.7rem);
    --cr-navigation-rail-inner-padding-inline: var(--cr-navigation-rail-inset);
    --cr-navigation-rail-inner-padding-block: 0px;
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-inline-size: 0;
    min-block-size: 0;
    overflow: hidden;
    padding-block: calc(
        var(--cr-navigation-rail-padding, var(--cr-navigation-rail-inset))
        + var(--cr-navigation-rail-inner-padding-block)
    );
    padding-inline: calc(
        var(--cr-navigation-rail-padding, var(--cr-navigation-rail-inset))
        + var(--cr-navigation-rail-inner-padding-inline)
    );
    border-inline-end: var(--cr-navigation-rail-divider, 1px solid var(--theme-line, #dcdcde));
    background: var(--cr-navigation-rail-background, var(--theme-navigation-rail-outer-background, var(--adw-sidebar-bg-color, var(--theme-surface-subtle, #f2f2f4))));
}

[data-type="navigation-rail"]::before {
    position: absolute;
    z-index: 0;
    inset: var(--cr-navigation-rail-inset);
    border: var(--cr-navigation-rail-inner-border, var(--theme-navigation-rail-inner-border, 1px solid var(--theme-line, #dcdcde)));
    border-radius: var(--cr-navigation-rail-inner-radius, var(--theme-navigation-rail-inner-radius, 0.75rem));
    background: var(--cr-navigation-rail-inner-background, var(--theme-navigation-rail-inner-background, var(--adw-secondary-sidebar-bg-color, var(--theme-surface-subtle, #f2f2f4))));
    content: '';
    pointer-events: none;
}

[data-type="navigation-rail"] > * {
    position: relative;
    z-index: 1;
    min-inline-size: 0;
}

[data-type="navigation-rail"] [data-rail-region][data-initializing="true"] {
    visibility: hidden;
}
}
@layer crkit.controls {
.sc-crkit [data-type="overlay"][data-surface-kind="overlay"] {
    position: absolute;
    inset: 50% auto auto 50%;
    inline-size: min(32em, calc(100% - 2rem));
    max-inline-size: calc(100% - 2rem);
    transform: translate(-50%, -50%);
    padding: 1.25rem;
    z-index: var(--elevation-overlay, 5010);
}
}
@layer crkit.controls {
.sc-crkit [data-type="page-toast"][data-surface-kind="panel"] {
    --cr-page-toast-gap: 1em;
    --cr-page-toast-max-inline-size: 72em;
    --cr-page-toast-radius: 1.75em;
    --cr-page-toast-min-block-size: 3.5em;
    --cr-panel-gap: var(--cr-page-toast-gap);
    --cr-panel-radius: var(--cr-page-toast-radius);
    --cr-surface-border: 1px solid var(--theme-line, rgba(44, 51, 56, 0.12));
    --cr-surface-radius: var(--cr-page-toast-radius);
    --cr-surface-background: var(--theme-page-toast-background, var(--theme-surface-solid, #f6f6f6));
    --cr-surface-ink: var(--theme-page-toast-ink, var(--theme-ink, #2c3338));
    --cr-surface-shadow: var(--theme-page-toast-shadow, 0 0.25em 0.75em rgba(0, 0, 0, 0.15));
    min-block-size: var(--cr-page-toast-min-block-size);
    padding: 0.75em 1em;
    overflow: visible;
}

.sc-crkit [data-type="page-toast"][data-surface-kind="panel"][data-surface-placement="bottom"] {
    inset: auto auto var(--cr-page-toast-gap) 50%;
    inline-size: min(calc(100vw - (var(--cr-page-toast-gap) * 2)), var(--cr-page-toast-max-inline-size));
    max-inline-size: min(calc(100vw - (var(--cr-page-toast-gap) * 2)), var(--cr-page-toast-max-inline-size));
    block-size: auto;
    max-block-size: calc(100dvh - (var(--cr-page-toast-gap) * 2));
    transform: translate(-50%, calc(100% + var(--cr-page-toast-gap)));
}

.sc-crkit [data-type="page-toast"][data-surface-kind="panel"][data-surface-placement="bottom"][data-surface-size="full-floating"] {
    block-size: auto;
    max-block-size: calc(100dvh - (var(--cr-page-toast-gap) * 2));
}

.sc-crkit [data-type="page-toast"][data-surface-kind="panel"][data-surface-placement="bottom"][data-surface-open-state="open"] {
    transform: translate(-50%, 0);
}

.sc-crkit [data-type="page-toast"][data-surface-kind="panel"] > [data-part="panel-content"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75em;
    flex-wrap: wrap;
    min-block-size: 1px;
}

.sc-crkit [data-type="page-toast"][data-surface-kind="panel"] > [data-part="panel-content"] > * {
    max-inline-size: 100%;
}

.sc-crkit [data-crkit-preview-context="editor"][data-type="page-toast"][data-surface-kind="panel"] {
    position: relative;
    inset: auto;
    z-index: auto;
    display: inline-flex;
    inline-size: fit-content;
    max-inline-size: 100%;
    min-block-size: 0;
    block-size: auto;
    max-block-size: none;
    overflow: visible;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
}

.sc-crkit [data-crkit-preview-context="editor"][data-type="page-toast"][data-surface-kind="panel"] > [data-part="panel-content"] {
    align-items: center;
    inline-size: auto;
    max-inline-size: 100%;
    justify-content: flex-start;
    min-block-size: 0;
    flex-wrap: nowrap;
}

.sc-crkit [data-crkit-preview-context="editor"][data-type="page-toast"][data-surface-kind="panel"] > [data-part="panel-content"] > * {
    flex: 0 1 auto;
    min-inline-size: 0;
}

@media (max-width: 780px) {
    .sc-crkit [data-type="page-toast"][data-page-toast-show-on-mobile="false"]:not([data-crkit-preview-context="editor"]) {
        display: none !important;
    }

    .sc-crkit [data-type="page-toast"][data-page-toast-show-on-mobile="true"][data-surface-placement="bottom"] {
        --cr-page-toast-gap: 0px;
        --cr-page-toast-radius: 0px;
        inset-inline: 0;
        inset-block-end: 0;
        inline-size: 100%;
        max-inline-size: 100%;
        block-size: auto;
        max-block-size: calc(100dvh - var(--cr-app-sticky-header-offset, 0px));
        border-radius: 0;
        transform: translate(0, 100%);
    }

    .sc-crkit [data-type="page-toast"][data-page-toast-show-on-mobile="true"][data-surface-placement="bottom"][data-surface-open-state="open"] {
        transform: translate(0, 0);
    }
}
}
@layer crkit.controls {
.sc-crkit [data-surface-kind="panel"] {
    --cr-panel-size-sm: 18em;
    --cr-panel-size-md: 24em;
    --cr-panel-size-lg: 30em;
    --cr-panel-size-xl: 36em;
    --cr-panel-center-size-lg: 42em;
    --cr-panel-center-size-xl: 54em;
    --cr-panel-gap: 1rem;
    --cr-panel-radius: var(--radius-med, 10px);
    --cr-surface-radius: var(--cr-panel-radius);
    --cr-surface-close-size: var(--theme-surface-close-size, 24px);
    --cr-surface-close-icon-size: var(--theme-surface-close-icon-size, 16px);
    --cr-surface-close-background: var(--theme-surface-close-background, color-mix(in srgb, currentColor 8%, transparent));
    --cr-surface-close-hover-background: var(--theme-surface-close-hover-background, var(--theme-interactive-hover-background));
    --cr-surface-close-color: var(--theme-surface-close-color, currentColor);
    --cr-surface-close-shadow: var(--theme-surface-close-shadow, none);
    --cr-panel-close-size: var(--cr-surface-close-size);
    --cr-panel-close-icon-size: var(--cr-surface-close-icon-size);
    --cr-panel-padding-block: 1rem;
    --cr-panel-padding-inline: 1rem;
    --cr-panel-padding-inline-start: var(--cr-panel-padding-inline);
    --cr-panel-padding-inline-end: var(--cr-panel-padding-inline);
    --cr-panel-scrollbar-edge-gap: 0.25rem;
    --cr-panel-top-offset: var(--cr-app-sticky-header-offset, 0px);
    --cr-panel-bottom-offset: var(--cr-app-sticky-footer-offset, 0px);
    --cr-panel-block-available: calc(100% - (var(--cr-panel-gap) * 2));
    position: absolute;
    z-index: var(--elevation-panel, 5020);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-inline-size: 0;
    min-block-size: 0;
    padding-block: var(--cr-panel-padding-block);
    padding-inline-start: var(--cr-panel-padding-inline-start);
    padding-inline-end: var(--cr-panel-padding-inline-end);
    inline-size: var(--cr-panel-size-md);
    max-inline-size: calc(100% - (var(--cr-panel-gap) * 2));
    block-size: var(--cr-panel-block-available);
    max-block-size: var(--cr-panel-block-available);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition:
        transform 560ms cubic-bezier(0.16, 1, 0.3, 1),
        opacity 180ms ease-out,
        visibility 0s linear 560ms;
    transform: translateX(calc(100% + var(--cr-panel-gap)));
}

.sc-crkit [data-crkit-control="panel"]:not([data-surface-kind="panel"]):not([data-crkit-preview-context="editor"]) {
    position: fixed;
    display: none;
    inset: 0 auto auto 0;
    inline-size: 0;
    max-inline-size: 0;
    block-size: 0;
    max-block-size: 0;
    padding: 0;
    border: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow: none;
}

body > .sc-crkit[data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"],
body > [data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] {
    position: fixed;
    inset: 0;
    z-index: var(--elevation-base, 2000);
    inline-size: 100%;
    max-inline-size: 100%;
    block-size: 100dvh;
    min-block-size: 100dvh;
    max-block-size: 100dvh;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: clip;
    pointer-events: none;
    isolation: isolate;
}

body.admin-bar > .sc-crkit[data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"],
body.admin-bar > [data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] {
    --cr-wp-admin-bar-offset: var(--wp-admin--admin-bar--height, 32px);
    inset-block-start: var(--cr-wp-admin-bar-offset);
    block-size: calc(100dvh - var(--cr-wp-admin-bar-offset));
    min-block-size: calc(100dvh - var(--cr-wp-admin-bar-offset));
    max-block-size: calc(100dvh - var(--cr-wp-admin-bar-offset));
}

body > .sc-crkit[data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="app-body"],
body > [data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="app-body"] {
    display: none;
}

body > .sc-crkit[data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-host"],
body > [data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-host"] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

body > .sc-crkit[data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-host"] > [data-surface-kind],
body > [data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-host"] > [data-surface-kind] {
    pointer-events: auto;
}

body > .sc-crkit[data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-host"] > [data-surface-kind][data-surface-transition-phase="closing"],
body > [data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-host"] > [data-surface-kind][data-surface-transition-phase="closing"],
.sc-crkit [data-surface-kind="panel"][data-surface-transition-phase="closing"] {
    pointer-events: none;
}

body > .sc-crkit[data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-host"] > [data-part="surface-backdrop"],
body > [data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-host"] > [data-part="surface-backdrop"] {
    position: absolute;
    inset: 0;
    z-index: var(--elevation-panel, 5020);
    opacity: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    transition:
        opacity 180ms ease-out,
        backdrop-filter 180ms ease-out,
        -webkit-backdrop-filter 180ms ease-out;
}

body > .sc-crkit[data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-host"] > [data-part="surface-backdrop"][data-surface-backdrop-active="true"],
body > [data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-host"] > [data-part="surface-backdrop"][data-surface-backdrop-active="true"] {
    opacity: 1;
    pointer-events: auto;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

body > .sc-crkit[data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-templates"],
body > [data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] > [data-part="surface-templates"] {
    display: none !important;
}

.sc-crkit [data-surface-kind="panel"] > [data-part="panel-content"] {
    display: block;
    flex: 1 1 auto;
    box-sizing: border-box;
    inline-size: calc(100% + var(--cr-panel-padding-inline-end) - var(--cr-panel-scrollbar-edge-gap));
    min-inline-size: 0;
    max-inline-size: none;
    min-block-size: 0;
    max-block-size: 100%;
    padding-inline-end: calc(var(--cr-panel-padding-inline-end) - var(--cr-panel-scrollbar-edge-gap));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="center"] > [data-part="panel-content"] {
    max-block-size: calc(100dvh - (var(--cr-panel-gap) * 2) - (var(--cr-panel-padding-block) * 2));
}

.sc-crkit [data-surface-kind="panel"][data-surface-allow-swipeaway="true"][data-surface-placement="left"],
.sc-crkit [data-surface-kind="panel"][data-surface-allow-swipeaway="true"][data-surface-placement="right"] {
    touch-action: pan-y;
}

.sc-crkit [data-surface-kind="panel"][data-surface-allow-swipeaway="true"][data-surface-placement="top"],
.sc-crkit [data-surface-kind="panel"][data-surface-allow-swipeaway="true"][data-surface-placement="bottom"] {
    touch-action: pan-x;
}

.sc-crkit [data-surface-kind="panel"][data-surface-swipe-active="true"] {
    user-select: none;
}

.sc-crkit [data-surface-kind="panel"][data-surface-swipe-phase="dragging"] {
    transition: none;
}

.sc-crkit [data-surface-kind="panel"][data-surface-size="sm"] {
    inline-size: var(--cr-panel-size-sm);
}

.sc-crkit [data-surface-kind="panel"][data-surface-size="md"] {
    inline-size: var(--cr-panel-size-md);
}

.sc-crkit [data-surface-kind="panel"][data-surface-size="lg"] {
    inline-size: var(--cr-panel-size-lg);
}

.sc-crkit [data-surface-kind="panel"][data-surface-size="xl"] {
    inline-size: var(--cr-panel-size-xl);
}

.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="overlay"] {
    position: fixed;
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="left"] {
    --cr-panel-block-available: calc(100% - var(--cr-panel-top-offset) - var(--cr-panel-bottom-offset) - (var(--cr-panel-gap) * 2));
    inset: calc(var(--cr-panel-gap) + var(--cr-panel-top-offset)) auto calc(var(--cr-panel-gap) + var(--cr-panel-bottom-offset)) var(--cr-panel-gap);
    transform: translateX(calc(-100% - var(--cr-panel-gap)));
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="right"] {
    --cr-panel-block-available: calc(100% - var(--cr-panel-top-offset) - var(--cr-panel-bottom-offset) - (var(--cr-panel-gap) * 2));
    inset: calc(var(--cr-panel-gap) + var(--cr-panel-top-offset)) var(--cr-panel-gap) calc(var(--cr-panel-gap) + var(--cr-panel-bottom-offset)) auto;
    transform: translateX(calc(100% + var(--cr-panel-gap)));
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="top"] {
    inset: var(--cr-panel-gap) var(--cr-panel-gap) auto var(--cr-panel-gap);
    inline-size: calc(100% - (var(--cr-panel-gap) * 2));
    block-size: auto;
    max-block-size: min(24em, calc(100% - (var(--cr-panel-gap) * 2)));
    transform: translateY(calc(-100% - var(--cr-panel-gap)));
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="bottom"] {
    inset: auto var(--cr-panel-gap) var(--cr-panel-gap) var(--cr-panel-gap);
    inline-size: calc(100% - (var(--cr-panel-gap) * 2));
    block-size: auto;
    max-block-size: min(24em, calc(100% - (var(--cr-panel-gap) * 2)));
    transform: translateY(calc(100% + var(--cr-panel-gap)));
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="center"] {
    --cr-panel-padding-block: clamp(1.5em, 3vw, 3em);
    --cr-panel-padding-inline: clamp(1.25em, 4.5vw, 4.25em);
    inset: 50% auto auto 50%;
    max-inline-size: calc(100% - (var(--cr-panel-gap) * 2));
    block-size: auto;
    max-block-size: calc(100dvh - (var(--cr-panel-gap) * 2));
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%) scale(0.98);
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="center"][data-surface-size="lg"] {
    inline-size: min(var(--cr-panel-center-size-lg), calc(100% - (var(--cr-panel-gap) * 2)));
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="center"][data-surface-size="xl"] {
    inline-size: min(var(--cr-panel-center-size-xl), calc(100% - (var(--cr-panel-gap) * 2)));
}

.sc-crkit [data-surface-kind="panel"][data-surface-size="full-floating"] {
    inline-size: calc(100% - (var(--cr-panel-gap) * 2));
    max-inline-size: calc(100% - (var(--cr-panel-gap) * 2));
    block-size: calc(100% - (var(--cr-panel-gap) * 2));
    max-block-size: calc(100dvh - (var(--cr-panel-gap) * 2));
}

.sc-crkit [data-surface-kind="panel"][data-surface-size="full"] {
    --cr-panel-gap: 0px;
    --cr-panel-radius: 0px;
    --cr-surface-border: 0;
    --cr-surface-radius: 0px;
    --cr-surface-shadow: none;
    inline-size: 100%;
    max-inline-size: 100%;
    block-size: 100%;
    max-block-size: 100dvh;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="center"][data-surface-size="full"] {
    inset: 0;
    transform: scale(0.98);
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="left"][data-surface-size="full-floating"],
.sc-crkit [data-surface-kind="panel"][data-surface-placement="left"][data-surface-size="full"],
.sc-crkit [data-surface-kind="panel"][data-surface-placement="right"][data-surface-size="full-floating"],
.sc-crkit [data-surface-kind="panel"][data-surface-placement="right"][data-surface-size="full"] {
    block-size: var(--cr-panel-block-available);
    max-block-size: var(--cr-panel-block-available);
}

.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="overlay"][data-surface-placement="left"],
.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="overlay"][data-surface-placement="right"] {
    --cr-panel-block-available: calc(100dvh - var(--cr-panel-top-offset) - var(--cr-panel-bottom-offset) - (var(--cr-panel-gap) * 2));
    block-size: var(--cr-panel-block-available);
    max-block-size: var(--cr-panel-block-available);
}

.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="push"][data-surface-placement="left"],
.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="squeeze"][data-surface-placement="left"] {
    --cr-panel-gap: 0px;
    inset-inline-start: 0;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="push"][data-surface-placement="right"],
.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="squeeze"][data-surface-placement="right"] {
    --cr-panel-gap: 0px;
    inset-inline-end: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="push"][data-surface-placement="top"],
.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="squeeze"][data-surface-placement="top"] {
    --cr-panel-gap: 0px;
    inset-block-start: 0;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
}

.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="push"][data-surface-placement="bottom"],
.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="squeeze"][data-surface-placement="bottom"] {
    --cr-panel-gap: 0px;
    inset-block-end: 0;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
}

.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="overlay"][data-surface-placement="top"],
.sc-crkit [data-surface-kind="panel"][data-surface-effective-mode="overlay"][data-surface-placement="bottom"] {
    max-block-size: min(24em, calc(100dvh - (var(--cr-panel-gap) * 2)));
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="top"][data-surface-size="full-floating"],
.sc-crkit [data-surface-kind="panel"][data-surface-placement="bottom"][data-surface-size="full-floating"],
.sc-crkit [data-surface-kind="panel"][data-surface-placement="top"][data-surface-size="full"],
.sc-crkit [data-surface-kind="panel"][data-surface-placement="bottom"][data-surface-size="full"] {
    max-block-size: calc(100dvh - (var(--cr-panel-gap) * 2));
}

.sc-crkit [data-surface-kind="panel"][data-surface-open-state="open"] {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    transition:
        transform 560ms cubic-bezier(0.16, 1, 0.3, 1),
        opacity 180ms ease-out,
        visibility 0s linear 0s;
}


.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"] {
    --cr-panel-unshade-clip: inset(0 0 100% 0);
    --cr-panel-unshade-content-x: 0;
    --cr-panel-unshade-content-y: -0.5rem;
    opacity: 1;
    clip-path: var(--cr-panel-unshade-clip);
    transform: none;
    transition:
        clip-path 440ms cubic-bezier(0.16, 1, 0.3, 1) 70ms,
        visibility 0s linear 510ms;
}

.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"][data-surface-transition-direction="top"],
.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"][data-surface-transition-direction="auto"][data-surface-placement="top"],
.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"][data-surface-transition-direction="auto"][data-surface-placement="center"] {
    --cr-panel-unshade-clip: inset(0 0 100% 0);
    --cr-panel-unshade-content-x: 0;
    --cr-panel-unshade-content-y: -0.5rem;
}

.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"][data-surface-transition-direction="right"],
.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"][data-surface-transition-direction="auto"][data-surface-placement="right"] {
    --cr-panel-unshade-clip: inset(0 0 0 100%);
    --cr-panel-unshade-content-x: 0.5rem;
    --cr-panel-unshade-content-y: 0;
}

.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"][data-surface-transition-direction="bottom"],
.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"][data-surface-transition-direction="auto"][data-surface-placement="bottom"] {
    --cr-panel-unshade-clip: inset(100% 0 0 0);
    --cr-panel-unshade-content-x: 0;
    --cr-panel-unshade-content-y: 0.5rem;
}

.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"][data-surface-transition-direction="left"],
.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"][data-surface-transition-direction="auto"][data-surface-placement="left"] {
    --cr-panel-unshade-clip: inset(0 100% 0 0);
    --cr-panel-unshade-content-x: -0.5rem;
    --cr-panel-unshade-content-y: 0;
}

.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"] > [data-part="panel-content"] {
    opacity: 0;
    transform: translate(var(--cr-panel-unshade-content-x), var(--cr-panel-unshade-content-y));
    transition:
        opacity 120ms ease-out,
        transform 180ms ease-out;
}

.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"][data-surface-open-state="open"] {
    clip-path: inset(0);
    transform: none;
    transition:
        clip-path 440ms cubic-bezier(0.16, 1, 0.3, 1) 30ms,
        visibility 0s linear 0s;
}

.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="unshade"][data-surface-open-state="open"] > [data-part="panel-content"] {
    opacity: 1;
    transform: translate(0, 0);
    transition:
        opacity 220ms ease-out 130ms,
        transform 360ms cubic-bezier(0.16, 1, 0.3, 1) 80ms;
}

.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="fade"] {
    transform: none;
    transition:
        opacity 220ms ease-out,
        visibility 0s linear 220ms;
}

.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="fade"][data-surface-open-state="open"] {
    transform: none;
    transition:
        opacity 220ms ease-out,
        visibility 0s linear 0s;
}

.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="none"],
.sc-crkit [data-surface-kind="panel"][data-surface-transition-type="none"][data-surface-open-state="open"] {
    transform: none;
    transition: none;
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="center"][data-surface-open-state="open"] {
    transform: translate(-50%, -50%) scale(1);
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="center"][data-surface-size="full"][data-surface-open-state="open"] {
    transform: scale(1);
}

.sc-crkit [data-surface-kind="panel"][data-surface-placement="center"][data-surface-transition-type="unshade"],
.sc-crkit [data-surface-kind="panel"][data-surface-placement="center"][data-surface-transition-type="fade"],
.sc-crkit [data-surface-kind="panel"][data-surface-placement="center"][data-surface-transition-type="none"] {
    transform: translate(-50%, -50%);
}

.sc-crkit [data-surface-kind="panel"][data-surface-size="full"][data-surface-placement="center"][data-surface-transition-type="unshade"],
.sc-crkit [data-surface-kind="panel"][data-surface-size="full"][data-surface-placement="center"][data-surface-transition-type="fade"],
.sc-crkit [data-surface-kind="panel"][data-surface-size="full"][data-surface-placement="center"][data-surface-transition-type="none"] {
    transform: none;
}

.sc-crkit [data-surface-kind="panel"] > [data-part="panel-close"] {
    position: absolute;
    inset-block-start: 0.9rem;
    inset-inline-end: 0.9rem;
    z-index: 2;
    display: inline-grid;
    place-items: center;
    box-sizing: border-box;
    inline-size: var(--cr-panel-close-size);
    min-inline-size: var(--cr-panel-close-size);
    block-size: var(--cr-panel-close-size);
    min-block-size: var(--cr-panel-close-size);
    margin: 0;
    padding: 0;
    appearance: none;
    border: 0;
    border-radius: 999px;
    background: var(--cr-surface-close-background);
    color: var(--cr-surface-close-color);
    box-shadow: var(--cr-surface-close-shadow);
    font: inherit;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease;
}

.sc-crkit [data-surface-kind="panel"] > [data-part="panel-close"]:hover {
    background: var(--cr-surface-close-hover-background);
    color: var(--cr-surface-close-color);
}

.sc-crkit [data-surface-kind="panel"] > [data-part="panel-close"]:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.sc-crkit [data-surface-kind="panel"] > [data-part="panel-close"] > [data-part="panel-close-icon"] {
    display: block;
    inline-size: var(--cr-panel-close-icon-size);
    block-size: var(--cr-panel-close-icon-size);
    max-inline-size: var(--cr-panel-close-icon-size);
    max-block-size: var(--cr-panel-close-icon-size);
    pointer-events: none;
}

.sc-crkit [data-surface-kind="panel"] > [data-part="panel-close"] > [data-part="panel-close-icon"] svg {
    display: block;
    width: 100%;
    height: 100%;
}

.sc-crkit [data-surface-kind="panel"] > [data-part="panel-close"]:disabled {
    opacity: 1;
    pointer-events: none;
}

.sc-crkit [data-crkit-preview-context="editor"][data-type="panel"][data-surface-kind="panel"] {
    position: relative;
    inset: auto;
    z-index: auto;
    inline-size: 100%;
    max-inline-size: 100%;
    block-size: auto;
    max-block-size: none;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
}

.sc-crkit [data-crkit-preview-context="editor"][data-type="panel"][data-surface-kind="panel"] > [data-part="panel-close"] {
    display: none;
}

.sc-crkit [data-crkit-preview-context="editor"][data-type="panel"][data-surface-kind="panel"] > [data-part="panel-content"] {
    display: block;
    min-block-size: 1px;
}

@media (max-width: 479px) {
    .sc-crkit [data-surface-kind="panel"] {
        --cr-panel-radius: calc(var(--radius-med, 10px) * 0.75);
    }
}

@media (max-width: 781px) {
    body.admin-bar > .sc-crkit[data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"],
    body.admin-bar > [data-app-root="true"][data-surface-shell="true"][data-surface-standalone="true"] {
        --cr-wp-admin-bar-offset: var(--wp-admin--admin-bar--height, 46px);
    }

    .sc-crkit [data-surface-kind="panel"][data-surface-fill-screen-on-mobile="false"] {
        --cr-panel-gap: 1em;
    }

    .sc-crkit [data-surface-kind="panel"][data-surface-fill-screen-on-mobile="true"] {
        --cr-panel-gap: 0px;
        --cr-panel-radius: 0px;
        --cr-surface-radius: 0px;
        --cr-surface-shadow: none;
        inset: 0;
        inset-block-start: var(--cr-panel-top-offset);
        inline-size: 100%;
        max-inline-size: 100%;
        block-size: calc(100% - var(--cr-panel-top-offset));
        max-block-size: calc(100% - var(--cr-panel-top-offset));
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .sc-crkit [data-surface-kind="panel"][data-surface-fill-screen-on-mobile="true"][data-surface-placement="center"] {
        inset: 0;
        inset-block-start: var(--cr-panel-top-offset);
        inline-size: 100%;
        max-inline-size: 100%;
        block-size: calc(100% - var(--cr-panel-top-offset));
        max-block-size: calc(100% - var(--cr-panel-top-offset));
        transform: scale(0.98);
    }

    .sc-crkit [data-surface-kind="panel"][data-surface-fill-screen-on-mobile="true"][data-surface-placement="center"][data-surface-open-state="open"] {
        transform: scale(1);
    }

    .sc-crkit [data-surface-kind="panel"] > [data-part="panel-close"] {
        inset-block-start: 0.85rem;
        inset-inline-end: 0.85rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sc-crkit [data-surface-kind="panel"][data-surface-transition-type],
    .sc-crkit [data-surface-kind="panel"][data-surface-transition-type][data-surface-open-state="open"] {
        clip-path: none;
        transition: none;
        transform: none;
        opacity: 1;
        visibility: visible;
    }

    .sc-crkit [data-surface-kind="panel"][data-surface-transition-type] > [data-part="panel-content"],
    .sc-crkit [data-surface-kind="panel"][data-surface-transition-type][data-surface-open-state="open"] > [data-part="panel-content"] {
        transition: none;
        transform: none;
        opacity: 1;
    }

    .sc-crkit [data-surface-kind="panel"][data-surface-transition-type]:not([data-surface-open-state="open"]) {
        opacity: 0;
        visibility: hidden;
    }

    .sc-crkit [data-surface-kind="panel"][data-surface-transition-type][data-surface-placement="center"] {
        transform: translate(-50%, -50%);
    }

    .sc-crkit [data-surface-kind="panel"][data-surface-transition-type][data-surface-placement="center"][data-surface-size="full"] {
        transform: none;
    }
}
}
@layer crkit.controls {
.sc-crkit [data-type="popover"][data-popover-template="true"] {
    display: none !important;
}

.sc-crkit [data-part="surface-host"] > [data-part="popover-overlay"] {
    position: absolute;
    inset: 0;
    z-index: var(--elevation-popover-backdrop, 5040);
    opacity: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    transition:
        opacity 180ms ease-out,
        backdrop-filter 180ms ease-out,
        -webkit-backdrop-filter 180ms ease-out;
}

.sc-crkit [data-part="surface-host"] > [data-part="popover-overlay"][data-popover-overlay-active="true"] {
    opacity: 1;
    pointer-events: auto;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.sc-crkit .cr-popover-live {
    --cr-popover-gap: 0.75rem;
    --cr-popover-padding: 0.7rem;
    --cr-popover-radius: var(--radius-med, 10px);
    --cr-popover-size-sm: 14em;
    --cr-popover-size-md: 18em;
    --cr-popover-size-lg: 24em;
    --cr-popover-size-xl: 30em;
    --cr-surface-close-size: var(--theme-surface-close-size, 24px);
    --cr-surface-close-icon-size: var(--theme-surface-close-icon-size, 16px);
    --cr-surface-close-background: var(--theme-surface-close-background, color-mix(in srgb, currentColor 8%, transparent));
    --cr-surface-close-hover-background: var(--theme-surface-close-hover-background, var(--theme-interactive-hover-background));
    --cr-surface-close-color: var(--theme-surface-close-color, currentColor);
    --cr-surface-close-shadow: var(--theme-surface-close-shadow, none);
    --cr-popover-close-size: var(--cr-surface-close-size);
    --cr-popover-close-icon-size: var(--cr-surface-close-icon-size);
    --cr-popover-border: var(--theme-popover-border-width, 1px) solid var(--theme-popover-border-color, var(--theme-line, rgba(44, 51, 56, 0.12)));
    --cr-popover-background: var(--theme-popover-background, var(--theme-surface-solid, #ffffff));
    --cr-popover-color: var(--theme-popover-ink, var(--theme-ink, #2c3338));
    --cr-popover-shadow: var(--theme-popover-shadow, var(--theme-shadow-shell, 0 20px 60px rgba(44, 51, 56, 0.14)));
    position: absolute;
    z-index: var(--elevation-popover, 5050);
    box-sizing: border-box;
    display: grid;
    gap: 0.45rem;
    inline-size: min(var(--cr-popover-size-md), calc(100vw - 1.5rem));
    max-inline-size: calc(100vw - 1.5rem);
    max-block-size: calc(100dvh - 1.5rem);
    overflow: auto;
    padding: var(--cr-popover-padding);
    border: var(--cr-popover-border);
    border-radius: var(--cr-popover-radius);
    background: var(--cr-popover-background);
    color: var(--cr-popover-color);
    box-shadow: var(--cr-popover-shadow);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(0.4rem) scale(0.985);
    transition:
        transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
        opacity 150ms ease-out,
        visibility 0s linear 220ms;
}

.sc-crkit .cr-popover-live[data-popover-show-close="true"] > [data-popover-heading="true"] {
    padding-inline-end: calc(var(--cr-popover-close-size) + 0.6rem);
}

.sc-crkit .cr-popover-live[data-popover-size="sm"] {
    inline-size: min(var(--cr-popover-size-sm), calc(100vw - 1.5rem));
}

.sc-crkit .cr-popover-live[data-popover-size="md"] {
    inline-size: min(var(--cr-popover-size-md), calc(100vw - 1.5rem));
}

.sc-crkit .cr-popover-live[data-popover-size="lg"] {
    inline-size: min(var(--cr-popover-size-lg), calc(100vw - 1.5rem));
}

.sc-crkit .cr-popover-live[data-popover-size="xl"] {
    inline-size: min(var(--cr-popover-size-xl), calc(100vw - 1.5rem));
}

.sc-crkit .cr-popover-live[data-popover-size="full-floating"] {
    inline-size: calc(100vw - 1rem);
    max-inline-size: calc(100vw - 1rem);
    max-block-size: calc(100dvh - 1rem);
}

.sc-crkit .cr-popover-live[data-popover-size="full"] {
    inline-size: calc(100vw - 1rem);
    max-inline-size: calc(100vw - 1rem);
    max-block-size: calc(100dvh - 1rem);
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.sc-crkit .cr-popover-live[data-popover-mode="anchored"][data-popover-size="full"][data-popover-placement="top"],
.sc-crkit .cr-popover-live[data-popover-mode="anchored"][data-popover-size="full"][data-popover-placement="bottom"],
.sc-crkit .cr-popover-live[data-popover-mode="anchored"][data-popover-size="full-floating"][data-popover-placement="top"],
.sc-crkit .cr-popover-live[data-popover-mode="anchored"][data-popover-size="full-floating"][data-popover-placement="bottom"] {
    inline-size: var(--cr-popover-anchor-inline-size);
    min-inline-size: var(--cr-popover-anchor-inline-size);
    max-inline-size: var(--cr-popover-anchor-inline-size);
}

.sc-crkit .cr-popover-live[data-popover-mode="anchored"][data-popover-size="full"][data-popover-placement="left"],
.sc-crkit .cr-popover-live[data-popover-mode="anchored"][data-popover-size="full"][data-popover-placement="right"],
.sc-crkit .cr-popover-live[data-popover-mode="anchored"][data-popover-size="full-floating"][data-popover-placement="left"],
.sc-crkit .cr-popover-live[data-popover-mode="anchored"][data-popover-size="full-floating"][data-popover-placement="right"] {
    block-size: var(--cr-popover-anchor-block-size);
    min-block-size: var(--cr-popover-anchor-block-size);
    max-block-size: var(--cr-popover-anchor-block-size);
}

.sc-crkit .cr-popover-live[data-popover-mode="floating"] {
    position: fixed;
}

.sc-crkit .cr-popover-live[data-popover-csp-safe="true"] {
    position: fixed;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, calc(-50% + 0.4rem)) scale(0.985);
}

.sc-crkit .cr-popover-live[data-popover-placement="top"] {
    transform: translateY(-0.4rem) scale(0.985);
}

.sc-crkit .cr-popover-live[data-popover-placement="left"] {
    transform: translateX(-0.4rem) scale(0.985);
}

.sc-crkit .cr-popover-live[data-popover-placement="right"] {
    transform: translateX(0.4rem) scale(0.985);
}

.sc-crkit .cr-popover-live[data-popover-open-state="open"] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(0, 0) scale(1);
    transition:
        transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
        opacity 150ms ease-out,
        visibility 0s linear 0s;
}

.sc-crkit .cr-popover-live[data-popover-csp-safe="true"][data-popover-open-state="open"] {
    transform: translate(-50%, -50%) scale(1);
}

.sc-crkit .cr-popover-live > [data-popover-close-link="true"].page-link {
    position: absolute;
    inset-block-start: var(--cr-popover-padding);
    inset-inline-end: var(--cr-popover-padding);
    z-index: 2;
    color: var(--cr-surface-close-color);
    text-decoration: none;
}

.sc-crkit .cr-popover-live > [data-popover-close-link="true"].page-link.btn.btn-shape-circle {
    inline-size: var(--cr-popover-close-size);
    min-inline-size: var(--cr-popover-close-size);
    block-size: var(--cr-popover-close-size);
    min-block-size: var(--cr-popover-close-size);
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: var(--cr-surface-close-background);
    box-shadow: var(--cr-surface-close-shadow);
    transition: background-color 160ms ease, color 160ms ease;
}

.sc-crkit .cr-popover-live > [data-popover-close-link="true"].page-link.btn.btn-shape-circle:hover {
    background: var(--cr-surface-close-hover-background);
    color: var(--cr-surface-close-color);
}

.sc-crkit .cr-popover-live > [data-popover-close-link="true"].page-link .cr-link-image {
    inline-size: var(--cr-popover-close-icon-size);
    block-size: var(--cr-popover-close-icon-size);
    max-inline-size: var(--cr-popover-close-icon-size);
    max-block-size: var(--cr-popover-close-icon-size);
}

.sc-crkit .cr-popover-live > [data-popover-close-link="true"].page-link .cr-link-image svg {
    width: 100%;
    height: 100%;
}

.sc-crkit .cr-popover-live > [data-popover-close-link="true"].page-link.is-disabled,
.sc-crkit .cr-popover-live > [data-popover-close-link="true"].page-link[aria-disabled="true"] {
    opacity: 1;
    pointer-events: none;
}
}
@layer crkit.controls {
[data-type="progress"] {
    display: block;
    position: relative;
    inline-size: 100%;
    min-inline-size: 0;
    color: var(--cr-progress-fill-color, var(--color-accent, #0594db));
    accent-color: currentColor;
}

[data-type="progress"] [hidden] {
    display: none !important;
}

[data-type="progress"] [data-part="progress-shell"] {
    position: relative;
    display: block;
    inline-size: 100%;
    min-inline-size: 0;
}

[data-type="progress"] [data-part="progress-output"],
[data-type="progress"] [data-part="progress-input"] {
    display: block;
    box-sizing: border-box;
    inline-size: 100%;
    block-size: var(--cr-progress-height, 1.125em);
    margin: 0;
}

[data-type="progress"] [data-part="progress-output"] {
    border: 0;
    border-radius: 999px;
    overflow: hidden;
}

[data-type="progress"][data-mode="single"] [data-part="progress-output"] {
    position: absolute;
    inset-block-start: 50%;
    inset-inline: 0;
    block-size: 0.375em;
    transform: translateY(-50%);
    pointer-events: none;
}

[data-type="progress"][data-mode="single"] [data-part="progress-input"] {
    position: relative;
    z-index: 1;
    appearance: none;
    background: transparent;
}

[data-type="progress"][data-allow-change="true"] [data-part="progress-input"] {
    cursor: pointer;
}

[data-type="progress"][data-allow-change="false"] [data-part="progress-input"] {
    cursor: default;
}

[data-type="progress"] [data-part="progress-output"]::-webkit-progress-bar {
    background: var(--cr-progress-track-color, var(--color-border-subtle, #d9dde2));
}

[data-type="progress"] [data-part="progress-output"]::-webkit-progress-value {
    background: currentColor;
}

[data-type="progress"] [data-part="progress-output"]::-moz-progress-bar {
    background: currentColor;
}

[data-type="progress"] [data-part="progress-range"] {
    position: relative;
    inline-size: 100%;
    block-size: var(--cr-progress-height, 1.125em);
    min-block-size: var(--cr-progress-height, 1.125em);
}

[data-type="progress"] [data-part="progress-range-visual"] {
    position: absolute;
    inset: 0;
    display: block;
    inline-size: 100%;
    block-size: 100%;
    overflow: visible;
    pointer-events: none;
}

[data-type="progress"] [data-part="progress-track"] {
    fill: var(--cr-progress-track-color, var(--color-border-subtle, #d9dde2));
}

[data-type="progress"] [data-part="progress-fill"] {
    fill: currentColor;
}

[data-type="progress"] [data-part="progress-notch"] {
    stroke: var(--cr-progress-notch-color, #ffffff);
    stroke-width: 0.8;
    vector-effect: non-scaling-stroke;
}

[data-type="progress"] [data-part="progress-range"] [data-part="progress-input"] {
    position: absolute;
    inset: 0;
    z-index: 1;
    appearance: none;
    background: transparent;
    pointer-events: none;
}

[data-type="progress"] [data-part="progress-input"]::-webkit-slider-runnable-track {
    block-size: 0.375em;
    background: transparent;
}

[data-type="progress"] [data-part="progress-input"]::-moz-range-track {
    block-size: 0.375em;
    background: transparent;
}

[data-type="progress"] [data-part="progress-input"]::-webkit-slider-thumb {
    appearance: none;
    inline-size: 1em;
    block-size: 1em;
    margin-block-start: -0.3125em;
    border: 0;
    border-radius: 50%;
    background: var(--cr-progress-thumb-fill, var(--cr-progress-fill-color, var(--color-accent, #0594db)));
    pointer-events: auto;
    cursor: pointer;
}

[data-type="progress"] [data-part="progress-input"]::-moz-range-thumb {
    inline-size: 1em;
    block-size: 1em;
    border: 0;
    border-radius: 50%;
    background: var(--cr-progress-thumb-fill, var(--cr-progress-fill-color, var(--color-accent, #0594db)));
    pointer-events: auto;
    cursor: pointer;
}

[data-type="progress"][data-show-caret="false"] [data-part="progress-input"]::-webkit-slider-thumb {
    opacity: 0;
}

[data-type="progress"][data-show-caret="false"] [data-part="progress-input"]::-moz-range-thumb {
    opacity: 0;
}

[data-type="progress"][data-allow-change="false"] [data-part="progress-input"]::-webkit-slider-thumb {
    cursor: default;
}

[data-type="progress"][data-allow-change="false"] [data-part="progress-input"]::-moz-range-thumb {
    cursor: default;
}

[data-type="progress"][data-vertical="true"] {
    inline-size: var(--cr-progress-height, 1.125em);
    block-size: var(--cr-progress-vertical-size, 10em);
    min-block-size: var(--cr-progress-vertical-size, 10em);
}

[data-type="progress"][data-vertical="true"] [data-part="progress-shell"],
[data-type="progress"][data-vertical="true"] [data-part="progress-range"] {
    inline-size: 100%;
    block-size: 100%;
}

[data-type="progress"][data-vertical="true"] [data-part="progress-input"] {
    inline-size: 100%;
    block-size: 100%;
    writing-mode: vertical-lr;
    direction: rtl;
}

[data-type="progress"] [data-part="progress-input"]:focus-visible {
    outline: 0.15em solid var(--cr-progress-focus-stroke, currentColor);
    outline-offset: 0.2em;
}
}
@layer crkit.controls {
[data-type="quiz"] {
    box-sizing: border-box;
    display: block;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 100%;
}

[data-type="quiz"] > [data-part="quiz-steps"] {
    display: block;
    inline-size: 100%;
    min-block-size: inherit;
    overflow-x: clip;
}

[data-type="quiz"] [data-type="quiz-step"] { display: none; }
[data-type="quiz"] [data-type="quiz-step"].is-active,
[data-type="quiz"] [data-part="quiz-steps"] > [data-type="quiz-step"]:first-child { display: block; }
[data-type="quiz"] [data-part="quiz-steps"] > [data-type="quiz-step"][hidden] { display: none; }

[data-crkit-preview-context="editor"] [data-type="quiz"] [data-type="quiz-step"] {
    display: block;
}

@media (prefers-reduced-motion: no-preference) {
    [data-type="quiz"][data-quiz-direction="forward"] [data-type="quiz-step"].is-active {
        animation: cr-quiz-step-enter-forward 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
    }

    [data-type="quiz"][data-quiz-direction="backward"] [data-type="quiz-step"].is-active {
        animation: cr-quiz-step-enter-backward 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
    }
}

@keyframes cr-quiz-step-enter-forward {
    from {
        opacity: 0;
        transform: translateX(2rem);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes cr-quiz-step-enter-backward {
    from {
        opacity: 0;
        transform: translateX(-2rem);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}
}
@layer crkit.controls {
[data-type="quiz-navigation"] {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    inline-size: 100%;
    min-inline-size: 0;
}

[data-type="quiz-navigation"] [data-quiz-action] {
    min-inline-size: min(10rem, 30%);
}

[data-type="quiz-navigation"] [data-quiz-action="reset"][hidden] {
    display: none;
}

.sc-crkit [data-type="quiz-navigation"] .page-link[data-quiz-action="previous"]:disabled {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .sc-crkit [data-type="quiz-navigation"] .page-link[data-quiz-action="previous"] {
        transition:
            opacity 180ms ease,
            visibility 0s linear 0s;
    }

    .sc-crkit [data-type="quiz-navigation"] .page-link[data-quiz-action="previous"]:disabled {
        transition-delay: 0s, 180ms;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sc-crkit [data-type="quiz-navigation"] .page-link[data-quiz-action="previous"] {
        transition: none;
    }
}

@media (max-width: 30rem) {
    [data-type="quiz-navigation"] [data-quiz-action] {
        flex: 1 1 0;
        min-inline-size: 0;
    }
}
}
@layer crkit.controls {
[data-type="quiz-progress"] {
    box-sizing: border-box;
    display: grid;
    gap: 0.45rem;
    inline-size: 100%;
    min-inline-size: 0;
}

[data-type="quiz-progress"] [data-part="quiz-progress-label"] {
    color: var(--theme-muted, #646970);
    font-size: 0.875rem;
    font-weight: 650;
}

[data-type="quiz-progress"] [data-part="quiz-progress-meter"] {
    display: block;
    inline-size: 100%;
    block-size: 0.55rem;
    overflow: hidden;
    border: 0;
    border-radius: 999em;
    background: var(--theme-line, #d8d8dc);
    accent-color: var(--theme-accent, currentColor);
}

[data-type="quiz-progress"] [data-part="quiz-progress-meter"]::-webkit-progress-bar {
    border-radius: inherit;
    background: var(--theme-line, #d8d8dc);
}

[data-type="quiz-progress"] [data-part="quiz-progress-meter"]::-webkit-progress-value {
    border-radius: inherit;
    background: var(--theme-accent, currentColor);
}

[data-type="quiz-progress"] [data-part="quiz-progress-meter"]::-moz-progress-bar {
    border-radius: inherit;
    background: var(--theme-accent, currentColor);
}
}
@layer crkit.controls {
[data-type="quiz-question"] {
    --cr-quiz-correct: var(--theme-toast-success-bg, #287a45);
    --cr-quiz-incorrect: var(--theme-toast-error-bg, #b3261e);
    box-sizing: border-box;
    inline-size: 100%;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

[data-type="quiz-question"] > legend {
    box-sizing: border-box;
    inline-size: 100%;
    max-inline-size: none;
    padding: 0;
}

[data-type="quiz-question"] [data-part="quiz-question-number"] {
    display: block;
    margin-block-end: 0.55rem;
    color: var(--theme-muted, #646970);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

[data-type="quiz-question"] [data-part="quiz-question-prompt"] {
    display: block;
    inline-size: 100%;
    max-inline-size: none;
    color: var(--theme-ink, currentColor);
    font-family: var(--font-family-heading, inherit);
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    font-weight: 500;
    line-height: 1.25;
    text-wrap: wrap;
}

[data-type="quiz-question"] [data-part="quiz-question-instruction"] {
    margin-block: 1.25rem;
    color: var(--theme-muted, #646970);
}

[data-type="quiz-question"] [data-part="quiz-choices"] {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 2px solid var(--theme-line, #d8d8dc);
    border-radius: var(--theme-button-border-radius, 0.65em);
    background: var(--theme-surface-solid, #fff);
}

[data-type="quiz-question"] [data-part="quiz-choice"] {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    align-content: center;
    gap: 0.8rem;
    min-block-size: 3.25rem;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--theme-ink, currentColor);
    cursor: pointer;
}

[data-type="quiz-question"] [data-part="quiz-choice"] + [data-part="quiz-choice"] {
    border-block-start: 1px solid var(--theme-line, #d8d8dc);
}

[data-type="quiz-question"] [data-part="quiz-choice-label"] {
    min-inline-size: 0;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

[data-type="quiz-question"] [data-part="quiz-choice-heading"] {
    display: block;
    margin-block-end: 0.2em;
    font-weight: 700;
}

[data-type="quiz-question"] [data-part="quiz-choice"]:hover {
    background: var(--theme-interactive-hover-background);
}

[data-type="quiz-question"] [data-part="quiz-choice"]:has(input:focus-visible) {
    outline: 2px solid var(--theme-focus-ring-color, currentColor);
    outline-offset: 2px;
}

[data-type="quiz-question"] [data-part="quiz-choice-input"] {
    inline-size: 1.2rem;
    block-size: 1.2rem;
    margin: 0.15em 0 0;
    accent-color: var(--theme-accent, currentColor);
}

[data-type="quiz-question"][data-quiz-grade="correct"] [data-part="quiz-choices"] {
    border-color: var(--cr-quiz-correct);
}

[data-type="quiz-question"][data-quiz-grade="incorrect"] [data-part="quiz-choices"] {
    border-color: var(--cr-quiz-incorrect);
}

[data-type="quiz-question"] [data-choice-grade="correct"] {
    background: color-mix(in srgb, var(--cr-quiz-correct) 9%, var(--theme-surface-solid, #fff));
}

[data-type="quiz-question"] [data-choice-grade="incorrect"] {
    background: color-mix(in srgb, var(--cr-quiz-incorrect) 9%, var(--theme-surface-solid, #fff));
}

[data-type="quiz-question"] [data-part="quiz-choice-status"] {
    display: grid;
    place-items: center;
    inline-size: 1.35rem;
    block-size: 1.35rem;
    margin-block-start: 0.05em;
}

[data-type="quiz-question"] [data-choice-grade="correct"] [data-part="quiz-choice-status"] { color: var(--cr-quiz-correct); }
[data-type="quiz-question"] [data-choice-grade="incorrect"] [data-part="quiz-choice-status"] { color: var(--cr-quiz-incorrect); }
[data-type="quiz-question"] [data-part="quiz-choice-status"] svg { inline-size: 100%; block-size: 100%; }

[data-type="quiz-question"] [data-part="quiz-question-status"] {
    min-block-size: 1.5em;
    margin-block-start: 0.75rem;
    font-weight: 650;
}

[data-type="quiz-question"][data-quiz-grade="correct"] [data-part="quiz-question-status"] { color: var(--cr-quiz-correct); }
[data-type="quiz-question"][data-quiz-grade="incorrect"] [data-part="quiz-question-status"],
[data-type="quiz-question"][data-quiz-grade="missing"] [data-part="quiz-question-status"] { color: var(--cr-quiz-incorrect); }
}
@layer crkit.controls {
[data-type="quiz-result"] {
    box-sizing: border-box;
    inline-size: 100%;
    min-inline-size: 0;
    margin-block-start: 1.25rem;
    padding: 1rem 1.1rem;
    border-inline-start: 0.3rem solid var(--theme-accent, currentColor);
    border-radius: var(--theme-button-border-radius, 0.65em);
    background: var(--theme-interactive-hover-background, color-mix(in srgb, currentColor 5%, transparent));
}

[data-type="quiz-result"][hidden] { display: none; }
[data-crkit-preview-context="editor"] [data-type="quiz-result"][hidden] { display: block; opacity: 0.7; }
}
@layer crkit.controls {
[data-type="quiz-step"] {
    box-sizing: border-box;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 100%;
    outline: none;
}

[data-type="quiz-step"] > [data-part="quiz-step-content"] {
    display: block;
    inline-size: 100%;
}
}
@layer crkit.controls {
html[data-resize-active="true"],
html[data-resize-active="true"] body {
    user-select: none;
}

html[data-resize-active="true"][data-resize-axis="x"],
html[data-resize-active="true"][data-resize-axis="x"] body {
    cursor: col-resize;
}

html[data-resize-active="true"][data-resize-axis="y"],
html[data-resize-active="true"][data-resize-axis="y"] body {
    cursor: row-resize;
}

html[data-resize-active="true"][data-resize-axis="both"],
html[data-resize-active="true"][data-resize-axis="both"] body {
    cursor: nwse-resize;
}

[data-resize-handle="true"] {
    background: transparent;
}
}
@layer crkit.controls {
.cr-search-input {
    --_cr-search-input-collapsed-inline-size: var(--cr-search-input-collapsed-inline-size, var(--theme-button-min-block-size, 2.72em));
    --_cr-search-input-expanded-inline-size: var(--cr-search-input-expanded-inline-size, 100%);
    --_cr-search-input-block-size: var(--cr-search-input-block-size, var(--theme-button-min-block-size, 2.72em));
    --_cr-search-input-font-size: var(--cr-search-input-font-size, var(--theme-form-control-input-font-size, 1rem));
    --_cr-search-input-icon-size: var(--cr-search-input-icon-size, 1.25em);
    --_cr-search-input-gap: var(--cr-search-input-gap, 0.35em);
    --_cr-search-input-active-gap: 0px;
    --_cr-search-input-active-icon-color: var(--cr-search-input-active-icon-color, var(--color-accent-stronger, currentColor));
    --_cr-search-input-transition-duration: var(--cr-search-input-transition-duration, 220ms);
    --cr-search-input-button-inline-size: var(--cr-search-input-actuator-inline-size, auto);
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: var(--_cr-search-input-active-gap);
    inline-size: var(--_cr-search-input-collapsed-inline-size);
    max-inline-size: 100%;
    min-inline-size: var(--_cr-search-input-collapsed-inline-size);
    block-size: var(--_cr-search-input-block-size);
    min-block-size: var(--_cr-search-input-block-size);
    padding: 0;
    overflow: hidden;
    cursor: text;
    font-family: var(--theme-form-control-input-font-family, var(--font-family-body, inherit));
    font-size: var(--_cr-search-input-font-size);
    font-weight: var(--theme-form-control-input-font-weight, inherit);
    line-height: var(--theme-form-control-input-line-height, 1.2);
    text-decoration: none;
    transition:
        inline-size var(--_cr-search-input-transition-duration) ease,
        min-inline-size var(--_cr-search-input-transition-duration) ease,
        background-color var(--theme-button-transition-duration, 0.2s) ease,
        border-color var(--theme-button-transition-duration, 0.2s) ease,
        color var(--theme-button-transition-duration, 0.2s) ease;
}

.cr-search-input.is-expanded,
.cr-search-input.is-always-expanded {
    --_cr-search-input-active-gap: var(--_cr-search-input-gap);
    inline-size: var(--_cr-search-input-expanded-inline-size);
    min-inline-size: var(--_cr-search-input-collapsed-inline-size);
}

.cr-search-input.page-link.btn,
.cr-search-input.btn {
    padding: 0;
    font-family: var(--theme-form-control-input-font-family, var(--font-family-body, inherit));
    font-size: var(--_cr-search-input-font-size);
    font-weight: var(--theme-form-control-input-font-weight, inherit);
    line-height: var(--theme-form-control-input-line-height, 1.2);
}

.cr-search-input.page-link.btn:not(.is-disabled):hover,
.cr-search-input.btn:not(.is-disabled):hover {
    background-color: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

.cr-search-input.is-disabled {
    cursor: default;
    opacity: 0.55;
}

.cr-search-input [data-part="search-button"] {
    appearance: none;
    display: inline-grid;
    place-items: center;
    flex: 0 0 var(--cr-search-input-button-inline-size);
    inline-size: var(--cr-search-input-button-inline-size);
    min-inline-size: var(--cr-search-input-button-inline-size);
    block-size: 100%;
    aspect-ratio: 1;
    margin: 0;
    padding: 0;
    color: currentColor;
    background: transparent;
    border: 0;
    border-radius: inherit;
    cursor: pointer;
    font: inherit;
    line-height: 1;
    box-shadow: none;
}

.cr-search-input [data-part="search-button"]:disabled {
    cursor: default;
}

.cr-search-input [data-part="search-icon"] {
    display: inline-grid;
    place-items: center;
    inline-size: var(--_cr-search-input-icon-size);
    block-size: var(--_cr-search-input-icon-size);
    pointer-events: none;
    transition: color var(--theme-button-transition-duration, 0.2s) ease;
}

.cr-search-input [data-part="search-icon"] > svg {
    display: block;
    inline-size: 100%;
    block-size: 100%;
}

.cr-search-input [data-part="search-field"] {
    appearance: none;
    box-sizing: border-box;
    flex: 1 1 auto;
    inline-size: 0;
    min-inline-size: 0;
    max-inline-size: 100%;
    margin: 0;
    padding: 0;
    color: currentColor;
    background: transparent;
    border: 0;
    outline: 0;
    opacity: 0;
    font: inherit;
    line-height: inherit;
    pointer-events: none;
    transition: opacity var(--_cr-search-input-transition-duration) ease;
}

.cr-search-input.is-expanded [data-part="search-field"],
.cr-search-input.is-always-expanded [data-part="search-field"] {
    inline-size: auto;
    padding-inline-start: 1em;
    opacity: 1;
    pointer-events: auto;
}

.cr-search-input [data-part="search-field"]::-webkit-search-decoration,
.cr-search-input [data-part="search-field"]::-webkit-search-cancel-button,
.cr-search-input [data-part="search-field"]::-webkit-search-results-button,
.cr-search-input [data-part="search-field"]::-webkit-search-results-decoration {
    appearance: none;
}

.cr-search-input:focus,
.cr-search-input:focus-within,
.cr-search-input [data-part="search-button"]:focus,
.cr-search-input [data-part="search-button"]:focus-visible,
.cr-search-input [data-part="search-field"]:focus,
.cr-search-input [data-part="search-field"]:focus-visible {
    outline: 0;
    box-shadow: none;
}

.cr-search-input:focus-within [data-part="search-icon"] {
    color: var(--_cr-search-input-active-icon-color);
}

@media (prefers-reduced-motion: reduce) {
    .cr-search-input,
    .cr-search-input [data-part="search-field"] {
        transition: none;
    }
}
}
@layer crkit.controls {
:is(.sc-crkit, [data-crkit-theme]) .theme-section-block {
    display: flex;
    min-block-size: 0;
    flex-direction: column;
    inline-size: 100%;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block:is(.is-constrained, .has-side-margins) {
    padding-inline: var(--theme-section-side-padding, var(--site-padding-width));
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.has-top-margin {
    margin-block-start: var(--theme-section-block-offset, var(--vertical-block-offset)) !important;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.has-bottom-margin {
    margin-block-end: var(--theme-section-block-offset, var(--vertical-block-offset)) !important;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-narrow-content {
    padding-inline: var(--theme-section-narrow-padding, var(--narrow-content-padding));
}

@media (min-width: 80em) {
    :is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-constrained {
        inline-size: 100%;
        margin-inline: auto;
        max-inline-size: calc(
            var(--theme-section-content-max-width, var(--theme-content-max-width, var(--wp--style--global--content-size, 75rem)))
            + (var(--theme-section-side-padding, var(--theme-content-side-padding, var(--site-padding-width))) * 2)
        );
    }

    :is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-narrow-content > * {
        max-inline-size: calc(
            var(--theme-section-content-max-width, var(--theme-content-max-width, var(--wp--style--global--content-size, 75rem)))
            - (var(--theme-section-narrow-padding, var(--narrow-content-padding)) * 2)
        );
    }
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.hidden {
    display: none;
    opacity: 0;
    visibility: hidden;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.theme-section-fade-in {
    opacity: 0;
    animation: theme-section-fade-in 200ms ease-out forwards;
}

@keyframes theme-section-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-aligned-left {
    align-items: flex-start;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-aligned-center {
    align-items: center;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-aligned-right {
    align-items: flex-end;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-aligned-left > * {
    text-align: left;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-aligned-center > * {
    text-align: center;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-aligned-right > * {
    text-align: right;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-aligned-left .theme-section-heading {
    text-align: left;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-aligned-center .theme-section-heading {
    text-align: center;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-aligned-right .theme-section-heading {
    text-align: right;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-heading-aligned-left .theme-section-heading {
    inline-size: 100%;
    text-align: left;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-heading-aligned-center .theme-section-heading {
    text-align: center;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block.is-heading-aligned-right .theme-section-heading {
    inline-size: 100%;
    text-align: right;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block .theme-section-heading {
    color: inherit;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"].theme-section-block {
    gap: var(--theme-document-root-gap, 1.5rem);
    color: var(--theme-document-body-color, var(--theme-muted));
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] .theme-section-block:not([data-part="document"]) {
    gap: var(--theme-document-section-gap, 1.25rem);
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :where(.theme-section-heading, h1, h2, h3, h4, h5) {
    color: var(--theme-document-heading-color, var(--theme-heading));
    font-family: var(--font-family-heading);
    font-weight: var(--theme-document-heading-weight, 700);
    letter-spacing: var(--theme-document-heading-letter-spacing, -0.035em);
    max-inline-size: min(100%, var(--theme-document-heading-measure, 16ch));
    text-wrap: balance;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :is(h1, h1.theme-section-heading) {
    font-size: var(--theme-document-h1-size, clamp(2.4rem, 1.9rem + 2.25vw, 4.1rem));
    line-height: var(--theme-document-heading-tight-line-height, 0.96);
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :is(h2, h2.theme-section-heading) {
    font-size: var(--theme-document-h2-size, clamp(1.7rem, 1.35rem + 1.35vw, 2.65rem));
    line-height: var(--theme-document-heading-line-height, 1.08);
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :is(h3, h3.theme-section-heading) {
    font-size: var(--theme-document-h3-size, clamp(1.4rem, 1.2rem + 0.82vw, 1.9rem));
    line-height: 1.12;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :is(h4, h4.theme-section-heading) {
    font-size: var(--theme-document-h4-size, clamp(1.18rem, 1.08rem + 0.44vw, 1.38rem));
    line-height: 1.18;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :is(h5, h5.theme-section-heading) {
    font-size: var(--theme-document-h5-size, clamp(1rem, 0.97rem + 0.24vw, 1.1rem));
    line-height: 1.22;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :where(ul, ol) {
    margin: 0;
    padding-inline-start: 1.3em;
    max-inline-size: min(100%, var(--theme-document-measure, 68ch));
    color: var(--theme-document-body-color, var(--theme-muted));
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :where(li) {
    font-size: var(--theme-document-body-size, 1rem);
    line-height: var(--theme-document-body-line-height, 1.72);
    padding-inline-start: 0.2em;
    text-wrap: pretty;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :where(li + li) {
    margin-block-start: var(--theme-document-list-item-gap, 0.75em);
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :where(li)::marker {
    color: var(--theme-document-marker-color, var(--theme-accent));
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :where(a) {
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.14em;
}

:is(.sc-crkit, [data-crkit-theme]) .theme-section-block > h1:first-of-type,
:is(.sc-crkit, [data-crkit-theme]) .theme-section-block > h2:first-of-type,
:is(.sc-crkit, [data-crkit-theme]) .theme-section-block > p:first-of-type {
    margin-top: 0;
}
}
@layer crkit.controls {
[data-type="settings"].cr-settings {
        --_cr-settings-sidebar-size: var(--cr-settings-sidebar-inline-size, 13.5rem);
        --_cr-settings-header-size: var(--cr-settings-header-block-size, 3.25rem);
        --cr-settings-color-swatch-size: 2rem;
        --cr-settings-color-swatch-fill-size: 1.3125rem;
        --cr-settings-color-swatch-fill-radius: .65625rem;
}

.sc-crkit [data-type="settings"].cr-settings[data-surface-kind="panel"][data-surface-placement="center"] {
        --cr-panel-padding-block: 0;
        --cr-panel-padding-inline: 0;
        inset: var(--cr-panel-gap);
        margin: auto;
        block-size: min(var(--cr-settings-block-size, 46rem), calc(100dvh - (var(--cr-panel-gap) * 2)));
        transform: none;
}

.sc-crkit [data-type="settings"].cr-settings[data-surface-kind="panel"][data-surface-placement="center"][data-surface-transition-type="fade"] {
        transform-origin: 50% 0;
        translate: 0 .75rem;
        opacity: 0;
        transition:
            translate 200ms cubic-bezier(.83, 0, .17, 1),
            opacity 200ms cubic-bezier(.83, 0, .17, 1),
            visibility 0s linear 200ms;
}

.sc-crkit [data-type="settings"].cr-settings[data-surface-kind="panel"][data-surface-placement="center"][data-surface-transition-type="fade"][data-surface-open-state="open"] {
        transform: none;
        translate: 0;
        opacity: 1;
        transition:
            translate 200ms cubic-bezier(.83, 0, .17, 1),
            opacity 200ms cubic-bezier(.83, 0, .17, 1),
            visibility 0s linear 0s;
}

    [data-type="settings"].cr-settings > [data-part="panel-content"] {
        inline-size: 100%;
        block-size: 100%;
        padding: 0;
        overflow: hidden;
        scrollbar-gutter: auto;
    }

    [data-type="settings"] [data-part="settings-layout"] {
        display: grid;
        grid-template-columns: var(--_cr-settings-sidebar-size) minmax(0, 1fr);
        inline-size: 100%;
        block-size: 100%;
        min-inline-size: 0;
        min-block-size: 0;
        overflow: hidden;
    }

    [data-type="settings"] [data-part="settings-sidebar"] {
        display: grid;
        grid-template-rows: var(--_cr-settings-header-size) minmax(0, 1fr);
        min-inline-size: 0;
        min-block-size: 0;
        border-inline-end: var(--border, 1px solid var(--theme-line));
        background: var(--adw-sidebar-bg-color, var(--theme-surface-subtle, #f2f2f4));
        overflow: hidden;
    }

[data-type="settings"] [data-part="settings-sidebar-header"],
[data-type="settings"] [data-part="settings-header"] {
        display: grid;
        align-items: center;
        min-block-size: var(--_cr-settings-header-size);
        border-block-end: var(--border, 1px solid var(--theme-line));
    }

[data-type="settings"] [data-part="settings-sidebar-header"] {
        align-items: center;
        justify-items: start;
        padding-inline: 1rem;
}
[data-type="settings"] [data-part="settings-sidebar-title"] { font-size: .92rem; font-weight: 700; }

    [data-type="settings"] [data-part="settings-navigation"] {
        min-block-size: 0;
        padding: .45rem;
        overflow: auto;
    }
    [data-type="settings"] [data-part="settings-navigation"] [data-part="treelist-item"][data-settings-section-start="true"] {
        margin-block-start: .42rem;
        padding-block-start: .42rem;
        border-block-start: var(--border, 1px solid var(--theme-line));
    }

    [data-type="settings"] [data-part="settings-main"] {
        display: grid;
        grid-template-rows: var(--_cr-settings-header-size) minmax(0, 1fr);
        min-inline-size: 0;
        min-block-size: 0;
        background: var(--adw-window-bg-color, var(--theme-bg-top, #fff));
        overflow: hidden;
    }

[data-type="settings"] [data-part="settings-header"] {
        grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem;
        padding-inline: .55rem;
        border-block-end: 0;
    }
    [data-type="settings"] [data-part="settings-title"] {
        grid-column: 2;
        margin: 0;
        font-size: .92rem;
        font-weight: 700;
        text-align: start;
    }
    [data-type="settings"] [data-part="settings-back"] {
        appearance: none;
        display: inline-grid;
        grid-column: 1;
        grid-row: 1;
        place-items: center;
        inline-size: 2.25rem;
        block-size: 2.25rem;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: var(--theme-button-border-radius, .55rem);
        background: transparent;
        color: var(--theme-ink, var(--color-text));
        cursor: pointer;
    }
    [data-type="settings"] [data-part="settings-back"][hidden] { visibility: hidden; display: inline-grid; }
    [data-type="settings"] [data-part="settings-back"]:hover {
        background: var(--theme-interactive-hover-background);
        color: var(--theme-interactive-hover-foreground);
    }
    [data-type="settings"] [data-part="settings-back"]:focus-visible {
        outline: 2px solid var(--theme-focus-ring-color, var(--color-accent));
        outline-offset: -3px;
    }
    [data-type="settings"] [data-part="settings-back-icon"],
    [data-type="settings"] [data-part="settings-back-icon"] svg { inline-size: 1rem; block-size: 1rem; }
    [data-type="settings"] [data-part="settings-pages"] { min-inline-size: 0; min-block-size: 0; overflow: auto; }

    [data-type="settings"].cr-settings > [data-part="panel-close"] {
        inset-block-start: .5rem;
        inset-inline-end: .55rem;
        z-index: 2;
    }

@media (max-width: 38rem) {
        .sc-crkit [data-type="settings"].cr-settings[data-surface-kind="panel"][data-surface-placement="center"] {
            block-size: 100dvh;
            max-block-size: 100dvh;
        }
        [data-type="settings"] [data-part="settings-layout"] { grid-template-columns: minmax(0, 1fr); }
        [data-type="settings"] [data-part="settings-sidebar"] { grid-column: 1; grid-row: 1; border-inline-end: 0; }
        [data-type="settings"] [data-part="settings-main"] { grid-column: 1; grid-row: 1; }
        [data-type="settings"][data-settings-navigation-only="true"] [data-part="settings-main"] { display: none; }
        [data-type="settings"][data-settings-navigation-only="false"] [data-part="settings-sidebar"] { display: none; }
}
[data-type="settings"] [data-part="settings-header"]:has([data-part="settings-back"][hidden]) {
        grid-template-columns: minmax(0, 1fr) 2.5rem;
        padding-inline: var(--cr-settings-page-padding-inline, clamp(1rem, 4vw, 3rem));
}
[data-type="settings"] [data-part="settings-header"]:has([data-part="settings-back"][hidden]) [data-part="settings-title"] {
        grid-column: 1;
}

@media (prefers-reduced-motion: reduce) {
    .sc-crkit [data-type="settings"].cr-settings[data-surface-kind="panel"][data-surface-placement="center"][data-surface-transition-type="fade"],
    .sc-crkit [data-type="settings"].cr-settings[data-surface-kind="panel"][data-surface-placement="center"][data-surface-transition-type="fade"][data-surface-open-state="open"] {
        transform: none;
        translate: none;
        transition: none;
    }
}
}
@layer crkit.controls {
[data-type="settings-appearance-picker"] {
    display: block;
    min-inline-size: 0;
    inline-size: 100%;
}

[data-type="settings-appearance-picker"] [data-part="appearance-options"] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
}

[data-type="settings-appearance-picker"] [data-part="appearance-option"] {
    display: grid;
    gap: .5rem;
    min-inline-size: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ink, #17171b);
    font: inherit;
    cursor: pointer;
}

[data-type="settings-appearance-picker"] [data-part="appearance-preview"] {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 1.45;
    border: 1px solid var(--theme-line, #d7d7dc);
    border-radius: .45rem;
    background: #e6e7eb;
    box-shadow: inset 0 0 0 2px transparent;
}

[data-type="settings-appearance-picker"] [data-part="appearance-option"]:hover [data-part="appearance-preview"] {
    border-color: color-mix(in srgb, var(--theme-focus-ring-color, #3584e4) 45%, var(--theme-line, #d7d7dc));
}

[data-type="settings-appearance-picker"] [data-part="appearance-option"]:focus-visible {
    outline: 0;
}

[data-type="settings-appearance-picker"] [data-part="appearance-option"]:focus-visible [data-part="appearance-preview"],
[data-type="settings-appearance-picker"] [data-part="appearance-option"][aria-checked="true"] [data-part="appearance-preview"] {
    border-color: var(--theme-focus-ring-color, #3584e4);
    box-shadow: inset 0 0 0 2px var(--theme-focus-ring-color, #3584e4), 0 0 0 1px var(--theme-surface-solid, #fff), 0 0 0 3px var(--theme-focus-ring-color, #3584e4);
}

[data-type="settings-appearance-picker"] [data-part="appearance-preview-backdrop"] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 35% 58%, #285ee7 0 15%, transparent 16%),
        radial-gradient(circle at 58% 38%, #123cae 0 22%, transparent 23%),
        linear-gradient(135deg, #071f6d, #254fc7 58%, #07193f);
}

[data-type="settings-appearance-picker"] [data-preview="auto"] [data-part="appearance-preview-backdrop"] {
    background:
        linear-gradient(90deg, transparent 49.5%, rgb(255 255 255 / 14%) 50%, transparent 50.5%),
        radial-gradient(circle at 35% 58%, #285ee7 0 15%, transparent 16%),
        radial-gradient(circle at 58% 38%, #123cae 0 22%, transparent 23%),
        linear-gradient(135deg, #071f6d, #254fc7 58%, #07193f);
}

[data-type="settings-appearance-picker"] [data-part^="appearance-preview-window-"] {
    position: absolute;
    display: block;
    border: 1px solid rgb(0 0 0 / 16%);
    border-radius: .3rem;
    box-shadow: 0 .25rem .7rem rgb(0 0 0 / 24%);
}

[data-type="settings-appearance-picker"] [data-part^="appearance-preview-window-"] > i {
    display: block;
    block-size: 22%;
    border-block-end: 1px solid rgb(0 0 0 / 12%);
    border-radius: .26rem .26rem 0 0;
    background: rgb(0 0 0 / 10%);
}

[data-type="settings-appearance-picker"] [data-part="appearance-preview-window-back"] {
    inset: 20% 18% 30% 46%;
    background: #232327;
}

[data-type="settings-appearance-picker"] [data-part="appearance-preview-window-front"] {
    inset: 48% 44% 14% 20%;
    background: #fafafb;
}

[data-type="settings-appearance-picker"] [data-preview="dark"] [data-part="appearance-preview-window-front"],
[data-type="settings-appearance-picker"] [data-preview="dark"] [data-part="appearance-preview-window-back"] {
    background: #242428;
    border-color: #17171a;
}

[data-type="settings-appearance-picker"] [data-preview="auto"] [data-part="appearance-preview-window-front"] {
    background: linear-gradient(90deg, #fafafb 0 50%, #242428 50%);
}

[data-type="settings-appearance-picker"] [data-part="appearance-option-copy"] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: .3rem;
    min-inline-size: 0;
    line-height: 1.2;
}

[data-type="settings-appearance-picker"] [data-part="appearance-option-copy"] strong {
    overflow: hidden;
    font-size: .88rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-type="settings-appearance-picker"] [data-part="appearance-option-copy"] small {
    color: var(--theme-muted, var(--color-text-light, #74747c));
    font-size: .7rem;
}

@media (max-width: 32rem) {
    [data-type="settings-appearance-picker"] [data-part="appearance-options"] { gap: .5rem; }
    [data-type="settings-appearance-picker"] [data-part="appearance-option-copy"] {
        display: grid;
        justify-items: center;
        gap: .1rem;
    }
}
}
@layer crkit.controls {
[data-type="settings-color-picker"] {
    display: block;
    min-inline-size: 0;
    inline-size: 100%;
}

[data-type="settings-color-picker"] [data-part="color-options"] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .45rem;
    min-block-size: 2.4rem;
}

[data-type="settings-color-picker"] [data-part="color-option"] {
    display: grid;
    place-items: center;
    box-sizing: border-box;
    inline-size: var(--cr-settings-color-swatch-size, 2rem);
    block-size: var(--cr-settings-color-swatch-size, 2rem);
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--theme-focus-ring-color, #3584e4);
    line-height: 0;
    cursor: pointer;
}

[data-type="settings-color-picker"] [data-part="color-option"]:hover {
    background: var(--theme-interactive-hover-background);
}

[data-type="settings-color-picker"] [data-part="color-option"]:focus-visible {
    outline: 2px solid var(--theme-focus-ring-color, #3584e4);
    outline-offset: 2px;
}

[data-type="settings-color-picker"] [data-part="color-swatch"] {
    display: block;
    inline-size: var(--cr-settings-color-swatch-size, 2rem);
    block-size: var(--cr-settings-color-swatch-size, 2rem);
}

[data-type="settings-color-picker"] [data-part="color-swatch-fill"] {
    r: var(--cr-settings-color-swatch-fill-radius, .65625rem);
}
}
@layer crkit.controls {
[data-type="settings-group"].cr-settings-group {
        display: grid;
        gap: .55rem;
        min-inline-size: 0;
    }

    [data-type="settings-group"] > [data-part="settings-group-heading"] { padding-inline: .2rem; }
    [data-type="settings-group"] > [data-part="settings-group-heading"] h3,
    [data-type="settings-group"] > [data-part="settings-group-heading"] p { margin: 0; }
    [data-type="settings-group"] > [data-part="settings-group-heading"] h3 { font-size: .94rem; font-weight: 700; }
    [data-type="settings-group"] > [data-part="settings-group-heading"] p {
        margin-block-start: .2rem;
        color: var(--theme-muted, var(--color-text-light));
        font-size: .78rem;
        line-height: 1.4;
    }

    [data-type="settings-group"] > [data-part="settings-group-shell"] {
        min-inline-size: 0;
        overflow: hidden;
        border: var(--border, 1px solid var(--theme-line));
        border-radius: var(--theme-card-border-radius, .75rem);
        background: var(--adw-card-bg-color, var(--theme-surface-solid, #fff));
        box-shadow: var(--adw-card-shadow, 0 1px 2px rgb(0 0 0 / 10%));
    }

    [data-type="settings-group"][data-settings-condensed="false"] > [data-part="settings-group-shell"] {
        display: grid;
        gap: .8rem;
        padding: 1rem;
    }

[data-type="settings-group"][data-settings-condensed="true"] > [data-part="settings-group-shell"] > [data-type="settings-item"] + [data-type="settings-item"] {
        border-block-start: var(--border, 1px solid var(--theme-line));
}
}
@layer crkit.controls {
[data-type="settings-item"].cr-settings-item { display: block; min-inline-size: 0; container-type: inline-size; }

    [data-type="settings-item"] > [data-part="settings-item-shell"] {
        appearance: none;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap: .75rem;
        inline-size: 100%;
        min-block-size: 3.35rem;
        margin: 0;
        padding: .68rem .85rem;
        border: 0;
        background: transparent;
        color: var(--theme-ink, var(--color-text));
        font: inherit;
        text-align: start;
    }

    [data-type="settings-item"] > button[data-part="settings-item-shell"] { cursor: pointer; }
    [data-type="settings-item"] > button[data-part="settings-item-shell"]:has(> [data-part="settings-item-status"]) {
        gap: .4rem;
    }
    [data-type="settings-item"] > button[data-part="settings-item-shell"]:hover:not(:disabled) {
        background: var(--theme-interactive-hover-background);
        color: var(--theme-interactive-hover-foreground);
    }
    [data-type="settings-item"] > button[data-part="settings-item-shell"]:focus-visible {
        outline: 2px solid var(--theme-focus-ring-color, var(--color-accent));
        outline-offset: -3px;
    }
    [data-type="settings-item"] > button[data-part="settings-item-shell"]:disabled { opacity: .55; cursor: default; }

    [data-type="settings-item"] [data-part="settings-item-icon"],
    [data-type="settings-item"] [data-part="settings-item-affordance"] {
        display: inline-grid;
        place-items: center;
        inline-size: 1rem;
        block-size: 1rem;
        color: var(--theme-muted, var(--color-text-light));
    }
    [data-type="settings-item"] [data-part="settings-item-icon"] svg,
    [data-type="settings-item"] [data-part="settings-item-affordance"] svg { inline-size: 100%; block-size: 100%; }
    [data-type="settings-item"] [data-part="settings-item-copy"] { display: grid; flex: 1 1 auto; min-inline-size: 0; }
    [data-type="settings-item"] [data-part="settings-item-label"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    [data-type="settings-item"] [data-part="settings-item-description"] {
        overflow: visible;
        overflow-wrap: anywhere;
        color: var(--theme-muted, var(--color-text-light));
        font-size: .76rem;
        line-height: 1.35;
        text-overflow: clip;
        white-space: normal;
    }
    [data-type="settings-item"] [data-part="settings-item-status"] {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        min-block-size: 1.45rem;
        margin-inline-start: auto;
        padding-inline: .55rem;
        border: 1px solid color-mix(in srgb, var(--theme-line) 88%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--theme-interactive-hover-background) 78%, var(--theme-surface-solid));
        color: var(--theme-muted, var(--color-text-light));
        font-size: .72rem;
        font-weight: 650;
        line-height: 1;
        white-space: nowrap;
    }
    [data-type="settings-item"] [data-part="settings-item-status"] + [data-part="settings-item-affordance"] {
        flex: 0 0 1rem;
    }
    [data-type="settings-item"] [data-part="settings-item-control"] {
        display: grid;
        flex: 0 0 auto;
        justify-items: end;
        justify-self: end;
        margin-inline-start: auto;
        min-inline-size: min(18rem, 45%);
    }

    [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"]):not(:has(.form-checkbox-field-block--presentation-toggle)) {
        display: grid;
        grid-template-columns: minmax(10rem, 2fr) minmax(14rem, 3fr);
        grid-template-rows: auto auto;
        align-items: center;
        gap: .35rem .75rem;
    }
    [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"]):not(:has(.form-checkbox-field-block--presentation-toggle)) > [data-part="settings-item-copy"] { grid-column: 1; grid-row: 1 / span 2; }
    [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"]):not(:has(.form-checkbox-field-block--presentation-toggle)) > [data-part="settings-item-status"] { grid-column: 2; grid-row: 1; justify-self: start; margin-inline-start: 0; }
    [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"]):not(:has(.form-checkbox-field-block--presentation-toggle)) > [data-part="settings-item-control"] { grid-column: 2; grid-row: 2; justify-items: stretch; justify-self: stretch; inline-size: 100%; min-inline-size: 0; margin-inline-start: 0; }
    [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"]):not(:has(> [data-part="settings-item-status"])):not(:has(.form-checkbox-field-block--presentation-toggle)) > [data-part="settings-item-control"] { grid-row: 1 / span 2; }

    [data-type="settings-item"] [data-part="settings-item-control"]:has(> .form-checkbox-field-block--presentation-toggle) {
        align-self: flex-start;
        min-inline-size: 0;
    }

    [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"] > .form-checkbox-field-block--presentation-toggle) {
        align-items: flex-start;
    }

    [data-type="settings-item"] [data-part="settings-item-control"] > .form-checkbox-field-block--presentation-toggle:has(.form-control-field-block-title--hidden) {
        inline-size: auto;
        min-inline-size: 0;
    }

    [data-type="settings-item"] [data-part="settings-item-control"] > .form-checkbox-field-block--presentation-toggle:has(.form-control-field-block-title--hidden) .form-checkbox-field-block-row {
        inline-size: auto;
        justify-content: flex-end;
        gap: 0;
        padding-block-start: 0;
    }

    [data-type="settings-item"] [data-part="settings-item-control"] > .form-checkbox-field-block--presentation-toggle:has(.form-control-field-block-title--hidden) .form-checkbox-field-block-copy {
        position: absolute;
        inline-size: 1px;
        block-size: 1px;
        margin: -1px;
        overflow: hidden;
        clip-path: inset(50%);
    }

@media (max-width: 38rem) {
        [data-type="settings-item"] > [data-part="settings-item-shell"] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; }
        [data-type="settings-item"] [data-part="settings-item-control"] { grid-column: 1 / -1; justify-items: stretch; justify-self: stretch; min-inline-size: 0; inline-size: 100%; margin-inline-start: 0; }
        [data-type="settings-item"] [data-part="settings-item-control"] > .form-checkbox-field-block--presentation-toggle:has(.form-control-field-block-title--hidden) { justify-self: end; }
        [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"] > .form-checkbox-field-block--presentation-toggle) { display: flex; }
        [data-type="settings-item"] [data-part="settings-item-control"]:has(> .form-checkbox-field-block--presentation-toggle) {
            flex: 0 0 auto;
            inline-size: auto;
            justify-self: auto;
            margin-inline-start: auto;
        }
}

@container (max-width: 28rem) {
    [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"]):not(:has(.form-checkbox-field-block--presentation-toggle)) { grid-template-columns: minmax(0, 1fr); }
    [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"]):not(:has(.form-checkbox-field-block--presentation-toggle)) > [data-part="settings-item-copy"] { grid-column: 1; grid-row: 1; }
    [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"]):not(:has(.form-checkbox-field-block--presentation-toggle)) > [data-part="settings-item-status"] { grid-column: 1; grid-row: 2; }
    [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"]):not(:has(.form-checkbox-field-block--presentation-toggle)) > [data-part="settings-item-control"] { grid-column: 1; grid-row: 3; }
    [data-type="settings-item"] > [data-part="settings-item-shell"]:has(> [data-part="settings-item-control"]):not(:has(> [data-part="settings-item-status"])):not(:has(.form-checkbox-field-block--presentation-toggle)) > [data-part="settings-item-control"] { grid-row: 2; }
}
}
@layer crkit.controls {
[data-type="settings-page"].cr-settings-page {
        --cr-settings-page-padding-inline: clamp(1rem, 4vw, 3rem);
        display: grid;
        align-content: start;
        gap: var(--cr-settings-page-gap, 1.25rem);
        min-inline-size: 0;
        padding: var(--cr-settings-page-padding, 1.35rem var(--cr-settings-page-padding-inline) 2rem);
    }

    [data-type="settings-page"].cr-settings-page[hidden] { display: none; }

[data-type="settings-page"] > [data-part="settings-page-description"] {
        max-inline-size: 44rem;
        margin: 0;
        color: var(--theme-muted, var(--color-text-light));
        font-size: var(--cr-settings-description-font-size, .94rem);
        line-height: 1.45;
}
}
@layer crkit.controls {
[data-type="settings-theme-panel"] {
    --_cr-settings-theme-item-block-size: calc(var(--cr-settings-color-swatch-size, 2rem) + .25rem);
    --_cr-settings-theme-item-radius: .45rem;
    display: grid;
    gap: 1rem;
    box-sizing: border-box;
    min-inline-size: 0;
    inline-size: 100%;
    color: #17171b;
}

[data-type="settings-theme-panel"] [data-part="theme-header"] {
    display: block;
}

[data-type="settings-theme-panel"] [data-part="theme-name"] {
    display: grid;
    place-items: center;
    box-sizing: border-box;
    inline-size: 100%;
    min-block-size: var(--_cr-settings-theme-item-block-size);
    padding: .125rem .75rem;
    border-radius: var(--_cr-settings-theme-item-radius);
    background: var(--theme-interactive-hover-background, #ededf0);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

[data-type="settings-theme-panel"] [data-part="theme-typography"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem 1rem;
}

[data-type="settings-theme-panel"] [data-part="theme-typography-item"] {
    display: grid;
    min-inline-size: 0;
}

[data-type="settings-theme-panel"] [data-part="theme-font-name"],
[data-type="settings-theme-panel"] [data-part="theme-font-label"] {
    font-size: .8rem;
    line-height: 1.25;
}

[data-type="settings-theme-panel"] [data-part="theme-font-name"] {
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-type="settings-theme-panel"] [data-font-role="heading"] [data-part="theme-font-name"] {
    font-family: var(--theme-heading-font, var(--font-family-heading, sans-serif));
}

[data-type="settings-theme-panel"] [data-font-role="body"] [data-part="theme-font-name"] {
    font-family: var(--theme-body-font, var(--font-family-body, sans-serif));
}

[data-type="settings-theme-panel"] [data-part="theme-font-label"] {
    margin-block-start: .15rem;
    color: #545b63;
}

[data-type="settings-theme-panel"] [data-part="theme-colors"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem .65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

[data-type="settings-theme-panel"] [data-part="theme-color"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    box-sizing: border-box;
    min-inline-size: 0;
    min-block-size: var(--_cr-settings-theme-item-block-size);
    padding: 0 .125rem 0 .75rem;
    border: 1px solid #e1e5e9;
    border-radius: var(--_cr-settings-theme-item-radius);
    background: #fff;
}

[data-type="settings-theme-panel"] [data-part="theme-color-label"] {
    overflow: hidden;
    font-size: .8rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-type="settings-theme-panel"] [data-part="theme-color-swatch"] {
    display: grid;
    place-items: center;
    flex: 0 0 var(--cr-settings-color-swatch-size, 2rem);
    box-sizing: border-box;
    inline-size: var(--cr-settings-color-swatch-size, 2rem);
    block-size: var(--cr-settings-color-swatch-size, 2rem);
}

[data-type="settings-theme-panel"] [data-part="theme-color-swatch"]::before {
    display: block;
    box-sizing: border-box;
    inline-size: var(--cr-settings-color-swatch-fill-size, 1.3125rem);
    block-size: var(--cr-settings-color-swatch-fill-size, 1.3125rem);
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 50%;
    background: var(--_cr-settings-theme-color-swatch-fill);
    content: "";
}

[data-type="settings-theme-panel"] [data-color-role="primary"] [data-part="theme-color-swatch"] {
    --_cr-settings-theme-color-swatch-fill: var(--bg-color, var(--theme-background, #fff));
}

[data-type="settings-theme-panel"] [data-color-role="secondary"] [data-part="theme-color-swatch"] {
    --_cr-settings-theme-color-swatch-fill: var(--bg-color-inv, var(--theme-foreground, #17171b));
}

[data-type="settings-theme-panel"] [data-color-role="tertiary"] [data-part="theme-color-swatch"] {
    --_cr-settings-theme-color-swatch-fill: var(--bg-color-med, var(--theme-surface-muted, #edf0f3));
}

[data-type="settings-theme-panel"] [data-color-role="alternate"] [data-part="theme-color-swatch"] {
    --_cr-settings-theme-color-swatch-fill: var(--bg-color-soft, var(--theme-sidebar-background, #eef4f8));
}

[data-type="settings-theme-panel"] [data-color-role="primary-background"] [data-part="theme-color-swatch"] {
    --_cr-settings-theme-color-swatch-fill: var(--bg-color-light, var(--theme-app-background, #f6f7f8));
}

[data-type="settings-theme-panel"] [data-color-role="secondary-background"] [data-part="theme-color-swatch"] {
    --_cr-settings-theme-color-swatch-fill: var(--theme-surface-solid, var(--bg-color, #fff));
}

[data-type="settings-theme-panel"] [data-color-role="primary-text"] [data-part="theme-color-swatch"] {
    --_cr-settings-theme-color-swatch-fill: var(--color-text, var(--theme-foreground, #17171b));
}

[data-type="settings-theme-panel"] [data-color-role="secondary-text"] [data-part="theme-color-swatch"] {
    --_cr-settings-theme-color-swatch-fill: var(--color-text-mid, var(--theme-muted, #69717a));
}

@media (max-width: 30em) {
    [data-type="settings-theme-panel"] [data-part="theme-colors"] {
        grid-template-columns: minmax(0, 1fr);
    }
}
}
@layer crkit.controls {
.slideshow,
:is([data-type="slideshow"], [data-crkit-control="slideshow"]) {
    --slideshow-transition-duration: 500ms;
    --slideshow-pagination-offset: 1.25rem;
    --slideshow-dot-size: 0.75rem;
    --slideshow-dot-active-width: 2rem;
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-areas: "slideshow-stack";
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    touch-action: pan-y;
}

.slideshow--fill-fold {
    min-height: calc(100svh - var(--sticky-header-height, 0px) - var(--wp-admin--admin-bar--height, 0px));
}

@media (min-width: 48em) {
    .slideshow--fill-fold {
        min-height: calc(100svh - var(--wp-admin--admin-bar--height, 0px));
    }
}

.slideshow.hidden {
    display: none;
}

.slideshow-track,
:is([data-type="slideshow"], [data-crkit-control="slideshow"]) > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]) {
    grid-area: slideshow-stack;
}

.slideshow-track {
    position: relative;
    display: grid;
    grid-template-areas: "slideshow-slide-stack";
    min-height: inherit;
    width: 100%;
    z-index: 1;
}

.slideshow > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]),
:is([data-type="slideshow"], [data-crkit-control="slideshow"]) > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]) {
    position: absolute;
    inset: 0;
    grid-area: slideshow-slide-stack;
    width: 100%;
    min-height: inherit;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(0);
    z-index: 1;
}

.slideshow:not(.slideshow--editor-preview) > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]),
.slideshow:not(.slideshow--editor-preview) > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]) * {
    -webkit-user-select: none;
    user-select: none;
}

.slideshow:not(.slideshow--editor-preview) > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]) img {
    -webkit-user-drag: none;
}

.slideshow > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).is-active,
:is([data-type="slideshow"], [data-crkit-control="slideshow"]) > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]):first-of-type {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
}

.slideshow[data-transition-type="cross-fade"] > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]) {
    transition: opacity var(--slideshow-transition-duration) ease-in-out;
}

.slideshow[data-transition-type="cross-fade"] > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-enter,
.slideshow[data-transition-type="cross-fade"] > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).is-active {
    opacity: 1;
    visibility: visible;
    z-index: 3;
}

.slideshow[data-transition-type="cross-fade"] > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-exit {
    opacity: 0;
    visibility: visible;
    z-index: 2;
    transition: opacity 250ms ease-in-out;
}

.slideshow[data-transition-type^="slide-"] > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]) {
    transition: transform var(--slideshow-transition-duration) ease-in-out;
}

.slideshow.is-dragging > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]) {
    transition: none;
    user-select: none;
}

.slideshow.is-gliding > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]) {
    transition: transform 300ms ease-out;
}

.slideshow[data-transition-type^="slide-"] > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-enter,
.slideshow[data-transition-type^="slide-"] > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-exit {
    opacity: 1;
    visibility: visible;
    z-index: 3;
}

.slideshow[data-transition-type="slide-left"]:not(.is-reversed) > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-enter {
    transform: translateX(100%);
}

.slideshow[data-transition-type="slide-left"]:not(.is-reversed) > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-exit {
    transform: translateX(-100%);
}

.slideshow[data-transition-type="slide-right"]:not(.is-reversed) > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-enter {
    transform: translateX(-100%);
}

.slideshow[data-transition-type="slide-right"]:not(.is-reversed) > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-exit {
    transform: translateX(100%);
}

.slideshow[data-transition-type^="slide-"].is-reversed > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-enter {
    transform: translateX(-100%);
}

.slideshow[data-transition-type^="slide-"].is-reversed > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-exit {
    transform: translateX(100%);
}

.slideshow > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-prev,
.slideshow > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]).slideshow-slide-next {
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    z-index: 2;
}

.slideshow-empty-background {
    grid-area: slideshow-stack;
    display: none;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    z-index: -1;
    pointer-events: none;
}

.slideshow--has-empty-background > .slideshow-empty-background {
    display: block;
}

.slideshow-pagination {
    position: absolute;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    pointer-events: auto;
}

.slideshow-pagination--h-center > .slideshow-pagination {
    left: 50%;
    transform: translateX(-50%);
}

.slideshow-pagination--h-left > .slideshow-pagination {
    left: var(--slideshow-pagination-offset);
}

.slideshow-pagination--h-right > .slideshow-pagination {
    right: var(--slideshow-pagination-offset);
}

.slideshow-pagination--v-top > .slideshow-pagination {
    top: var(--slideshow-pagination-offset);
}

.slideshow-pagination--v-bottom > .slideshow-pagination {
    bottom: var(--slideshow-pagination-offset);
}

.slideshow-dot {
    position: relative;
    width: var(--slideshow-dot-size);
    height: var(--slideshow-dot-size);
    padding: 0;
    border: 0;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.35);
    color: inherit;
    cursor: pointer;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

.slideshow-dot::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: max(1.5rem, var(--slideshow-dot-size));
    height: max(1.5rem, var(--slideshow-dot-size));
    transform: translate(-50%, -50%);
}

.slideshow-dot.is-active {
    width: var(--slideshow-dot-active-width);
    background-color: var(--color-accent, currentColor);
    opacity: 1;
    animation: slideshowDotBounce 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.slideshow-dot.is-active::after {
    width: max(1.5rem, var(--slideshow-dot-active-width));
}

.slideshow-dot:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.slideshow-dot:disabled {
    cursor: default;
    opacity: 0.55;
}

.slideshow--interaction-disabled > .slideshow-pagination {
    pointer-events: none;
}

@keyframes slideshowDotBounce {
    0% {
        width: var(--slideshow-dot-size);
    }
    60% {
        width: 2.2rem;
    }
    100% {
        width: var(--slideshow-dot-active-width);
    }
}

@media (prefers-reduced-motion: reduce) {
    .slideshow[data-transition-type] > .slideshow-track > :is([data-type="slideshow-slide"], [data-crkit-control="slideshow-slide"]),
    .slideshow-dot.is-active {
        transition: none;
        animation: none;
    }
}
}
@layer crkit.controls {
.slideshow-slide,
[data-crkit-control="slideshow-slide"] {
    position: relative;
    display: grid;
    grid-template-areas: "slideshow-slide-stack";
    min-height: inherit;
    overflow: hidden;
    box-sizing: border-box;
}

.slideshow-slide-background {
    grid-area: slideshow-slide-stack;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

.slideshow-slide-content {
    grid-area: slideshow-slide-stack;
    position: relative;
    z-index: 1;
    min-height: inherit;
}
}
@layer crkit.controls {
.sc-crkit [data-type="surface"][data-surface-kind="surface"],
.sc-crkit [data-surface-kind="overlay"],
.sc-crkit [data-surface-kind="panel"] {
    pointer-events: auto;
    position: relative;
    display: grid;
    gap: var(--spacer-md, 0.75em);
    border: var(--cr-surface-border, 1px solid var(--theme-line, rgba(44, 51, 56, 0.12)));
    border-radius: var(--cr-surface-radius, var(--radius-xlarge, 1.4rem));
    background: var(--cr-surface-background, var(--theme-surface, rgba(255, 255, 255, 0.92)));
    color: var(--cr-surface-color, var(--theme-ink, #2c3338));
    box-shadow: var(--cr-surface-shadow, var(--theme-shadow-shell, 0 20px 60px rgba(44, 51, 56, 0.12)));
}

.sc-crkit [data-type="surface"][data-surface-kind="surface"] {
    padding: 1.25rem;
}

.sc-crkit [data-surface-kind="panel"] {
    --cr-surface-background: var(--theme-panel-background, var(--theme-surface-solid, #ffffff));
    --cr-surface-color: var(--theme-panel-ink, var(--theme-ink, #2c3338));
    --cr-surface-border: var(--theme-panel-border-width, 1px) solid var(--theme-panel-border-color, var(--theme-line, rgba(44, 51, 56, 0.12)));
    --cr-surface-shadow: var(--theme-panel-shadow, var(--theme-shadow-shell, 0 20px 60px rgba(44, 51, 56, 0.12)));
}

html[data-crkit-scroll-locked="true"],
body[data-crkit-scroll-locked="true"] {
    overscroll-behavior: none;
    scroll-behavior: auto;
}

[data-part="app-body"][data-crkit-scroll-locked="true"] {
    overscroll-behavior: none;
    scroll-behavior: auto;
}

html[data-crkit-scroll-locked="true"] [data-app-root="true"] > [data-part="app-body"] {
    touch-action: none;
}

@media (max-width: 1279px) {
    html[data-crkit-scroll-locked="true"],
    body[data-crkit-scroll-locked="true"],
    [data-part="app-body"][data-crkit-scroll-locked="true"] {
        overflow: hidden;
    }
}
}
@layer crkit.controls {
[data-type="table-viewer"] {
    display: grid;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
    color: var(--theme-ink, #1d2327);
}

[data-type="table-viewer"] > [data-part="table-viewer-shell"] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
    background: var(--theme-surface-solid, #ffffff);
    border: 0;
    border-radius: 0;
    overflow: visible;
}

[data-type="table-viewer"] > .table-viewer-shell--no-toolbar {
    grid-template-rows: minmax(0, 1fr) auto;
}

[data-type="table-viewer"] > .table-viewer-shell--no-footer {
    grid-template-rows: auto minmax(0, 1fr);
}

[data-type="table-viewer"] > .table-viewer-shell--no-toolbar.table-viewer-shell--no-footer {
    grid-template-rows: minmax(0, 1fr);
}

[data-type="table-viewer"] [data-part="table-viewer-toolbar"] {
    min-inline-size: 0;
    border: 0;
    border-block-end: 0;
    border-radius: 0;
    background: color-mix(in srgb, var(--theme-surface, #f6f7f7) 72%, var(--theme-surface-solid, #ffffff));
}

[data-type="table-viewer"] [data-part="table-viewer-toolbar"] [data-part="menu-root-panel"],
[data-type="table-viewer"] [data-part="table-viewer-toolbar"] [data-part="menu-root"] {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

[data-type="table-viewer"] [data-part="table-viewer-toolbar"][data-type="menu"][data-menu-presentation="toolbar"][data-menu-direction="horizontal"] [data-part="menu-root"] {
    border: 0;
    border-radius: 0;
}

[data-type="table-viewer"] [data-part="table-viewer-grid"] {
    inline-size: 100%;
    block-size: 100%;
    min-inline-size: 0;
    min-block-size: 0;
    overflow: hidden;
}

[data-type="table-viewer"] [data-part="table-viewer-grid"] > [data-part="grid-root"],
[data-type="table-viewer"] [data-part="table-viewer-grid"] [data-part="grid-header"] {
    border: 0;
    border-radius: 0;
}

[data-type="table-viewer"] > [data-part="table-viewer-shell"] > [data-part="table-viewer-footer"] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    block-size: 2.95rem;
    min-block-size: 2.95rem;
    max-block-size: 2.95rem;
    padding: 0 1em;
    overflow: hidden;
    border-block-start: 1px solid var(--theme-line, rgba(44, 51, 56, 0.14));
    background: color-mix(in srgb, var(--theme-surface, #f6f7f7) 82%, var(--theme-surface-solid, #ffffff));
    color: var(--theme-muted, #646970);
    font-size: 0.92em;
    line-height: 1;
    box-shadow: none;
}

[data-type="table-viewer"] .table-viewer-row-action-cell {
    position: relative;
    inline-size: 3.5rem;
    min-inline-size: 3.5rem;
    padding: 0.35em;
    text-align: center;
    vertical-align: middle;
    overflow: visible;
}

[data-type="table-viewer"] [data-part="grid-header-cell"]:last-child {
    inline-size: 3.5rem;
    min-inline-size: 3.5rem;
    text-align: center;
}

[data-type="table-viewer"] [data-part="table-viewer-row-actions"] {
    position: relative;
    display: flex;
    justify-content: center;
    inline-size: 100%;
    overflow: visible;
}

[data-type="table-viewer"] [data-part="table-viewer-row-action-trigger"] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    inline-size: 2rem;
    block-size: 2rem;
    margin: 0;
    padding: 0;
    border: 1px solid var(--theme-line, rgba(44, 51, 56, 0.18));
    border-radius: 999px;
    background: var(--theme-surface-solid, #ffffff);
    color: var(--theme-muted, #646970);
    font: inherit;
    line-height: 1;
    box-shadow: none;
    appearance: none;
    cursor: pointer;
}

[data-type="table-viewer"] [data-part="table-viewer-row-action-trigger"]:hover,
[data-type="table-viewer"] [data-part="table-viewer-row-action-trigger"]:focus-visible {
    background: var(--theme-interactive-hover-background);
    border-color: color-mix(in srgb, var(--theme-accent, #2271b1) 42%, var(--theme-line, rgba(44, 51, 56, 0.18)));
    outline: 1px solid color-mix(in srgb, var(--theme-accent, #2271b1) 38%, transparent);
    outline-offset: 1px;
}

[data-type="table-viewer"] [data-part="table-viewer-row-action-trigger"][aria-expanded="true"] {
    border-color: var(--theme-accent, #2271b1);
    background: var(--theme-accent, #2271b1);
    color: var(--theme-surface-solid, #ffffff);
}

[data-type="table-viewer"] [data-part="table-viewer-row-action-icon"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 1rem;
    block-size: 1rem;
    pointer-events: none;
}

[data-type="table-viewer"] [data-part="table-viewer-row-action-icon"] svg {
    inline-size: 100%;
    block-size: 100%;
}

[data-type="table-viewer"] [data-part="table-viewer-row-action-menu"] {
    --cr-menu-root-gap: 0.2rem;
    --cr-menu-item-height: 2rem;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: calc(100% + 0.3rem);
    z-index: var(--elevation-popup-local, var(--elevation-page-menus, 1000));
    inline-size: 14rem;
    block-size: auto;
    text-align: start;
}

[data-type="table-viewer"] [data-part="table-viewer-row-actions"].table-viewer-row-actions--opens-above [data-part="table-viewer-row-action-menu"] {
    inset-block-start: auto;
    inset-block-end: calc(100% + 0.3rem);
}

[data-type="table-viewer"] [data-part="table-viewer-grid"].grid-mode-cards [data-part="table-viewer-row-action-menu"],
[data-type="table-viewer"] [data-part="table-viewer-grid"].grid-mode-icons [data-part="table-viewer-row-action-menu"] {
    inset-block-start: calc(100% + 0.3rem);
    inset-inline-end: 0;
}

[data-type="table-viewer"] [data-part="table-viewer-row-action-menu"] > [data-part="menu-shell"],
[data-type="table-viewer"] [data-part="table-viewer-row-action-menu"] > [data-part="menu-shell"] > [data-part="menu-root-panel"] {
    inline-size: 100%;
    block-size: auto;
    min-block-size: 0;
}

[data-type="table-viewer"] [data-part="table-viewer-row-action-menu"][data-menu-direction="vertical"] > [data-part="menu-shell"] > [data-part="menu-root-panel"] {
    overflow: hidden;
    padding: 0.45rem;
}

[data-type="table-viewer"] [data-part="table-viewer-row-action-menu"] [data-part="menu-root"] {
    gap: 0.15rem;
}

[data-type="table-viewer"] [data-part="table-viewer-row-action-menu"] [data-part="menu-item"] {
    min-block-size: 2rem;
    padding-inline: 0.7rem;
}

[data-type="table-viewer"] [data-part="table-viewer-grid"].grid-mode-cards [data-part="grid-row"],
[data-type="table-viewer"] [data-part="table-viewer-grid"].grid-mode-icons [data-part="grid-row"] {
    position: relative;
}

[data-type="table-viewer"] [data-part="table-viewer-grid"].grid-mode-cards .table-viewer-row-action-cell,
[data-type="table-viewer"] [data-part="table-viewer-grid"].grid-mode-icons .table-viewer-row-action-cell {
    position: absolute;
    inset-block-start: 0.65rem;
    inset-inline-end: 0.65rem;
    z-index: 2;
    display: block;
    inline-size: 2rem;
    min-inline-size: 2rem;
    padding: 0;
    border: 0;
}

[data-type="table-viewer"] [data-part="table-viewer-toolbar"][hidden],
[data-type="table-viewer"] [data-part="table-viewer-footer"][hidden] {
    display: none;
}

[data-type="table-viewer"][aria-busy="true"] [data-part="table-viewer-grid"] {
    opacity: 0.72;
}

@media (max-width: 48rem) {
    [data-type="table-viewer"] > [data-part="table-viewer-shell"] {
        border-radius: 0;
    }
}
}
@layer crkit.controls {
[data-part="tag-picker-content"] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    box-sizing: border-box;
    inline-size: 100%;
    max-inline-size: 100%;
    max-block-size: min(24rem, calc(100vh - 4rem));
    min-inline-size: 0;
    overflow: hidden;
    color: var(--theme-foreground, currentColor);
}

.cr-popover-live[data-popover-csp-safe="true"]:has(> [data-part="tag-picker-content"]) {
    inline-size: min(18rem, calc(100vw - 1rem));
    max-inline-size: calc(100vw - 1rem);
    padding: 0;
    overflow: hidden;
}


.cr-popover-live:has(> [data-part="tag-picker-content"])
    > [data-popover-close-link="true"] [data-part="link-image"] {
    display: none;
}


[data-part="surface-host"]:has(> [data-type="dialog"][data-surface-open-state="open"])
    > .cr-popover-live:has(> [data-part="tag-picker-content"]) {
    z-index: calc(var(--elevation-panel, 5020) - 1);
}

[data-tag-picker-anchor="true"] {
    anchor-name: --cr-tag-picker-anchor;
}

@supports (position-anchor: --cr-tag-picker-anchor) {
    .cr-popover-live[data-popover-csp-safe="true"]:has(> [data-part="tag-picker-content"]) {
        position: fixed;
        position-anchor: --cr-tag-picker-anchor;
        position-visibility: always;
        inset: auto;
        inset-block-start: calc(anchor(bottom) + 0.25rem);
        inset-inline-start: anchor(left);
        transform: translateY(0.4rem) scale(0.985);
        position-try-fallbacks:
            --cr-tag-picker-above,
            --cr-tag-picker-align-end,
            --cr-tag-picker-above-align-end;
    }

    .cr-popover-live[data-popover-csp-safe="true"][data-popover-open-state="open"]:has(> [data-part="tag-picker-content"]) {
        transform: none;
    }
}

@position-try --cr-tag-picker-above {
    inset-block-start: auto;
    inset-block-end: calc(anchor(top) + 0.25rem);
}

@position-try --cr-tag-picker-align-end {
    inset-inline-start: auto;
    inset-inline-end: anchor(right);
}

@position-try --cr-tag-picker-above-align-end {
    inset-block-start: auto;
    inset-block-end: calc(anchor(top) + 0.25rem);
    inset-inline-start: auto;
    inset-inline-end: anchor(right);
}

[data-part="tag-picker-create-row"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    min-block-size: 3rem;
    padding: 0.45rem 2.8rem 0.45rem 0.55rem;
    border-block-end: 1px solid var(--theme-line);
}

[data-part="tag-picker-create-toggle"] {
    justify-self: start;
    min-block-size: 2rem;
    padding: 0.32rem 0.7rem;
    border: 1px solid var(--theme-line);
    border-radius: var(--radius-small, 6px);
    background: var(--theme-surface-solid, #fff);
    color: inherit;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 650;
    cursor: pointer;
}

[data-part="tag-picker-create-toggle"]:is(:hover, :focus-visible) {
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

[data-part="tag-picker-create-editor"] {
    min-inline-size: 0;
    inline-size: 100%;
}

[data-part="tag-picker-create-editor"][hidden],
[data-part="tag-picker-create-toggle"][hidden] {
    display: none;
}

[data-part="tag-picker-create-field"],
[data-part="tag-picker-create-field"] > * {
    min-inline-size: 0;
    max-inline-size: 100%;
}

[data-part="tag-picker-create-field"] [data-part="form-field-label"][hidden],
[data-part="tag-picker-create-field"] [data-part="form-field-required-marker"] {
    display: none;
}

[data-part="tag-picker-options"] {
    display: grid;
    gap: 0.18rem;
    min-block-size: 0;
    padding: 0.45rem;
    overflow-x: hidden;
    overflow-y: auto;
}

[data-part="tag-picker-option-row"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.2rem;
    min-inline-size: 0;
}

[data-part="tag-picker-option"] {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    inline-size: 100%;
    min-block-size: 2.15rem;
    padding: 0.35rem 0.55rem;
    border: 0;
    border-radius: var(--radius-small, 6px);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

[data-part="tag-picker-option-label"] {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-part="tag-picker-delete"] {
    display: grid;
    place-items: center;
    inline-size: 1.8rem;
    block-size: 1.8rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--theme-muted);
    cursor: pointer;
}

[data-part="tag-picker-delete"]:is(:hover, :focus-visible) {
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

[data-part="tag-picker-delete"]:disabled {
    cursor: progress;
    opacity: 0.62;
}

[data-part="tag-picker-delete"] [data-icon-id],
[data-part="tag-picker-delete"] svg {
    inline-size: 0.9rem;
    block-size: 0.9rem;
}

[data-part="tag-picker-option"]:is(:hover, :focus-visible) {
    background: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

[data-part="tag-picker-option"][aria-checked="true"] {
    background: var(--theme-interactive-selected-background);
    color: var(--theme-interactive-selected-foreground);
}

[data-part="tag-picker-option"]:disabled {
    cursor: progress;
    opacity: 0.62;
}

[data-part="tag-picker-option-check"],
[data-part="tag-picker-option-check"] svg {
    display: block;
    inline-size: 0.9rem;
    block-size: 0.9rem;
}

[data-part="tag-picker-option"][aria-checked="false"] [data-part="tag-picker-option-check"] {
    visibility: hidden;
}

[data-part="tag-picker-empty"],
[data-part="tag-picker-loading"] {
    margin: 0;
    padding: 0.8rem;
    color: var(--theme-muted);
    font-size: 0.8rem;
}

[data-part="tag-picker-empty"][hidden],
[data-part="tag-picker-loading"][hidden] {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    [data-part="tag-picker-option"] {
        transition: none;
    }
}
}
@layer crkit.controls {
:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] :where(p[data-type="text"], div[data-type="text"]) {
    color: var(--theme-document-body-color, var(--theme-muted));
    font-family: var(--font-family-body);
    font-size: var(--theme-document-body-size, 1rem);
    line-height: var(--theme-document-body-line-height, 1.72);
    max-inline-size: min(100%, var(--theme-document-measure, 68ch));
    text-wrap: pretty;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] span[data-type="text"] {
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-wrap: pretty;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] [data-type="text"][data-part="document-lead"] {
    color: var(--theme-document-lead-color, var(--theme-ink));
    font-size: var(--theme-document-lead-size, 1.25rem);
    line-height: var(--theme-document-lead-line-height, 1.58);
    max-inline-size: min(100%, var(--theme-document-lead-measure, 60ch));
}

:is(.sc-crkit, [data-crkit-theme]) :where([data-crkit-control="text"], [data-type="text"]) > p {
    margin-block: 0;
}

:is(.sc-crkit, [data-crkit-theme]) :where([data-crkit-control="text"], [data-type="text"]) > p + p {
    margin-block-start: var(--theme-document-paragraph-gap, 0.75em);
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] [data-type="text"] :is(ul, ol) {
    margin-block: 0.75em;
    padding-inline-start: 1.5em;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] [data-type="text"] li + li,
:is(.sc-crkit, [data-crkit-theme]) :where([data-crkit-control="text"], [data-type="text"]) :is(ul, ol) > li + li {
    margin-block-start: var(--theme-document-list-item-gap, 0.75em);
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] [data-type="text"] ul {
    list-style-type: disc;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] [data-type="text"] ul ul {
    list-style-type: circle;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] [data-type="text"] ul ul ul {
    list-style-type: square;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] [data-type="text"] ol {
    list-style-type: decimal;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] [data-type="text"] ol ol {
    list-style-type: lower-alpha;
}

:is(.sc-crkit, [data-crkit-theme]) [data-part="document"] [data-type="text"] ol ol ol {
    list-style-type: lower-roman;
}
}
@layer crkit.controls {
.cr-toggle {
    --cr-toggle-accent: var(--theme-accent, var(--color-accent, #0594db));
    --cr-toggle-track-off: color-mix(in srgb, var(--theme-line, rgba(44, 51, 56, 0.14)) 92%, var(--theme-surface-solid, #ffffff));
    --cr-toggle-track-off-border: color-mix(in srgb, var(--theme-line, rgba(44, 51, 56, 0.14)) 78%, transparent);
    --cr-toggle-disabled-surface: var(--theme-surface-solid, #ffffff);
    --cr-toggle-track-disabled: color-mix(in srgb, var(--cr-toggle-track-off) 80%, var(--cr-toggle-disabled-surface));
    --cr-toggle-track-disabled-border: color-mix(in srgb, var(--cr-toggle-track-off-border) 80%, var(--cr-toggle-disabled-surface));
    --cr-toggle-accent-disabled: color-mix(in srgb, var(--cr-toggle-accent) 80%, var(--cr-toggle-disabled-surface));
    --cr-toggle-thumb: var(--theme-surface-solid, #ffffff);
    --cr-toggle-thumb-disabled: color-mix(in srgb, var(--cr-toggle-thumb) 80%, var(--cr-toggle-disabled-surface));
    --cr-toggle-thumb-shadow: 0 0.125em 0.375em rgba(15, 23, 42, 0.18);
    --cr-toggle-label-color: var(--theme-ink, #2c3338);
    --cr-toggle-label-disabled: color-mix(in srgb, var(--cr-toggle-label-color) 80%, var(--cr-toggle-disabled-surface));
    --cr-toggle-gap: 0.875em;
    --cr-toggle-switch-width: 2.875em;
    --cr-toggle-switch-height: 1.625em;
    --cr-toggle-thumb-size: 1.375em;
    --cr-toggle-thumb-offset: 0.125em;
    --cr-toggle-thumb-translate: calc(var(--cr-toggle-switch-width) - var(--cr-toggle-thumb-size) - (var(--cr-toggle-thumb-offset) * 2));
    display: flex;
    align-items: flex-start;
    inline-size: 100%;
    min-inline-size: 0;
    gap: var(--cr-toggle-gap);
    color: var(--cr-toggle-label-color);
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: color 180ms ease, opacity 180ms ease;
}

.cr-toggle.is-disabled {
    color: var(--cr-toggle-label-disabled);
    cursor: default;
}

.cr-toggle--switch-first {
    --cr-toggle-gap: 1em;
    align-items: flex-start;
}

.cr-toggle .cr-toggle-input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.cr-toggle .cr-toggle-label {
    flex: 1 1 auto;
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
}

.cr-toggle--switch-first .cr-toggle-label {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.cr-toggle .cr-toggle-switch {
    position: relative;
    flex: 0 0 auto;
    margin-inline-start: auto;
    inline-size: var(--cr-toggle-switch-width);
    block-size: var(--cr-toggle-switch-height);
    border-radius: 999em;
    background: var(--cr-toggle-track-off);
    box-shadow: inset 0 0 0 1px var(--cr-toggle-track-off-border);
    transition:
        background-color 180ms ease,
        box-shadow 180ms ease,
        opacity 180ms ease;
}

.cr-toggle--switch-first .cr-toggle-switch,
.cr-toggle--form-field .cr-toggle-switch {
    margin-inline-start: 0;
}

.cr-toggle .cr-toggle-switch::before {
    content: '';
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: var(--cr-toggle-thumb-offset);
    inline-size: var(--cr-toggle-thumb-size);
    block-size: var(--cr-toggle-thumb-size);
    border-radius: 50%;
    background: var(--cr-toggle-thumb);
    box-shadow: var(--cr-toggle-thumb-shadow);
    transform: translateY(-50%);
    transition:
        transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
        background-color 180ms ease,
        box-shadow 180ms ease;
}

.cr-toggle .cr-toggle-input:checked ~ .cr-toggle-switch {
    background: var(--cr-toggle-accent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cr-toggle-accent) 82%, black 12%);
}

.cr-toggle .cr-toggle-input:checked ~ .cr-toggle-switch::before {
    transform: translate(var(--cr-toggle-thumb-translate), -50%);
}

.cr-toggle .cr-toggle-input:focus-visible ~ .cr-toggle-switch {
    box-shadow:
        0 0 0 0.14em color-mix(in srgb, var(--cr-toggle-accent) 18%, transparent),
        0 0 0 0.3em color-mix(in srgb, var(--cr-toggle-accent) 36%, transparent),
        inset 0 0 0 1px color-mix(in srgb, var(--cr-toggle-accent) 66%, transparent);
}

.cr-toggle.is-disabled .cr-toggle-switch {
    background: var(--cr-toggle-track-disabled);
    box-shadow: inset 0 0 0 1px var(--cr-toggle-track-disabled-border);
}

.cr-toggle.is-disabled .cr-toggle-input:checked ~ .cr-toggle-switch {
    background: var(--cr-toggle-accent-disabled);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cr-toggle-accent-disabled) 82%, black 12%);
}

.cr-toggle.is-disabled .cr-toggle-switch::before {
    background: var(--cr-toggle-thumb-disabled);
    box-shadow: 0 0.1em 0.3em rgba(15, 23, 42, 0.12);
}

:dir(rtl) .cr-toggle .cr-toggle-input:checked ~ .cr-toggle-switch::before {
    transform: translate(calc(var(--cr-toggle-thumb-translate) * -1), -50%);
}

@media (prefers-reduced-motion: reduce) {
    .cr-toggle,
    .cr-toggle .cr-toggle-switch,
    .cr-toggle .cr-toggle-switch::before {
        transition: none;
    }
}
}
@layer crkit.controls {
[data-type="treelist"] {
    display: block;
    inline-size: 100%;
    min-inline-size: 0;
}

[data-type="treelist"] [data-part="treelist-root"] {
    container-type: inline-size;
}

[data-type="treelist"] ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

[data-type="treelist"] [role="group"] {
    padding-inline-start: 1.5rem;
}

[data-type="treelist"] [data-part="treelist-item"] {
    outline: none;
}

[data-type="treelist"] [data-part="treelist-row"] {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 0.5rem minmax(0, 1fr) auto;
    align-items: center;
    min-block-size: 2rem;
    padding: var(--cr-treelist-row-padding-block, 0.1rem)
        var(--cr-treelist-row-padding-inline, 0.325rem);
    border-radius: 0.35em;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
}

[data-type="treelist"] [data-part="treelist-row-highlight"] {
    position: absolute;
    z-index: 0;
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: 100cqi;
    border-radius: inherit;
    pointer-events: none;
}

[data-type="treelist"] [data-part="treelist-row"] > :not([data-part="treelist-row-highlight"]) {
    position: relative;
    z-index: 1;
}

[data-type="treelist"] [data-part="treelist-item"]:focus-visible > [data-part="treelist-row"] > [data-part="treelist-row-highlight"],
[data-type="treelist"] [data-part="treelist-item"] > [data-part="treelist-row"]:hover > [data-part="treelist-row-highlight"] {
    background: var(--theme-interactive-hover-background);
}

[data-type="treelist"] [data-part="treelist-item"][aria-selected="true"] > [data-part="treelist-row"] {
    background: transparent;
    color: var(--theme-interactive-selected-foreground, inherit);
}

[data-type="treelist"] [data-part="treelist-item"][aria-selected="true"] > [data-part="treelist-row"] > [data-part="treelist-row-highlight"] {
    background: var(--theme-interactive-selected-background, color-mix(in srgb, var(--theme-accent, #2271b1) 16%, transparent));
}

[data-type="treelist"] [data-part="treelist-item"][data-collection-disabled="true"] {
    opacity: var(--cr-treelist-disabled-opacity, 0.62);
}

[data-type="treelist"] [data-part="treelist-item"][data-collection-disabled="true"] > [data-part="treelist-row"] {
    cursor: default;
}

[data-type="treelist"] [data-part="treelist-item"][data-collection-disabled="true"]:focus-visible > [data-part="treelist-row"] > [data-part="treelist-row-highlight"],
[data-type="treelist"] [data-part="treelist-item"][data-collection-disabled="true"] > [data-part="treelist-row"]:hover > [data-part="treelist-row-highlight"] {
    background: transparent;
}

[data-type="treelist"] [data-part="treelist-item"][data-drop-placement="inside"] > [data-part="treelist-row"] {
    color: var(--theme-interactive-selected-foreground, inherit);
}

[data-type="treelist"] [data-part="treelist-item"][data-drop-placement="inside"] > [data-part="treelist-row"] > [data-part="treelist-row-highlight"] {
    background: var(--theme-interactive-selected-background, color-mix(in srgb, var(--theme-accent, #2271b1) 16%, transparent));
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--theme-interactive-selected-foreground, var(--theme-accent, #2271b1)) 42%, transparent);
}

[data-type="treelist"] [data-part="treelist-item"][data-drop-placement="before"] > [data-part="treelist-row"]::before,
[data-type="treelist"] [data-part="treelist-item"][data-drop-placement="after"] > [data-part="treelist-row"]::after {
    position: absolute;
    z-index: 2;
    inset-inline: 0.35rem;
    block-size: 3px;
    border-radius: 3px;
    background: var(--theme-interactive-selected-foreground, var(--theme-accent, #2271b1));
    content: '';
}

[data-type="treelist"] [data-part="treelist-item"][data-drop-placement="before"] > [data-part="treelist-row"]::before {
    inset-block-start: -2px;
}

[data-type="treelist"] [data-part="treelist-item"][data-drop-placement="after"] > [data-part="treelist-row"]::after {
    inset-block-end: -2px;
}

[data-type="treelist"] [data-part="treelist-toggle"] {
    display: grid;
    place-items: center;
    justify-self: end;
    inline-size: 1rem;
    block-size: 1.5rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

[data-type="treelist"] [data-part="treelist-toggle-icon"] { display: grid; place-items: center; inline-size: 0.75rem; block-size: 0.75rem; transition: transform 160ms ease; }
[data-type="treelist"] [data-part="treelist-toggle-icon"] svg { display: block; inline-size: 0.75rem; block-size: 0.75rem; }
[data-type="treelist"] [data-part="treelist-item"][aria-expanded="true"] > [data-part="treelist-row"] [data-part="treelist-toggle-icon"] { transform: rotate(90deg); }
[data-type="treelist"] [data-part="treelist-toggle-spacer"] { inline-size: 0.5rem; }
[data-type="treelist"] [data-part="treelist-label"] { display: flex; align-items: center; gap: 0.4rem; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-type="treelist"] [data-part="treelist-icon"] { display: inline-grid; flex: 0 0 1rem; place-items: center; inline-size: 1rem; block-size: 1rem; }
[data-type="treelist"] [data-part="treelist-icon"] svg { display: block; inline-size: 1rem; block-size: 1rem; }
[data-type="treelist"] [data-part="treelist-label"] input { inline-size: 100%; font: inherit; }
[data-type="treelist"] [data-part="treelist-pills"] { display: flex; align-items: center; justify-content: end; gap: 3px; margin-inline-start: 5px; }
[data-type="treelist"] [data-part="treelist-pill"] { display: inline-grid; place-items: center; min-inline-size: 20px; block-size: 18px; padding: 0 5px; border: 0; border-radius: 9px; color: var(--theme-muted, #646970); font-size: 10px; font-weight: 600; line-height: 1; }
[data-type="treelist"] [data-part="treelist-empty"] { padding: 1em; color: var(--theme-muted, #646970); text-align: center; }

[data-type="treelist"] [data-part="treelist-skeleton-item"] {
    opacity: 0;
    pointer-events: none;
    animation: cr-treelist-skeleton-reveal 1ms linear 1500ms forwards;
}

[data-type="treelist"] [data-part="treelist-skeleton-row"] {
    display: grid;
    grid-template-columns: 0.5rem 1rem minmax(0, 1fr);
    align-items: center;
    gap: 0.4rem;
    min-block-size: 2rem;
    padding: 0.1rem 0.325rem;
}

[data-type="treelist"] :is(
    [data-part="treelist-skeleton-toggle"],
    [data-part="treelist-skeleton-icon"],
    [data-part="treelist-skeleton-line"]
) {
    display: block;
    background: color-mix(in srgb, var(--theme-line, #dcdcde) 68%, transparent);
    animation: cr-treelist-skeleton-pulse 0.9s ease-in-out infinite alternate;
}

[data-type="treelist"] [data-part="treelist-skeleton-toggle"] { inline-size: 0.5rem; block-size: 0.5rem; border-radius: 50%; }
[data-type="treelist"] [data-part="treelist-skeleton-icon"] { inline-size: 1rem; block-size: 1rem; border-radius: 0.25rem; }
[data-type="treelist"] [data-part="treelist-skeleton-line"] { inline-size: 82%; block-size: 0.7rem; border-radius: 999px; }
[data-type="treelist"] .treelist-skeleton-line--medium { inline-size: 66%; }
[data-type="treelist"] .treelist-skeleton-line--short { inline-size: 48%; }
[data-type="treelist"] [data-part="treelist-skeleton-item"]:nth-child(3n+2) :is([data-part="treelist-skeleton-toggle"],[data-part="treelist-skeleton-icon"],[data-part="treelist-skeleton-line"]) { animation-delay: -0.3s; }
[data-type="treelist"] [data-part="treelist-skeleton-item"]:nth-child(3n) :is([data-part="treelist-skeleton-toggle"],[data-part="treelist-skeleton-icon"],[data-part="treelist-skeleton-line"]) { animation-delay: -0.6s; }

@keyframes cr-treelist-skeleton-pulse {
    from { opacity: 0.52; }
    to { opacity: 0.95; }
}

@keyframes cr-treelist-skeleton-reveal {
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    [data-type="treelist"] [data-part="treelist-skeleton-item"] {
        opacity: 1;
        animation: none;
    }

    [data-type="treelist"] :is(
        [data-part="treelist-skeleton-toggle"],
        [data-part="treelist-skeleton-icon"],
        [data-part="treelist-skeleton-line"]
    ) {
        animation: none;
    }
}
}
@layer crkit.controls {
.cr-video-player {
    box-sizing: border-box;
    display: block;
    inline-size: 100%;
    max-inline-size: 100%;
    margin: 0;
}

.cr-video-player [data-part="video-frame"] {
    box-sizing: border-box;
    display: block;
    inline-size: 100%;
    aspect-ratio: 16 / 9;
    background: transparent;
    border: 0;
    border-radius: var(--cr-video-player-radius, 0.75rem);
    box-shadow: none;
    overflow: hidden;
}

.cr-video-player [data-part="video-embed"],
.cr-video-player [data-part="video-native"],
.cr-video-player [data-part="video-editor-preview"] {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;
}

.cr-video-player [data-part="video-editor-preview"] {
    position: relative;
    display: block;
    background: color-mix(in srgb, var(--theme-surface-solid, #ffffff) 32%, transparent);
    color: var(--theme-muted, #63717f);
    cursor: default;
    overflow: hidden;
    pointer-events: auto;
}

.cr-video-player [data-part="video-editor-preview-image"] {
    position: absolute;
    inset: 0;
    display: block;
    inline-size: 100%;
    block-size: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
}

.cr-video-player [data-part="video-editor-preview"]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: color-mix(in srgb, var(--theme-surface-solid, #ffffff) 42%, transparent);
    pointer-events: none;
}

.cr-video-player [data-part="video-native"] {
    object-fit: cover;
    background: transparent;
}

.cr-video-player.is-empty [data-part="video-frame"],
.cr-video-player.is-disabled [data-part="video-frame"] {
    background: color-mix(in srgb, var(--theme-line, #d9d9d9) 36%, transparent);
    border: 1px dashed var(--theme-line, #d9d9d9);
}
}
@layer crkit.controls {
.cr-view-switcher {
    --_cr-view-switcher-size: var(--cr-view-switcher-size, var(--theme-button-min-block-size, 2.72em));
    --_cr-view-switcher-icon-size: var(--cr-view-switcher-icon-size, 1.15em);
    appearance: none;
    display: inline-grid;
    box-sizing: border-box;
    place-items: center;
    inline-size: var(--_cr-view-switcher-size);
    min-inline-size: var(--_cr-view-switcher-size);
    block-size: var(--_cr-view-switcher-size);
    min-block-size: var(--_cr-view-switcher-size);
    margin: 0;
    padding: 0;
    border: var(--theme-button-border-width, 1px) solid var(--theme-line, #d8d8dc);
    border-radius: var(--theme-button-border-radius, .65em);
    background: var(--color-button, var(--theme-surface-solid, #fff));
    color: var(--theme-ink, currentColor);
    cursor: pointer;
}
.cr-view-switcher:hover:not(:disabled) { background: var(--theme-interactive-hover-background); color: var(--theme-interactive-hover-foreground); }
.cr-view-switcher:focus-visible { outline: 2px solid var(--theme-focus-ring-color, currentColor); outline-offset: 2px; }
.cr-view-switcher:disabled { cursor: default; opacity: .5; }
.cr-view-switcher [data-part="view-switcher-shell"],
.cr-view-switcher [data-part="view-switcher-icon"] { display: inline-grid; place-items: center; }
.cr-view-switcher [data-part="view-switcher-icon"] { inline-size: var(--_cr-view-switcher-icon-size); block-size: var(--_cr-view-switcher-icon-size); }
.cr-view-switcher [data-part="view-switcher-icon"] svg { display: block; inline-size: 100%; block-size: 100%; }
.cr-view-switcher [data-part="view-switcher-label"] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@layer crkit.theme {
@font-face{
    font-family: 'Source Code Pro';
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-ExtraLight.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 200;
    font-style: italic;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-ExtraLightIt.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-Light.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-LightIt.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-Regular.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-It.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-Medium.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-MediumIt.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-Semibold.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-SemiboldIt.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-Bold.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-BoldIt.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-Black.otf.woff2') format('woff2');
}

@font-face{
    font-family: 'Source Code Pro';
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
    font-display: swap;
    src: url('../../../kit/themes/charcoal-ice/fonts/source-code-pro/WOFF2/OTF/SourceCodePro-BlackIt.otf.woff2') format('woff2');
}
}
@layer crkit.tokens {
    [data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"] {
        --theme-accent: var(--color-accent);
        --theme-background: var(--bg-color);
        --theme-body-font: Source Sans Pro, Segoe UI, sans-serif;
        --theme-border: var(--color-border-light);
        --theme-content-size: 75rem;
        --theme-focus: var(--color-accent-stronger);
        --theme-foreground: var(--color-text);
        --theme-heading-font: Source Sans Pro, Segoe UI, sans-serif;
        --theme-spacing-large: 2rem;
        --theme-spacing-medium: 1rem;
        --theme-spacing-small: 0.5rem;
        --theme-surface: rgba(255, 255, 255, 0.84);
        --theme-wide-size: 88vw;
    }
    :is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"])[data-crkit-theme-scheme="dark"] {
        --theme-surface: rgba(27, 35, 41, 0.92);
    }
}
@layer crkit.foundation {
body[data-boot-theme="charcoal-ice"],
[data-crkit-theme="charcoal-ice"],
[data-crkit-theme-chain~="charcoal-ice"] {
    --color-happy: #35c859;
    --color-mad: #d64545;
    --color-less-mad: #fcabab;
    --color-light: #7e8890;
    --color-lighter: #dde2e6;
    --color-coolgray: #e1e4e8;
    --color-text: #2c3338;
    --color-text-inv: #ffffff;
    --color-text-mid: #5f676d;
    --color-slate: #3b5060;
    --color-text-light: #7e8890;
    --color-text-lighter: #9fa7ad;
    --color-text-placeholder: #bfc4cb;
    --color-accent: #00b5ee;
    --color-accent-stronger: #008fc0;
    --color-accent-highlight: #00b5ee;
    --color-accent-alt: #9053d5;
    --color-border: #979797;
    --color-border-light: #e1e4e8;
    --bg-color: #ffffff;
    --bg-color-med: #f0f2f5;
    --bg-color-inv: #2c3338;
    --bg-color-light: #f6f7f8;
    --bg-color-soft: #edf4f8;
    --width-border: 1px;
    --radius-small: 6px;
    --radius-med: 10px;
    --radius-large: 0.75rem;
    --radius-xlarge: 1.4rem;
    --font-family-body: "Source Sans Pro", "Segoe UI", sans-serif;
    --font-family-heading: "Source Sans Pro", "Segoe UI", sans-serif;
    --font-family-code: "Source Code Pro", "SFMono-Regular", monospace;
    --color-link: var(--color-accent);
    --color-link-alt: var(--color-text);
    --theme-form-control-action-size: 2.75em;
    --theme-form-control-action-icon-size: 1.75em;
    --theme-form-control-adornment-inline-size: 1.5rem;
    --theme-form-control-adornment-inline-offset: 0;
    --theme-form-control-frame-border: var(--color-border-light);
    --theme-form-control-frame-border-hover: color-mix(in srgb, var(--theme-form-control-frame-border) 85%, black 15%);
    --theme-form-control-frame-border-focus: var(--color-accent-stronger);
    --theme-form-help-trigger-color: var(--color-text);
    --theme-form-help-popover-background: var(--bg-color-light);
    --theme-button-min-inline-size: 5.6em;
    --theme-button-min-block-size: 2.72em;
    --theme-button-border-width: 1px;
    --theme-drop-zone-border-width: 4px;
    --theme-drop-zone-border-radius: 1em;
    --theme-button-hover-mix: 20%;
    --theme-button-transition-duration: 0.2s;
    --theme-interactive-hover-background: #ededf0;
    --theme-interactive-hover-foreground: #17171b;
    --theme-interactive-selected-background: color-mix(in srgb, var(--theme-accent, #00b5ee) 16%, transparent);
    --theme-interactive-selected-foreground: var(--theme-interactive-hover-foreground);
    --theme-surface-close-size: 24px;
    --theme-surface-close-icon-size: 16px;
    --theme-surface-close-background: color-mix(in srgb, var(--theme-ink) 8%, transparent);
    --theme-surface-close-hover-background: color-mix(in srgb, var(--theme-ink) 13%, transparent);
    --theme-surface-close-color: var(--theme-ink);
    --theme-surface-close-shadow: none;
    --color-button: var(--bg-color);
    --color-button-hover: var(--theme-interactive-hover-background);
    --color-button-text: var(--color-text);
    --color-button-border: var(--color-border-light);
    --color-button-border-hover: color-mix(in srgb, var(--color-button-border), black var(--theme-button-hover-mix));
    --border-button: var(--theme-button-border-width) solid var(--color-button-border);
    --radius-button: var(--radius-med);
    --padding-button: 0.65em 1.3em;
    --font-family-button: var(--font-family-body);
    --font-size-button: 1.125rem;
    --font-style-button: normal;
    --font-weight-button: 600;
    --line-height-button: 1.05;
    --color-button-primary: var(--color-accent);
    --color-button-primary-hover: var(--theme-interactive-hover-background);
    --color-button-primary-text: var(--color-text-inv);
    --color-button-primary-text-hover: var(--color-button-primary-text);
    --color-button-primary-border: var(--color-button-primary);
    --color-button-primary-border-hover: color-mix(in srgb, var(--color-button-primary-border), black var(--theme-button-hover-mix));
    --border-button-primary: var(--theme-button-border-width) solid var(--color-button-primary-border);
    --color-button-secondary: var(--bg-color);
    --color-button-secondary-hover: var(--theme-interactive-hover-background);
    --color-button-secondary-text: var(--color-text);
    --color-button-secondary-text-hover: var(--color-button-secondary-text);
    --color-button-secondary-border: var(--color-border-light);
    --color-button-secondary-border-hover: color-mix(in srgb, var(--color-button-secondary-border), black var(--theme-button-hover-mix));
    --border-button-secondary: var(--theme-button-border-width) solid var(--color-button-secondary-border);
    --bg-color-panel: var(--bg-color);
    --border-panel: 1px solid rgba(44, 51, 56, 0.08);
    --shadow-panel: 0 20px 60px rgba(44, 51, 56, 0.12);
    --hr-width: var(--width-border);
    --gradient-accent: linear-gradient(76deg, #56c6f1 0%, #4847f5 24%, #712be7 50%, #9b34ba 70%, #a937ab 77%, #e6558c 100%);
    --gradient-to-light-bg: linear-gradient(180deg, var(--bg-color) 0%, var(--bg-color-light) 100%);
    --gradient-footer: linear-gradient(180deg, #2c3338 95%, #1b1f20 100%);
    --site-min-width: 300px;
    --site-padding-width: 1rem;
    --theme-content-breakpoint: 80rem;
    --theme-content-side-padding: var(--site-padding-width);
    --theme-content-max-width: calc(var(--theme-content-breakpoint) - (var(--theme-content-side-padding) * 2));
    --theme-content-inline-size: min(calc(100% - (var(--theme-content-side-padding) * 2)), var(--theme-content-max-width));
    --vertical-block-offset: clamp(1.75rem, 8vw, 4rem);
    --narrow-content-padding: 1.5rem;
    --theme-section-content-max-width: var(--theme-content-max-width);
    --theme-section-side-padding: var(--theme-content-side-padding);
    --theme-section-block-offset: var(--vertical-block-offset);
    --theme-section-narrow-padding: var(--narrow-content-padding);
    --theme-document-measure: 68ch;
    --theme-document-lead-measure: 60ch;
    --theme-document-heading-measure: 16ch;
    --theme-document-stack-gap: clamp(0.875rem, 0.72rem + 0.56vw, 1.25rem);
    --theme-document-list-item-gap: 0.75em;
    --theme-document-section-gap: clamp(1rem, 0.8rem + 0.72vw, 1.5rem);
    --theme-document-root-gap: clamp(1.25rem, 0.95rem + 1.15vw, 2rem);
    --theme-document-body-size: clamp(1rem, 0.96rem + 0.24vw, 1.125rem);
    --theme-document-body-line-height: 1.72;
    --theme-document-lead-size: clamp(1.175rem, 1.06rem + 0.5vw, 1.45rem);
    --theme-document-lead-line-height: 1.58;
    --theme-document-heading-weight: 700;
    --theme-document-heading-line-height: 1.08;
    --theme-document-heading-tight-line-height: 0.96;
    --theme-document-heading-letter-spacing: -0.035em;
    --theme-document-h1-size: clamp(2.4rem, 1.9rem + 2.25vw, 4.1rem);
    --theme-document-h2-size: clamp(1.7rem, 1.35rem + 1.35vw, 2.65rem);
    --theme-document-h3-size: clamp(1.4rem, 1.2rem + 0.82vw, 1.9rem);
    --theme-document-h4-size: clamp(1.18rem, 1.08rem + 0.44vw, 1.38rem);
    --theme-document-h5-size: clamp(1rem, 0.97rem + 0.24vw, 1.1rem);
    --theme-document-body-color: var(--theme-muted);
    --theme-document-lead-color: var(--theme-ink);
    --theme-document-heading-color: var(--theme-heading);
    --theme-document-marker-color: var(--theme-accent);
    --theme-document-rule-color: color-mix(in srgb, var(--theme-line) 90%, transparent);
    --theme-container-image-zoom-scale: 1.075;
    --theme-container-image-zoom-duration: 350ms;
    --theme-container-link-focus-ring: 2px solid var(--color-accent);
    --theme-container-link-focus-offset: 2px;
    --theme-header-height: 3rem;
    --theme-header-shadow: 0 2px 10px rgba(44, 51, 56, 0.12);
    --theme-footer-height: 3rem;
    --sticky-header-height: var(--theme-header-height);
    --elevation-page: 0;
    --elevation-page-menus: 1000;
    --elevation-base: 2000;
    --elevation-low: 3000;
    --elevation-normal: 4000;
    --elevation-high: 5000;
    --elevation-very-high: 10000;
    --elevation-local-chrome: 1;
    --elevation-popup-local: var(--elevation-page-menus);
    --elevation-overlay: 5010;
    --elevation-panel: 5020;
    --elevation-panel-backdrop: 5019;
    --elevation-popover-backdrop: 5040;
    --elevation-popover: 5050;
    --spacer-sm: 0.5em;
    --spacer-md: 0.75em;
    --spacer-lg: 1.5em;
    --spacer-xl: 2em;
    --theme-bg-top: #fbf7ef;
    --theme-bg-bottom: #eef4f9;
    --theme-surface-solid: #ffffff;
    --theme-line: rgba(44, 51, 56, 0.12);
    --theme-panel-background: var(--theme-surface-solid);
    --theme-panel-ink: var(--theme-ink);
    --theme-panel-border-color: var(--theme-line);
    --theme-panel-border-width: 1px;
    --theme-panel-shadow: var(--theme-shadow-shell);
    --theme-popover-background: var(--theme-surface-solid);
    --theme-popover-ink: var(--theme-ink);
    --theme-popover-border-color: var(--theme-line);
    --theme-popover-border-width: 1px;
    --theme-popover-shadow: var(--theme-shadow-shell);
    --theme-ink: var(--color-text);
    --theme-muted: var(--color-text-mid);
    --theme-heading: #005f8f;
    --theme-shadow-shell: 0 20px 60px rgba(44, 51, 56, 0.12);
    --theme-toast-z-index: var(--elevation-very-high);
    --theme-toast-offset: 1rem;
    --theme-toast-stack-gap: 0.5rem;
    --theme-toast-gap: 1rem;
    --theme-toast-max-inline-size: 34em;
    --theme-toast-padding-block: 0.75rem;
    --theme-toast-padding-inline: 1rem;
    --theme-toast-radius: var(--radius-large);
    --theme-toast-border-width: 1px;
    --theme-toast-shadow: 0 16px 40px rgba(44, 51, 56, 0.18);
    --theme-toast-font-family: var(--font-family-body);
    --theme-toast-font-size: 0.95rem;
    --theme-toast-font-weight: 400;
    --theme-toast-line-height: 1.35;
    --theme-toast-progress-track: rgba(255, 255, 255, 0.24);
    --theme-toast-progress-value: var(--color-accent);
    --theme-toast-progress-label: rgba(255, 255, 255, 0.88);
    --theme-toast-success-bg: #2e7d32;
    --theme-toast-success-ink: #ffffff;
    --theme-toast-success-border: transparent;
    --theme-toast-success-icon-bg: rgba(255, 255, 255, 0.16);
    --theme-toast-success-icon-ink: #ffffff;
    --theme-toast-error-bg: var(--color-mad);
    --theme-toast-error-ink: #ffffff;
    --theme-toast-error-border: transparent;
    --theme-toast-error-icon-bg: #ffffff;
    --theme-toast-error-icon-ink: var(--color-mad);
    --theme-toast-warning-bg: #ef6c00;
    --theme-toast-warning-ink: #ffffff;
    --theme-toast-warning-border: transparent;
    --theme-toast-warning-icon-bg: #ffffff;
    --theme-toast-warning-icon-ink: #ef6c00;
    --theme-toast-info-bg: #323232;
    --theme-toast-info-ink: #ffffff;
    --theme-toast-info-border: transparent;
    --theme-toast-info-icon-bg: rgba(255, 255, 255, 0.16);
    --theme-toast-info-icon-ink: #ffffff;
}

@media (min-width: 60em) {
    body[data-boot-theme="charcoal-ice"],
    [data-crkit-theme="charcoal-ice"],
    [data-crkit-theme-chain~="charcoal-ice"] {
        --site-padding-width: 2.5rem;
        --theme-content-side-padding: var(--site-padding-width);
        --narrow-content-padding: 6rem;
        --theme-section-side-padding: var(--theme-content-side-padding);
        --theme-section-narrow-padding: var(--narrow-content-padding);
    }
}
}
@layer crkit.theme {
[data-app-root="true"]:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) {
    box-sizing: border-box;
    background: var(--theme-app-background, var(--bg-color));
    color: var(--theme-ink);
    font-family: var(--font-family-body);
    min-width: var(--site-min-width);
    inline-size: 100%;
    min-block-size: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

[data-app-root="true"]:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) * {
    box-sizing: inherit;
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) .cr-hover-surface {
    background-color: var(--cr-hover-surface-background, transparent);
    color: var(--cr-hover-surface-foreground, inherit);
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) .cr-hover-surface:hover:not(:disabled) {
    background-color: var(--theme-interactive-hover-background);
    color: var(--theme-interactive-hover-foreground);
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) :where(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    font-family: var(--font-family-heading);
    line-height: 1.05;
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) :where(p, ul, ol, pre, blockquote) {
    margin: 0;
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) :where(code, pre, kbd, samp) {
    font-family: var(--font-family-code);
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-type="header"],
:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-type="footer"] {
    background: var(--theme-surface);
    color: var(--theme-ink);
    border-color: var(--theme-line);
    padding: calc(var(--site-padding-width) * 1.25) var(--site-padding-width);
    display: flex;
    align-items: center;
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-type="header"] {
    min-block-size: var(--theme-header-height, var(--sticky-header-height, auto));
    box-shadow: var(--theme-header-shadow, var(--theme-shadow-shell));
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-type="footer"] {
    min-block-size: var(--theme-footer-height, auto);
    box-shadow: var(--theme-footer-shadow, var(--theme-shadow-shell));
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-type="header"] [data-part="primary-nav"] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin-inline-start: auto;
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-type="header"] [data-part="primary-nav"] [data-type="link"].btn.has-label {
    min-inline-size: var(--theme-button-min-inline-size, 5.6em);
    justify-content: center;
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-type="header"] [data-part="primary-nav"] [data-type="link"][aria-current="page"] {
    background: var(--color-button);
    color: var(--color-button-text);
    border-color: transparent;
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-part="page-slot"] {
    min-block-size: 0;
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-role="content"] h2 {
    color: var(--theme-heading);
    font-family: var(--font-family-code);
    font-size: clamp(2rem, 7vw, 4rem);
    letter-spacing: -0.05em;
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-role="content"] p {
    color: var(--theme-muted);
    max-width: 48rem;
    font-size: 1.05rem;
    line-height: 1.6;
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"])[data-crkit-theme-scheme="dark"] [data-type="header"],
:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"])[data-crkit-theme-scheme="dark"] [data-type="footer"] {
    backdrop-filter: blur(18px);
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-role="content"] {
    padding: var(--vertical-block-offset) var(--site-padding-width);
    display: grid;
    align-content: center;
    gap: 0.75rem;
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) :where(a:not(.btn):not(.button-link)) {
    color: var(--color-link);
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) .button-link {
    color: var(--color-button-text);
    background: var(--color-button);
    border: var(--border-button);
    border-radius: var(--radius-button);
}

:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) [data-events="true"] {
    --cr-events-accent: var(--theme-accent);
    --cr-events-accent-contrast: var(--color-button-text);
    --cr-events-card-bg: var(--theme-surface-solid);
    --cr-events-card-border: var(--theme-line);
    --cr-events-text: var(--theme-ink);
    --cr-events-muted: var(--theme-muted);
    --cr-events-card-shadow: none;
}

@media (max-width: 781px) {
    :is(
        body[data-boot-theme="charcoal-ice"] [data-surface-kind="panel"],
        [data-crkit-theme="charcoal-ice"][data-surface-kind="panel"],
        [data-crkit-theme-chain~="charcoal-ice"][data-surface-kind="panel"],
        [data-crkit-theme="charcoal-ice"] [data-surface-kind="panel"],
        [data-crkit-theme-chain~="charcoal-ice"] [data-surface-kind="panel"]
    )[data-surface-fill-screen-on-mobile="true"] {
        --cr-panel-padding-block: var(--site-padding-width);
        --cr-panel-padding-inline: var(--site-padding-width);
        --cr-panel-scrollbar-edge-gap: 0px;
    }

    :is(
        body[data-boot-theme="charcoal-ice"] [data-surface-kind="panel"],
        [data-crkit-theme="charcoal-ice"][data-surface-kind="panel"],
        [data-crkit-theme-chain~="charcoal-ice"][data-surface-kind="panel"],
        [data-crkit-theme="charcoal-ice"] [data-surface-kind="panel"],
        [data-crkit-theme-chain~="charcoal-ice"] [data-surface-kind="panel"]
    )[data-surface-fill-screen-on-mobile="true"] > [data-part="panel-close"] {
        inset-block-start: var(--site-padding-width);
        inset-inline-end: var(--site-padding-width);
    }
}

@media (min-width: 960px) {
    [data-app-root="true"]:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"]) {
        --site-padding-width: 2.5rem;
        --narrow-content-padding: 6rem;
        --theme-header-height: 6rem;
        --theme-footer-height: 6rem;
        --sticky-header-height: var(--theme-header-height);
    }
}
}
@layer crkit.theme {
@media (prefers-color-scheme: dark) {

    body[data-boot-theme="charcoal-ice"]:not([data-boot-theme-mode="light"]),
    :is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"])[data-crkit-theme-mode="auto"] {
        --color-light: #8d97a0;
        --color-lighter: #30373c;
        --color-coolgray: #282f34;
        --color-text: #f2f5f7;
        --color-text-inv: #101517;
        --color-text-mid: #c1ccd4;
        --color-slate: #d4e2ea;
        --color-text-light: #a3afb7;
        --color-text-lighter: #8d989f;
        --color-text-placeholder: #7f8990;
        --color-accent: #38bdf8;
        --color-accent-stronger: #0ea5e9;
        --color-accent-highlight: #7dd3fc;
        --color-accent-alt: #c084fc;
        --color-border: #4a5961;
        --color-border-light: #28343a;
        --bg-color: #161b1f;
        --bg-color-med: #1d252a;
        --bg-color-inv: #f2f5f7;
        --bg-color-light: #222b31;
        --bg-color-soft: #1b2329;
        --bg-color-panel: rgba(24, 31, 35, 0.94);
        --border-panel: 1px solid rgba(255, 255, 255, 0.08);
        --shadow-panel: 0 24px 70px rgba(0, 0, 0, 0.35);
        --gradient-footer: linear-gradient(180deg, #13181b 0%, #0d1114 100%);
        --theme-header-height: 3.5rem;
        --theme-footer-height: 3.5rem;
        --theme-bg-top: #11161a;
        --theme-bg-bottom: #1b2329;
        --theme-surface-solid: #1b2329;
        --theme-line: rgba(255, 255, 255, 0.08);
        --theme-heading: #7dd3fc;
        --theme-shadow-shell: 0 24px 70px rgba(0, 0, 0, 0.35);
        --theme-toast-shadow: 0 20px 60px rgba(0, 0, 0, 0.42);
        --theme-toast-success-bg: #205d2c;
        --theme-toast-success-ink: #f2f5f7;
        --theme-toast-success-icon-bg: rgba(255, 255, 255, 0.14);
        --theme-toast-success-icon-ink: #f2f5f7;
        --theme-toast-error-bg: #8f2525;
        --theme-toast-error-ink: #f8fbfd;
        --theme-toast-error-icon-bg: #f8fbfd;
        --theme-toast-error-icon-ink: #8f2525;
        --theme-toast-warning-bg: #8f5412;
        --theme-toast-warning-ink: #fff7ec;
        --theme-toast-warning-icon-bg: #fff7ec;
        --theme-toast-warning-icon-ink: #8f5412;
        --theme-toast-info-bg: #273138;
        --theme-toast-info-ink: #f2f5f7;
        --theme-toast-info-icon-bg: rgba(255, 255, 255, 0.14);
        --theme-toast-info-icon-ink: #f2f5f7;
    }
}


:is([data-crkit-theme="charcoal-ice"], [data-crkit-theme-chain~="charcoal-ice"])[data-crkit-theme-scheme="dark"] {
    --color-light: #8d97a0;
    --color-lighter: #30373c;
    --color-coolgray: #282f34;
    --color-text: #f2f5f7;
    --color-text-inv: #101517;
    --color-text-mid: #c1ccd4;
    --color-slate: #d4e2ea;
    --color-text-light: #a3afb7;
    --color-text-lighter: #8d989f;
    --color-text-placeholder: #7f8990;
    --color-accent: #38bdf8;
    --color-accent-stronger: #0ea5e9;
    --color-accent-highlight: #7dd3fc;
    --color-accent-alt: #c084fc;
    --color-border: #4a5961;
    --color-border-light: #28343a;
    --bg-color: #161b1f;
    --bg-color-med: #1d252a;
    --bg-color-inv: #f2f5f7;
    --bg-color-light: #222b31;
    --bg-color-soft: #1b2329;
    --bg-color-panel: rgba(24, 31, 35, 0.94);
    --border-panel: 1px solid rgba(255, 255, 255, 0.08);
    --shadow-panel: 0 24px 70px rgba(0, 0, 0, 0.35);
    --gradient-footer: linear-gradient(180deg, #13181b 0%, #0d1114 100%);
    --theme-header-height: 3.5rem;
    --theme-footer-height: 3.5rem;
    --theme-bg-top: #11161a;
    --theme-bg-bottom: #1b2329;
    --theme-surface-solid: #1b2329;
    --theme-line: rgba(255, 255, 255, 0.08);
    --theme-heading: #7dd3fc;
    --theme-shadow-shell: 0 24px 70px rgba(0, 0, 0, 0.35);
    --theme-toast-shadow: 0 20px 60px rgba(0, 0, 0, 0.42);
    --theme-toast-success-bg: #205d2c;
    --theme-toast-success-ink: #f2f5f7;
    --theme-toast-success-icon-bg: rgba(255, 255, 255, 0.14);
    --theme-toast-success-icon-ink: #f2f5f7;
    --theme-toast-error-bg: #8f2525;
    --theme-toast-error-ink: #f8fbfd;
    --theme-toast-error-icon-bg: #f8fbfd;
    --theme-toast-error-icon-ink: #8f2525;
    --theme-toast-warning-bg: #8f5412;
    --theme-toast-warning-ink: #fff7ec;
    --theme-toast-warning-icon-bg: #fff7ec;
    --theme-toast-warning-icon-ink: #8f5412;
    --theme-toast-info-bg: #273138;
    --theme-toast-info-ink: #f2f5f7;
    --theme-toast-info-icon-bg: rgba(255, 255, 255, 0.14);
    --theme-toast-info-icon-ink: #f2f5f7;
}
}