/* :root{
    --main-red:#EF4422;
    --warn-yellw:#FFFC03;
    --accent:#0b6cf0;
    --bg: #f6f8fb;
    --card: #ffffff;
    --muted: #65748b;
}

@media screen { 
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: 'Noto Sans Thai','Manrope', 'Inter', sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
    }
    body {
        margin: 0;
        background: var(--bg);
        color: #0b1721
    }
        ::placeholder {
            opacity:0.6;
        }
        ::-webkit-scrollbar{
            width:5px;
            height:8px;
        }
        ::-webkit-scrollbar-track{
            -webkit-box-shadow:inset 0 0  6px #A5A5A5;
            border-radius: 2px;
        }
        ::-webkit-scrollbar-thumb {
            background: #CCC;
            border-radius: 2px;
            border: 1px solid #AAA;
        }

        .act-as-button{
            cursor:pointer;
        }
            .act-as-button:active{
                transform: scale(0.9,0.9);
                transform-origin: center center;
            }
        .click-able{
            cursor:pointer;
        }
        button:active{
            transform: scale(0.9,0.9);
            transform-origin: center center;
        }
}

.bottom-padding{
    display: flex;
    width: 100%;
    height: 35px;
} */
.envBanner{
    position: fixed;
    top: 6px;
    left: calc( 50% - 125px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 40px !important;
    border-radius: 5px;
    padding: 10px 50px;
    background: rgba(255,0,0,0.3);
    box-shadow: 8px 7px 18px -7px rgba(0,0,0,0.3);
    color: darkred;
    font-weight: 600;
}