.vnb-banner-group{position:relative;width:min(calc(100% - 32px),var(--vnb-width,1240px));margin:var(--vnb-margin,40px) auto;overflow:hidden;border-radius:var(--vnb-radius,20px);box-shadow:0 18px 55px rgba(0,0,0,.25)}.vnb-track{position:relative;display:flex;transition:transform var(--vnb-speed,.8s) ease}.vnb-slide{flex:0 0 100%;opacity:0;pointer-events:none;transition:opacity var(--vnb-speed,.8s) ease}.vnb-slide:not(:first-child){position:absolute;inset:0}.vnb-banner-group[data-mode=slide] .vnb-slide{position:relative;opacity:1;pointer-events:auto}.vnb-slide.is-active{position:relative;opacity:1;pointer-events:auto;z-index:1}.vnb-slide picture,.vnb-slide img{display:block;width:100%}.vnb-slide img{height:auto}.vnb-prev,.vnb-next{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(7,8,18,.65);color:#fff;font-size:28px;cursor:pointer}.vnb-prev{left:14px}.vnb-next{right:14px}.vnb-dots{position:absolute;z-index:3;left:50%;bottom:12px;display:flex;gap:7px;transform:translateX(-50%)}.vnb-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}.vnb-dots button.is-active{width:22px;border-radius:999px;background:#fff}@media(max-width:680px){.vnb-banner-group{width:min(calc(100% - 20px),var(--vnb-width,1240px));margin:24px auto}.vnb-prev,.vnb-next{width:34px;height:34px;font-size:22px}}