Scripts/resources/[ps]/ps-dispatch/ui/style.css

@import url('https://api.hawk.quest/fonts/SF-Pro-Rounded-Regular.woff2');
body {
    font-family: 'SF Pro Rounded Regular';
    overflow: hidden;
    /* display: none; */
    text-shadow: 1px 1px 1px rgb(0 0 0 / 32%);
}

::-webkit-scrollbar {
    width: 0px;
}

.dispatch-container {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
}

.dispatch-holder {
    width: 48vh;
    height: 50vh;
    margin: auto;
    margin-top: 21.75vh;
    margin-right: 3vh;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}

.dispatch-item {
    /*     -webkit-text-stroke: 0.1mm black; */
        /* background-image: url('https://web.archive.org/web/20231211222955/https://cdn.discordapp.com/attachments/1021510724754878484/1043206485620043777/imageedit_6_2893157692.png'); */
        background-size: 28px;
        background-repeat: no-repeat;
        /*     background-position-x: right;
        background-position-y: top; */
        background-position: right 2% bottom 87%;
        /*     border-radius: 5px; */
        margin: auto;
        margin-top: 5vh;
        margin-right: 1vh;
        margin-bottom: .5vh;
        background-color: #1401019c;
        border-right: .75vh solid rgba(217, 249, 255, 0.671);
        min-width: 45.5vh;
        width: fit-content;
        height: fit-content;
        border-radius: 1.1vh;
}

.dispatch-item-true {
    background-color: #00030594;
}

.dispatch-item-false {
    background-color: rgba(119, 20, 20, 0.911);
    border-right: .75vh solid rgb(255, 0, 0);
}

.dispatch-item-officer {
    background-color: rgb(97, 3, 11);
}

.top-info-holder {
    scale: 0.5px;
    width: 95%;
    height: fit-content;
    margin: unset;
    margin-top: .75vh;
    margin-left: .75vh;
    align-items: center;
    display: flex;
    flex-direction: row;
    color: white;
    font-size: 1vh;
    white-space: nowrap;
}

.call-id {
    background-color: #93f167;
    padding: .35vh;
    padding-bottom: 0.4vh;
    padding-left: 1vh;
    padding-right: 1vh;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0vh;
    margin-right: 0.4vh;
    border-radius: 1vh;
    text-align: center;
    color: black;
}

.call-code {
    background-color: #000b0e;
    padding: .35vh;
    padding-bottom: 0.4vh;
    padding-left: 1vh;
    padding-right: 1vh;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0vh;
    margin-right: 0.5vh;
    border-radius: 1vh;
    text-align: center;
}

.call-name {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0vh;
    margin-right: auto;
    border-radius: 1vh;
    text-align: left;
    font-size: 1.4vh;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.bottom-info-holder {
    -webkit-text-stroke: 0.01mm black;
    width: 95%;
    height: fit-content;
    margin: auto;
    margin-top: .75vh;
    margin-bottom: .6vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    color: white;
    font-size: 1.2vh;
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
}

.call-bottom-info {
    margin: auto;
    margin-left: 0vh;
    margin-bottom: .5vh;
    text-align: left;
    overflow: wrap;
    white-space: normal;
}

.line {
    background-color: rgb(0, 4, 7);
    height: 0.05vh;
    width: 100%;
    margin-top: 0.1vh;
    margin-bottom: 0.1vh
}

.call-bottom-information {
    margin-top: 0.5vh;
}

.fas {
    margin-right: .5vh;
}

.fab {
    margin-right: .5vh;
}

.far {
    margin-right: .5vh;
}

.fab {
    margin-right: .5vh;
}

.priority-1 {
    background: linear-gradient(270deg, #b70000, #00020a);
    background-size: 400% 400%;
    animation: gradient 3s ease infinite;
    background-color: #000b0e00;
}

.priority-2 {
    background-color: #ff2e2e;
    color: black;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}