html {
    --sunoti-avf-width: 160px;
    --sunoti-avf-gap: 20px;
    --sunoti-avf-content: 1000px;
}

.sunoti-avf {
    display: none !important;
}

@media (min-width: 1400px) {
    body .sunoti-avf {
        display: block !important;
        position: fixed !important;
        top: 100px !important;
        width: var(--sunoti-avf-width) !important;
        height: 600px !important;
        z-index: 9999 !important;
        overflow: hidden !important;
        pointer-events: auto !important;
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 0 !important;
    }

    body .sunoti-avf-left {
        left: calc((100vw - var(--sunoti-avf-content)) / 2 - var(--sunoti-avf-width) - var(--sunoti-avf-gap)) !important;
        right: auto !important;
    }

    body .sunoti-avf-right {
        right: calc((100vw - var(--sunoti-avf-content)) / 2 - var(--sunoti-avf-width) - var(--sunoti-avf-gap)) !important;
        left: auto !important;
    }

    body .sunoti-avf .sunoti-avf-ad {
        display: inline-block !important;
        width: var(--sunoti-avf-width) !important;
        height: 600px !important;
        max-width: none !important;
        min-width: 0 !important;
        max-height: none !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
}

@media (min-width: 1680px) {
    html {
        --sunoti-avf-width: 300px;
    }
}