:root {
    --font: Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    --font-icon: "Material Symbols Rounded";
    --mycake-green: #1e9d50;
    --mycake-purple: #3f3d56;
    --mycake-grey: #e1dfde;
    --mycake-light-grey: #fbfbfa;
    --mycake-dark-grey: rgb(17 24 39);
    --pf-t--global--color--brand--100: #56AF6E;
    --pf-t--global--color--brand--200: var(--mycake-green);
    --pf-t--global--color--brand--300: #1F8E49;
    --pf-t--global--color--brand--400: #207F42;
    --pf-t--global--color--brand--500: #1E6134;
    --pf-t--global--dark--color--brand--100: #56AF6E;
    --pf-t--global--dark--color--brand--200: var(--mycake-green);
    --pf-t--global--dark--color--brand--300: #1F8E49;
    --subtext-bg: var(--pf-t--color--yellow--10);
    --pf-t--global--font--family--100: var(--font);
    --pf-t--global--font--family--200: var(--font);
    --pf-t--global--font--family--300: "Roboto Mono", "Courier New", Courier, monospace;
}

:root:where(.pf-v6-theme-dark) {
    --subtext-bg: var(--pf-t--color--yellow--70);
}

.pf-v6-c-masthead__logo {
    font-weight: var(--pf-t--global--font--weight--heading--default);
    font-size: var(--pf-t--global--font--size--heading--h1);
    color: var(--pf-t--global--text--color--regular);
    text-decoration: none;

    img {
        display: inline-block;
        margin-inline-end: var(--pf-v6-c-masthead__main--ColumnGap);
    }

}


.pf-v6-c-card__body>.pf-v6-c-description-list,
.pf-v6-c-card__body>section>.pf-v6-c-description-list,
.pf-v6-c-panel__main-body>.pf-v6-c-description-list,
.pf-v6-c-panel__main-body>section>.pf-v6-c-description-list,
.pf-v6-c-description-list.wider-terms {
    --pf-v6-c-description-list--m-horizontal__term--width: 18ch;
}

.number {
    font-variant-numeric: tabular-nums;
}

details>summary {
    cursor: pointer;
}

.htmx-request {
    filter: blur(3px);
}

/*.htmx-request::after {
    content: "";
    position: fixed;
    top: 25vh;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6rem;
    height: 6rem;
    border: 12px solid;
    border-color: var(--mycake-green) transparent var(--mycake-green) transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 99999;
    pointer-events: none;
}*/

.pf-v6-c-table {
    --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-v6-c-table--cell--PaddingInlineStart);
}

.pf-v6-c-button {
    --pf-v6-c-button--m-link--Color: var(--pf-t--color--blue--50);
    --pf-v6-c-button--m-link__icon--Color: var(--pf-t--color--blue--50);
    --pf-v6-c-button--m-link--hover--Color: var(--pf-t--color--blue--60);
    --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-t--color--blue--60);
    --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--color--blue--60);
    --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--color--blue--60);
    --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--color--blue--50);
    --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--color--blue--50);
    --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--color--blue--60);
    --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--color--blue--60);
}

.inner-sidebar-content {
    max-width: calc(100vw - var(--pf-v6-c-sidebar__panel--FlexBasis) - var(--pf-v6-c-page__sidebar--Width) - var(--pf-v6-c-page__main-container--MarginInlineEnd));
}

.pf-v6-c-page:has(>.pf-v6-c-page__sidebar.pf-m-collapsed) .inner-sidebar-content {
    max-width: calc(100vw - var(--pf-v6-c-sidebar__panel--FlexBasis) - var(--pf-v6-c-page__main-container--MarginInlineEnd) - var(--pf-v6-c-page__main-container--MarginInlineStart));
}

.subtext,
.identifier {
    padding: var(--pf-t--global--spacer--xs) var(--pf-t--global--spacer--sm);
    background-color: var(--subtext-bg);
    border-radius: var(--pf-t--global--spacer--sm);
    font-family: var(--pf-t--global--font--family--mono);
    font-weight: var(--pf-t--global--font--weight--body--default);
}

.pf-v6-c-title {

    .subtext,
    .identifier {
        font-size: var(--pf-t--global--font--size--sm);
    }
}

.record_type {
    font-weight: var(--pf-t--global--font--weight--body--default);
}

body {
    .spinner {
        display: none;
    }

    &:has(.htmx-request) {

        .spinner {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;

            >img {
                animation: spin 1s ease-in-out infinite;
                width: 12rem;
                height: 12rem;
            }

        }
    }
}

.bg-washed-red {
    background-color: #FCE3E3;
}

.bg-washed-green {
    background-color: var(--pf-t--global--color--nonstatus--green--default);
}