html[data-av3] {
    min-height: 100%;
    background: var(--av3-bg);
    font-family: var(--av3-font);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    text-rendering: optimizeLegibility;
}


html[data-av3][dir="rtl"] {
    direction: rtl;
}

html[data-av3][dir="ltr"] {
    direction: ltr;
}

html[data-av3] body {
    min-height: 100vh;
    margin: 0;
    color: var(--av3-text);
    background: var(--av3-bg);
    font-family: inherit;
    line-height: 1.65;
}

html[data-av3] *,
html[data-av3] *::before,
html[data-av3] *::after {
    box-sizing: border-box;
}

html[data-av3] h1,
html[data-av3] h2,
html[data-av3] h3,
html[data-av3] h4,
html[data-av3] p,
html[data-av3] ul,
html[data-av3] ol {
    margin-block-start: 0;
}

html[data-av3] button,
html[data-av3] input,
html[data-av3] select,
html[data-av3] textarea {
    color: inherit;
    font: inherit;
    font-variant-numeric: tabular-nums;
}

html[data-av3] button,
html[data-av3] select {
    cursor: pointer;
}

html[data-av3] button:disabled,
html[data-av3] input:disabled,
html[data-av3] select:disabled,
html[data-av3] textarea:disabled {
    cursor: not-allowed;
    opacity: .58;
}

html[data-av3] a {
    color: inherit;
    text-decoration: none;
}

html[data-av3] img,
html[data-av3] svg {
    display: block;
    max-width: 100%;
}

html[data-av3] table {
    border-collapse: collapse;
    border-spacing: 0;
}

html[data-av3] [hidden] {
    display: none;
}

html[data-av3] :focus-visible {
    outline: 2px solid var(--av3-primary);
    outline-offset: 2px;
}

html[data-av3] ::selection {
    color: var(--av3-text-inverse);
    background: var(--av3-primary);
}

html[data-av3] ::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

html[data-av3] ::-webkit-scrollbar-thumb {
    background: var(--av3-border-strong);
    border: 2px solid var(--av3-bg);
    border-radius: var(--av3-radius-pill);
}

html[data-av3] ::-webkit-scrollbar-track {
    background: var(--av3-bg);
}