@import "../../style/control.pcss";
@import "../../style/floating-ui.pcss";

[data-monster-role=control] {
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 1em;

    & [data-monster-role="button"] {
        display: inline-block;
        position: relative;
        
        & svg {
            cursor: pointer;
        }

        & svg.hidden {
            visibility: hidden;
            cursor: default;
        }

    }
}

[data-monster-role="popper"] {
    z-index: var(--monster-z-index-tooltip-overlay);
}

:host {
    display: inline-block;
    position: relative;
    margin: 0 0.2em;
    padding: 0;
    vertical-align: bottom;
    /**transform: translateY(0.15em);*/ 
}