.dg-discord-announcement {
    position: fixed;
    right: max(22px, env(safe-area-inset-right));
    bottom: max(94px, calc(env(safe-area-inset-bottom) + 82px));
    z-index: 1054;
    width: min(340px, calc(100vw - 28px));
    margin: 0;
    padding: 0;
    border: 1px solid rgb(255 255 255 / 30%);
    border-radius: 14px;
    background: #101420;
    box-shadow: 0 12px 38px rgb(0 0 0 / 24%);
    overflow: hidden;
}
.dg-discord-announcement > a {
    display: block;
}
.dg-discord-announcement img {
    display: block;
    width: 100%;
    height: auto;
    max-height: calc(100vh - 120px);
    max-height: calc(100dvh - 120px);
    object-fit: contain;
}
.dg-discord-announcement__close {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid rgb(255 255 255 / 70%);
    border-radius: 50%;
    background: #141824;
    color: #fff;
    cursor: pointer;
    font: 28px/1 sans-serif;
}
.dg-discord-announcement__close:focus-visible,
.dg-discord-announcement a:focus-visible {
    outline: 3px solid #8c80ff;
    outline-offset: -4px;
}
.dost-support-open .dg-discord-announcement {
    visibility: hidden;
    pointer-events: none;
}
@media (max-width: 768px) {
    .dg-discord-announcement {
        right: max(14px, env(safe-area-inset-right));
        width: min(280px, calc(100vw - 28px));
    }
}