.tippy-box[data-theme~=d2z] {
    color: #26323d;
    box-shadow: 0 0 20px 4px rgba(154,161,177,.25),0 4px 80px -8px rgba(36,40,47,.35),0 4px 4px -2px rgba(91,94,105,.25);
    background-color: rgba(232, 233, 232, 0.9);
    border-radius: 1rem;
    padding: 0.5rem;
}

    .tippy-box[data-theme~=d2z] > .tippy-arrow:before {
        display: none;
    }

    .tippy-box[data-theme~=d2z] > .tippy-backdrop {
        background-color: #fff;
    }

    .tippy-box[data-theme~=d2z] > .tippy-svg-arrow {
        display: none;
    }

.progress-tip {
}

    .progress-tip > p {
        font-size: 0.75em;
        font-weight: bold;
    }

    .progress-tip div {
        display: flex;
        align-items: center;
    }

        .progress-tip div span {
            width: 0.5em;
            height: 0.5em;
            border-radius: 50%;
            margin-right: 0.5em;
            margin-top: -0.1em;
        }

        .progress-tip div p {
            margin: 0;
            font-size: 0.75em;
        }

        .progress-tip div p.name {
            margin-right: auto;
        }

        .progress-tip div p.percent {
            font-weight: bold;
        }