div:where(.swal2-container) {
    z-index: 9999 !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: #FD5000 !important;
}

.bubble {
    --r: 25px;
    /* the radius */
    --t: 30px;
    /* the size of the tail */
    mask: none;
    padding: calc(2*var(--r)/3);
    -webkit-mask:
        radial-gradient(var(--t) at var(--_d) 0, #0000 98%, #000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,
        conic-gradient(at var(--r) var(--r), #000 75%, #0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,
        radial-gradient(50% 50%, #000 98%, #0000 101%) 0 0/var(--r) var(--r) space padding-box;
    color: #fff;
}

.left {
    --_d: 0%;
    border-left: var(--t) solid #0000;
    margin-right: var(--t);
    place-self: start;
    background-color: #e5e5ea;
    color: #000;
}

.right {
    --_d: 100%;
    border-right: var(--t) solid #0000;
    margin-left: var(--t);
    place-self: end;
    background-color: #248bf5;
}

.bg-green {
    background-color: green;
}

.bg-red {
    background-color: red;
}

.bg-orange {
    background-color: orange;
}

.bg-grey {
    background-color: grey;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

a.o365:hover {
    color: #fff !important;
}

.bg-purple {
    background-color: purple;
}