vermine2047/scss/dialog.scss

.window-app.vermineDialog {
    max-width: 50vw;
    height: fit-content;

    .window-content {
        background: url(/systems/vermine2047/assets/images/ui/box_background.webp) repeat;
        color: black;
    }


    details>summary::after {
        content: "▶️";
        position: relative;
        right: 40%;
    }

    details[open]>summary::after {
        content: "🔽"

    }


    .grid {
        justify-content: space-around;
        box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.555);
        align-items: center;
        padding: 0.5rem 0.2rem;

        &>* {
            margin: 0 0.3rem;
        }

    }

    ;

    label {
        font-family: "DistressBlack",
            sans-serif;
        font-size: larger;

    }

    select {
        max-width: fit-content;

        option {
            max-width: fit-content
        }
    }

    .dialog-buttons {
        button {
            display: block;
            flex: 0.3
        }

        display: flex;
        justify-content: space-around;
        flex-direction: row;
    }
}