$bar-height: 36px;
$bar-content-height: 20px;

// .reset {
//     all: initial;
// }
// .reset * {
//     all: unset;
// }

#guify {
    background-color: green;
    position: absolute;
    left: 0;
    width: 100%;
    font-family: 'Hack', monospace;
    font-size: 11px;

    .guify-bar {
        height: $bar-height;
        width: 100%;
        opacity: 1.0;
        position: relative;
        left: 0;
        top: 0;

        .guify-bar-title {
            text-align: center;
            width: 100%;
            position: absolute;
            top: ($bar-height - $bar-content-height) / 2;
            line-height: $bar-content-height;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .guify-bar-button {
            text-align: center;
            border: none;
            cursor: pointer;
            font-family: inherit;
            height: $bar-content-height;
            position: absolute;
            top: ($bar-height - $bar-content-height) / 2;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;

        }
    }

    .guify-panel {


        & {
            position: absolute;
            padding: 14px;
            padding-bottom: 8px;

            /* all: initial;  */
            // font-family: 'Hack', monospace;
            // font-size: 11px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: default;
            text-align: left;
            box-sizing: border-box;
        }

        * {
            box-sizing: initial;
            -webkit-box-sizing: initial;
            -moz-box-sizing: initial;
        }

        * input {
            font-family: 'Hack';
            font-size: 11px;
            display: inline;
        }

        * a {
            color: inherit;
            text-decoration: none;
        }
    }

    .guify-toast-area {

    }

}