.side-banners{--side-slide:362px;--side-item-w:330px;--side-item-h:175px;z-index:2;-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:1600px;margin:-70px auto 0;display:flex;position:relative}.side-banners__viewport{cursor:grab;width:100%;overflow:hidden}.side-banners__viewport.is-dragging{cursor:grabbing}.side-banners__container{touch-action:pan-y;align-items:stretch;padding:24px 0;display:flex}.side-banners__slide{flex:0 0 var(--side-slide);filter:brightness(.4);transition:filter .45s var(--zs-ease-out,ease);justify-content:center;align-items:stretch;display:flex}.side-banners__slide--active{filter:brightness(1.05);z-index:5}.side-banners__inner{width:100%;transition:transform .45s var(--zs-ease-out,ease);justify-content:center;display:flex;transform:translateY(12px)}.side-banners__inner.is-active{z-index:5;transform:translateY(0)scale(1.1)}.side-banner-item{width:var(--side-item-w);height:var(--side-item-h);border-radius:var(--zs-radius-card,16px);background:var(--zs-surface-raised,#1a1b1e);-webkit-tap-highlight-color:transparent;flex-shrink:0;position:relative;overflow:hidden}.side-banner-item:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.side-banner-item--active{box-shadow:0 12px 32px #00000073}.side-banner-item:focus-visible{outline:2px solid var(--zs-accent,#ff416c);outline-offset:2px}.side-banner-item-img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform var(--zs-dur,.3s)var(--zs-ease-out,ease);display:block}@media (hover:hover){.side-banners__inner.is-active .side-banner-item:hover .side-banner-item-img{transform:scale(1.03)}}.side-banners__dots{display:flex}.side-banners__dot{cursor:pointer;width:24px;height:24px;transition:width var(--zs-dur,.3s)var(--zs-ease-out,ease);-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;position:relative}.side-banners__dot:before{content:"";transition:background-color var(--zs-dur-fast,.15s)ease-out;background:#ffffff40;border-radius:999px;position:absolute;inset:9px}.side-banners__dot--active{width:40px}.side-banners__dot--active:before{background:#ffffffe6}@media (hover:hover){.side-banners__dot:not(.side-banners__dot--active):hover:before{background:#ffffff80}}.side-banners__dot:focus-visible{outline:2px solid var(--zs-accent,#ff416c);outline-offset:-2px;border-radius:999px}@media (prefers-reduced-motion:reduce){.side-banners__inner,.side-banners__inner.is-active{transform:none}}@media (max-width:650px){.side-banners{--side-slide:312px;--side-item-w:280px;--side-item-h:155px;margin-top:-50px}}@media (max-width:500px){.side-banners{--side-slide:268px;--side-item-w:246px;--side-item-h:142px}}
