/**
 * Scoped reset — generated by scripts/gen-scoped-reset.mjs. Do not edit.
 *
 * The rules of `reset.css` that dress the elements a Tempest component renders,
 * republished under `:where([class*="tempest_"])` so they reach inside a component
 * and nowhere else. Import this instead of `reset.css` when the app owns its own
 * document styling: the components keep the box model, button and control
 * normalisation they are written against, and `html`, `body` and `#root` are left
 * to the app.
 *
 * `:where()` contributes no specificity, so every selector here weighs what it
 * weighed globally.
 */

:where([class*="tempest_"]),
:where([class*="tempest_"]) *,
:where([class*="tempest_"]) *::before,
:where([class*="tempest_"]) *::after {
    box-sizing: border-box;
}

:where([class*="tempest_"]) img,
img:where([class*="tempest_"]),
:where([class*="tempest_"]) svg,
svg:where([class*="tempest_"]),
:where([class*="tempest_"]) video,
video:where([class*="tempest_"]),
:where([class*="tempest_"]) canvas,
canvas:where([class*="tempest_"]),
:where([class*="tempest_"]) audio,
audio:where([class*="tempest_"]),
:where([class*="tempest_"]) iframe,
iframe:where([class*="tempest_"]),
:where([class*="tempest_"]) embed,
embed:where([class*="tempest_"]),
:where([class*="tempest_"]) object,
object:where([class*="tempest_"]) {
    display: block;
    max-width: 100%;
}

:where([class*="tempest_"]) img,
img:where([class*="tempest_"]),
:where([class*="tempest_"]) video,
video:where([class*="tempest_"]) {
    height: auto;
}

:where([class*="tempest_"]) :where(button, a, label, summary) > svg:only-child {
    margin-inline: auto;
}

:where([class*="tempest_"]) button,
button:where([class*="tempest_"]),
:where([class*="tempest_"]) input,
input:where([class*="tempest_"]),
:where([class*="tempest_"]) select,
select:where([class*="tempest_"]),
:where([class*="tempest_"]) textarea,
textarea:where([class*="tempest_"]) {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    letter-spacing: inherit;
}

:where([class*="tempest_"]) button,
button:where([class*="tempest_"]) {
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
}

:where([class*="tempest_"]) button:disabled,
button:disabled:where([class*="tempest_"]) {
    cursor: not-allowed;
}

:where([class*="tempest_"]) button::-moz-focus-inner,
button:where([class*="tempest_"])::-moz-focus-inner {
    border: 0;
    padding: 0;
}

:where([class*="tempest_"]) textarea,
textarea:where([class*="tempest_"]) {
    resize: vertical;
}

:where([class*="tempest_"]) input[type="search"]::-webkit-search-decoration,
input[type="search"]:where([class*="tempest_"])::-webkit-search-decoration,
:where([class*="tempest_"]) input[type="search"]::-webkit-search-cancel-button,
input[type="search"]:where([class*="tempest_"])::-webkit-search-cancel-button,
:where([class*="tempest_"]) input[type="search"]::-webkit-search-results-button,
input[type="search"]:where([class*="tempest_"])::-webkit-search-results-button,
:where([class*="tempest_"]) input[type="search"]::-webkit-search-results-decoration,
input[type="search"]:where([class*="tempest_"])::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

:where([class*="tempest_"]) table,
table:where([class*="tempest_"]) {
    border-collapse: collapse;
    border-spacing: 0;
}

:where([class*="tempest_"]) :where(ul, ol)[class] {
    list-style: none;
    margin: 0;
    padding: 0;
}

:where([class*="tempest_"]) :focus-visible,
:focus-visible:where([class*="tempest_"]) {
    outline: var(--tempest-focus-ring-width, 3px) solid
        var(--tempest-focus-ring-color, currentColor);
    outline-offset: var(--tempest-focus-ring-offset, 2px);
}

@media (prefers-reduced-motion: reduce) {
    :where([class*="tempest_"]) *,
    :where([class*="tempest_"]) *::before,
    :where([class*="tempest_"]) *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}