@keyframes popup {
    0% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

.winbox.modern {
    background: rgb(49, 54, 70);
    border-radius: 12px 12px 0 0;
    animation: popup .3s cubic-bezier(.3,1,.3,1) forwards
}

.winbox.modern:not(.min,.focus) {
    background: #666
}

@media (hover: hover) {
    .winbox.modern.min:not(:hover) {
        background:#666
    }

    .winbox.modern .wb-control * {
        opacity: .65
    }

    .winbox.modern .wb-control :hover {
        opacity: 1
    }
}

@media (hover: none) {
    .winbox.modern.min {
        background:#666
    }
}

.winbox.modern.max {
    border-radius: 0
}

.winbox.modern .wb-title {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600
}

.winbox.modern .wb-body {
    margin: 4px;
    color: #fff;
    background: #13182033;
    border-radius: 4px;
}

.winbox.modern .wb-body::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

.winbox.modern .wb-body::-webkit-scrollbar-track {
    background: 0 0
}

.winbox.modern .wb-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #263040
}

.winbox.modern .wb-body::-webkit-scrollbar-thumb:window-inactive {
    background: #181f2a
}

.winbox.modern .wb-body::-webkit-scrollbar-corner {
    background: 0 0
}