@import "../../style/property.pcss";
@import "../../style/display.pcss";
@import "../../style/border.pcss";
@import "../../style/theme.pcss";
@import "../../style/popper.pcss";
@import "../../style/control.pcss";
@import "../../style/badge.pcss";
@import '../../style/mixin/button.pcss';
@import '../../style/mixin/typography.pcss';
@import '../../style/mixin/hover.pcss';

:host {
    display: block;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;

    height: fill-available;
    height: -moz-available;
    height: stretch;

}

[data-monster-role="control"] {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    outline: none;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--monster-color-primary-1) var(--monster-bg-color-primary-1);

    height: fill-available;
    height: -moz-available;
    height: stretch;

}