#stm_feedback {
    position: relative;
    z-index: 99;

    img {
        object-fit: scale-down;
        object-position: center;
        width: 100%;
        margin-top: -18px;
    }

    .close {
        --width: 24px;
        --height: 24px;
        position: absolute;

        top: calc(var(--height) / 2 * -1);
        right: calc(var(--width) / 2 * -1);

        background-color: red;
        border-radius: 50%;

        width: var(--width);
        height: var(--height);
        font-size: 16px;
        text-shadow: none;
        color: white;
    }

    form {
        position: fixed;
        bottom: 0;
        left: 0;

        background: #fff;
        box-shadow: 0px 0px 10px;
        border-radius: 7px;
        padding: 30px;

        display: flex;
        flex-direction: column;
        gap: 10px;
        max-width: 400px;

        .separator {
            border-inline: 150px solid;
            line-height: 1px;
            display: inline-block;
            padding: 0 5px 0px 5px;
            font-size: 16px;
            text-transform: uppercase;
        }

        .feedback-field {
            opacity: 0;
            transition: opacity 0.2s;
        }

        label.feedback-field {
            display: flex;
            gap: 5px;
        }
    }

    .show-fields {
        .feedback-field {
            opacity: 1;
            border-radius: 0;
            resize: vertical;
            height: auto;
        }
    }

    dialog {
        --margin: 30px;
        --padding: 20px;

        margin: auto;
        width: fit-content;
        max-width: min(750px, calc(100% - var(--margin)));
        padding: var(--padding);
        overflow: visible;

        article {
            overflow: auto;
            max-height: calc(100vh - (var(--padding) * 2 + var(--margin) * 2));
        }
    }

    ::backdrop {
        opacity: 0.2;
    }

    @media screen and (max-width: 500px) {
        form {
            width: 100%;
            border-radius: 0;
            max-width: calc(100vw - 30px);
            left: 15px !important;
        }
    }
}