.sf-rot-slot{margin-top:14px;width:100%;display:block;min-height:0}
.sf-rot-shell{display:none;position:relative;width:100%;border:1px solid rgba(240,199,106,.34);border-radius:18px;background:linear-gradient(135deg,rgba(7,17,30,.94),rgba(11,27,46,.94));padding:8px;box-shadow:0 14px 34px rgba(0,0,0,.20);overflow:hidden}
.sf-rot-slot.is-ready .sf-rot-shell{display:block}
.sf-rot-label{position:absolute;z-index:4;left:15px;top:12px;font:700 9px/1 system-ui,sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.72);background:rgba(3,10,18,.72);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 8px;backdrop-filter:blur(8px)}
.sf-rot-link{display:block;position:relative;border-radius:12px;overflow:hidden;background:#07111d;aspect-ratio:970/90}
.sf-rot-img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .5s ease}
.sf-rot-link:hover .sf-rot-img{transform:scale(1.006)}
.sf-rot-dots{min-height:14px;display:flex;align-items:center;justify-content:center;gap:6px;padding-top:7px}
.sf-rot-dot{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:#315575;cursor:pointer;transition:.2s}
.sf-rot-dot.is-active{width:18px;border-radius:999px;background:#f0c76a}
@media(max-width:700px){
  .sf-rot-slot{margin-top:10px}
  .sf-rot-shell{border-radius:14px;padding:6px}
  .sf-rot-link{aspect-ratio:320/100;border-radius:10px}
  .sf-rot-label{left:10px;top:10px;font-size:8px;padding:5px 7px}
  .sf-rot-dots{padding-top:6px}
}
@media(prefers-reduced-motion:reduce){.sf-rot-img,.sf-rot-dot{transition:none!important}}