.pell-actionbar {
    background-color: transparent;
    border-bottom-width: 0;
}
.pell-content {
    height: auto;
}
.pell-content i {
    all: initial;
    font-family: inherit;
    font-style: italic;
    font-size: inherit;
    vertical-align: baseline;
    display: inline;
}
:root,
.round {
    ---round: 0.8rem;
}
:root,
.small-round {
    ---round: 0.3rem;
}
.hidden {
    display: none;
}
table.border > tbody > tr:not(:last-child) > td,
thead > tr > th {
    border-block-end: 0.0625rem solid var(--outline-variant);
}
.border:not(table, .field) {
    border-color: var(--outline-variant);
}
.gradient {
    background: #a1ffce;
    background: -webkit-linear-gradient(to right, #faffd1, #a1ffce);
    background: linear-gradient(to right bottom, #faffd1, #a1ffce);
}

table.stripes > tbody > tr:nth-child(2n + 1) {
    background-color: var(--surface);
}
dialog {
    max-block-size: 90%;
}
dialog#form_dialog {
    /*min-block-size: 50%;*/
}
.scroll > table,
table :is(thead, th) {
    color: var(--primary);
}
[hidden] {
    display: none !important;
}
@media screen and (max-width: 600px) {
    .bottom-fab {
        margin-bottom: 4rem;
    }
    dialog.large-width {
        max-width: 95%;
    }
}
.grid.tiny-space {
    --_gap: 0.5rem;
}

.avatar {
    border-radius: 1000px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: var(--tertiary);
    & img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    & span {
        color: var(--tertiary-text);
        font-weight: bold;
    }
}

.rotate-90 {
    transform: rotate(90deg);
}
.textarea.min {
    min-block-size: 3lh;
}

.list.cursor-default > li {
    cursor: default;
}