@charset "utf8";
/*!
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  Copyright (C) 2025 jeffy-g <hirotom1107@gmail.com>
  Released under the MIT license
  https://opensource.org/licenses/mit-license.php
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

.command {
    font-family: consolas;
    color: rgb(37 143 231);
    background-color: rgba(192, 192, 192, 0.23);
    padding: 4px 6px;
    border: solid 1px silver;
    border-radius: 4px;
}

/* button {
    width: 100px;
    transition: filter 300ms ease;
} */
button:disabled {
    filter: opacity(0.3) blur(0.4px);
}
button.copy {
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg height="16px" viewBox="-21 0 512 512" width="16px" xmlns="http://www.w3.org/2000/svg"><path d="m186.667969 416c-49.984375 0-90.667969-40.683594-90.667969-90.667969v-218.664062h-37.332031c-32.363281 0-58.667969 26.300781-58.667969 58.664062v288c0 32.363281 26.304688 58.667969 58.667969 58.667969h266.664062c32.363281 0 58.667969-26.304688 58.667969-58.667969v-37.332031zm0 0"/><path d="m469.332031 58.667969c0-32.40625-26.261719-58.667969-58.664062-58.667969h-224c-32.40625 0-58.667969 26.261719-58.667969 58.667969v266.664062c0 32.40625 26.261719 58.667969 58.667969 58.667969h224c32.402343 0 58.664062-26.261719 58.664062-58.667969zm0 0"/></svg>') no-repeat center/14px;
    border: solid 1px rgba(192, 192, 192, 0.73);
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    cursor: pointer;
    padding: 2px;
    box-sizing: content-box;
}

.footer {
    position: fixed;

    box-sizing: border-box;
    margin: 0;
    left: 0; bottom: 2px;
    width: 100%;
    padding: 2px 8px;

    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    justify-items: end;

    font-size: 10px;
    background-color: var(--card-bg);
    color: snow;
}
.footer a {
    text-decoration: none;
    margin: 0 4px;
}

.log-frame {
    position: relative;

    height: calc(100vh - 100px - 30px);

    border: none;
    padding: 3px 4px;
    border-radius: 4px;

    font-family: consolas;
    white-space: pre;
    overflow: auto;

    background-color: rgb(22 22 22);
    color: #ececec;
    /* &:empty {
        padding: 0;
        width: 0; height: 0;
        border: none;
        border-radius: unset;
    } */
}

span.key {
    color: rgb(255 150 150);
}
span.number {
    color: rgb(89 174 255);
}
span.string {
    color: rgb(95 249 95);
}
span.bool {
    color: rgb(205, 108, 255);
}
span.nul {
    color: rgb(255, 44, 44);
}