.sdss-adman-slot,
.sdss-adman-slot-preview {
    --sdss-adman-current-width:var(--sdss-adman-desktop-width);
    --sdss-adman-current-height:var(--sdss-adman-desktop-height);
    --sdss-adman-current-ratio:var(--sdss-adman-desktop-ratio);
    --sdss-adman-current-image-position:var(--sdss-adman-desktop-image-position,center center);
    box-sizing:border-box;
    width:min(100%,var(--sdss-adman-current-width));
    margin:16px auto;
}
.sdss-adman-slot {
    aspect-ratio:var(--sdss-adman-current-ratio);
    overflow:hidden;
    background:var(--sdss-adman-slot-background,transparent);
}
.sdss-adman-creative-link,
.sdss-adman-creative-image {
    display:block;
    width:100%;
    height:100%;
}
.sdss-adman-creative-image { object-fit:contain; object-position:var(--sdss-adman-current-image-position,center center); }
.sdss-adman-slot-preview {
    min-height:min(var(--sdss-adman-current-height),70vh);
    padding:12px;
    border:2px dashed currentColor;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font:600 14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
@media (min-width:768px) and (max-width:1024px) {
    .sdss-adman-slot,.sdss-adman-slot-preview {
        --sdss-adman-current-width:var(--sdss-adman-tablet-width);
        --sdss-adman-current-height:var(--sdss-adman-tablet-height);
        --sdss-adman-current-ratio:var(--sdss-adman-tablet-ratio);
        --sdss-adman-current-image-position:var(--sdss-adman-tablet-image-position,var(--sdss-adman-desktop-image-position,center center));
    }
}
@media (max-width:767px) {
    .sdss-adman-slot,.sdss-adman-slot-preview {
        --sdss-adman-current-width:var(--sdss-adman-mobile-width);
        --sdss-adman-current-height:var(--sdss-adman-mobile-height);
        --sdss-adman-current-ratio:var(--sdss-adman-mobile-ratio);
        --sdss-adman-current-image-position:var(--sdss-adman-mobile-image-position,var(--sdss-adman-tablet-image-position,center center));
    }
}
@media (min-width:1025px) { .sdss-adman-hide-desktop { display:none!important; } }
@media (min-width:768px) and (max-width:1024px) { .sdss-adman-hide-tablet { display:none!important; } }
@media (max-width:767px) { .sdss-adman-hide-mobile { display:none!important; } }

.sdss-adman-creative-picture { display:block; width:100%; height:100%; }
.sdss-adman-creative-picture img { display:block; width:100%; height:100%; }

.sdss-adman-group{display:flex;max-width:100%;align-items:center;justify-content:center;box-sizing:border-box}
.sdss-adman-group--vertical{flex-direction:column;gap:20px}
.sdss-adman-group--vertical>.sdss-adman-group-item{width:100%}
.sdss-adman-group--horizontal{flex-direction:row;flex-wrap:nowrap;gap:20px;align-items:flex-start}
.sdss-adman-group--horizontal>.sdss-adman-group-item{flex:1 1 0;min-width:0}
.sdss-adman-group-item{display:flex;max-width:100%;align-items:center;justify-content:center;box-sizing:border-box}
@media (max-width:767px){
    .sdss-adman-group--horizontal{flex-direction:column}
    .sdss-adman-group--horizontal>.sdss-adman-group-item{flex:0 0 auto;width:100%}
}


.sdss-adman-slot--slideshow { position:relative; }
.sdss-adman-slideshow { position:relative; width:100%; height:100%; overflow:hidden; }
.sdss-adman-slideshow-slide { display:none; width:100%; height:100%; }
.sdss-adman-slideshow-slide.is-active,
.sdss-adman-slideshow-slide.is-leaving { display:block; }

.sdss-adman-slideshow--fade .sdss-adman-slideshow-slide,
.sdss-adman-slideshow--slide_left .sdss-adman-slideshow-slide {
    position:absolute;
    inset:0;
}
.sdss-adman-slideshow--fade .sdss-adman-slideshow-slide.is-entering {
    z-index:2;
    animation:sdss-adman-fade-in .6s ease-in-out both;
}
.sdss-adman-slideshow--fade .sdss-adman-slideshow-slide.is-leaving {
    z-index:1;
    pointer-events:none;
    animation:sdss-adman-fade-out .6s ease-in-out both;
}
@keyframes sdss-adman-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes sdss-adman-fade-out { from { opacity:1; } to { opacity:0; } }

.sdss-adman-slideshow--slide_left .sdss-adman-slideshow-slide.is-entering {
    z-index:2;
    animation:sdss-adman-slide-in-left .5s cubic-bezier(.22,.61,.36,1) both;
}
.sdss-adman-slideshow--slide_left .sdss-adman-slideshow-slide.is-leaving {
    z-index:1;
    pointer-events:none;
    animation:sdss-adman-slide-out-left .5s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes sdss-adman-slide-in-left { from { transform:translateX(100%); } to { transform:translateX(0); } }
@keyframes sdss-adman-slide-out-left { from { transform:translateX(0); } to { transform:translateX(-100%); } }

@media (prefers-reduced-motion: reduce) {
    .sdss-adman-slideshow--fade .sdss-adman-slideshow-slide,
    .sdss-adman-slideshow--slide_left .sdss-adman-slideshow-slide {
        animation:none!important;
        transform:none!important;
    }
}