:root {
    --tr-z3-text-color: #748387;
    --tr-z3-text-title: #1d1d1b;
    --tr-z3-blue: #2d38f9;
    --tr-z3-purple: #8d64ff;
    --tr-z3-black: #1d1d1b;
    --tr-z3-gray: #748388;
    --tr-z3-mrg-out: 70px;
    --tr-bkg: #ffffff;
}

body {
    height: 100vh;
    margin: 0;
    font-family: "Inter", sans-serif;
    transition: background-color .25s ease, color .25s ease;
}

button {
    border: none;
    z-index: 9;
}

.button_land {
    padding: 8px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 1vw;
}

.btn_grd {
    color: #ffffff;
    background: radial-gradient(circle at 35% 100%, rgb(255 255 255 / 75%), #0023FB, #000000 75%), radial-gradient(circle at 100% 100%, #000, #000eff 85%, #7840ff);
    box-shadow: 0 0 10px rgb(100 100 255), 0 0 5px rgb(50 50 255 / 98%);
    font-weight: 500;
}

    .btn_grd:hover {
        color: #efefef;
        transform: scale(1.05);
    }

.btn_black {
    color: #ffffff;
    background: linear-gradient( 90deg, #1d2122, #313a3d);
    border: 4px solid #000000;
    font-size: 1vw;
    cursor: auto !important;
}

.text_black_grdt {
    background: #1c1c1c;
    background: linear-gradient(45deg, #1c1c1c 0%, #748387 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 3.25vw;
    line-height: 1.3;
}

.text_yellow_grdt {
    background: #1c1c1c;
    background: linear-gradient(90deg, #1c1c1c 0%, #a92d76 50%, #e28b4f 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 3.25vw;
}

.not_show {
    display: none;
}

.not_show_imp {
    display: none !important;
}

#lockscreen {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    background-color: #00000036;
}

.truncate_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate_text_2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate_text_3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}