/* Viewsob Sticky Ads -- bottom-of-screen ad with its own close button. */

.vs-sticky-ad{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:9500;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    padding:0 8px calc(8px + env(safe-area-inset-bottom, 0px));
    box-sizing:border-box;
    pointer-events:none;           /* the empty space around the ad never blocks the page */
    visibility:hidden;
    opacity:0;
    transform:translateY(24px);
    transition:transform .35s cubic-bezier(.2,.8,.2,1), opacity .3s ease, visibility 0s linear .35s;
}

.vs-sticky-ad.is-visible{
    visibility:visible;
    opacity:1;
    transform:none;
    transition:transform .35s cubic-bezier(.2,.8,.2,1), opacity .3s ease, visibility 0s;
}

.vs-sticky-ad-inner{
    position:relative;
    max-width:100%;
    pointer-events:auto;
    background:#0b1424;
    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 12px 40px rgba(0,0,0,.55);
}

.vs-sticky-ad-body{
    max-width:100%;
    overflow:hidden;
    text-align:center;
}

.vs-sticky-ad-body iframe,
.vs-sticky-ad-body img{
    display:block;
    max-width:100%;
}

.vs-sticky-ad-close{
    position:absolute;
    top:6px;
    left:6px;
    z-index:3;
    width:var(--vs-sticky-close, 18px);
    height:var(--vs-sticky-close, 18px);
    padding:0;
    border:0;
    border-radius:50%;
    background:#ef4444;
    color:#fff;
    font-size:calc(var(--vs-sticky-close, 18px) * .78);
    line-height:calc(var(--vs-sticky-close, 18px) - 1px);
    text-align:center;
    cursor:pointer;
    box-shadow:0 2px 8px rgba(0,0,0,.45);
    -webkit-tap-highlight-color:transparent;
}

.vs-sticky-ad-close:hover{ background:#dc2626; }

@media (prefers-reduced-motion:reduce){
    .vs-sticky-ad,
    .vs-sticky-ad.is-visible{ transition:none; transform:none; }
}

@media print{
    .vs-sticky-ad{ display:none !important; }
}