.rotator{position:relative;width:300px;height:300px;overflow:hidden;touch-action:pan-y;user-select:none;background:#f0f0f0;cursor:grab}.rotator a,.rotator-indicator{position:absolute;pointer-events:none}.rotator a{inset:0;display:block;opacity:0;transition:opacity 2s;z-index:1}.rotator a.active{opacity:1;pointer-events:auto;z-index:2;cursor:grabbing}.rotator img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.5);transition:filter .3s,opacity .8s}.rotator a:hover img{filter:brightness(1)}.rotator-indicator{left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;z-index:5}.rotator-indicator span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5)}.rotator-indicator span.active{background:#fff}.rotator-wrapper{display:flex;flex-wrap:wrap;gap:20px}