html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


* {
    box-sizing: border-box;
    font-family: var(--monster-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
}




.visible {
    tvisibility: visible !important;
}



.invisible {
    visibility: hidden !important;
}


.hidden {
    display: none !important;
}


.inline {
    display: inline !important;
}


.block {
    display: block !important;
}


.flex {
    display: flex !important;
}


[data-monster-role=control] {
    outline: none;
}


div[data-monster-role=popper] {
    box-sizing: border-box;
    display: none;
    border: var(--monster-border-width, 1px) solid var(--monster-color-primary-1);
    padding: 0;
    z-index: 10;
    background-color: white;
}


:host([disabled]) {
    border-color: var(--monster-color-primary-disabled-1, rgba(118, 118, 118, 0.3));
    color: var(--monster-color-primary-disabled-1);
    background-color: var(--monster-bg-color-primary-disabled-1);
    cursor: not-allowed;
}


:host([disabled]) * {
    border-color: var(--monster-color-primary-disabled-1, rgba(118, 118, 118, 0.3));
    color: var(--monster-color-primary-disabled-1);
    background-color: var(--monster-bg-color-primary-disabled-1);
    cursor: not-allowed;
    
}


:disabled {
    border-color: var(--monster-color-primary-disabled-1, rgba(118, 118, 118, 0.3));
    color: var(--monster-color-primary-disabled-1);
    background-color: var(--monster-bg-color-primary-disabled-1);
    cursor: not-allowed;
    pointer-events: none;
    opacity: .55;
}

input:focus-visible {
    outline: none;
}

body:focus-visible {
    outline: none;
}

:focus-visible {
    outline: none;
}