/**
 * @file style.css
 * @copyright 2025 PlasticHeart
 */

:root {
    --font-family-code: 'ui-monospace', 'Menlo', 'Monaco', "Source Code Pro", 'Consolas', "Courier New", monospace;
}

.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }

.is-family-code {
    font-family: var(--font-family-code) !important;
}

table {
    & th {
        color: var(--bulma-grey-light) !important;
    }

    & th.is-shrink {
        white-space: nowrap;
        width: 1px;
    }

    & td.is-shrink {
        white-space: nowrap;
        width: 1px;
    }
}

:is(i[data-key], i[data-key-outlined]) {
    color: var(--bulma-grey-light);

    &:is(i[data-key="r"], i[data-key-outlined="r"]) {
        color: var(--bulma-danger-70) !important;
    }

    &.is-const {
        color: var(--bulma-warning-40) !important;
    }
}