.banner-slider{aspect-ratio:18/5;border-radius:var(--r-xl);background-color:var(--bg-2);isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;max-height:400px;margin-bottom:24px;position:relative;overflow:hidden}.banner-slider:active{cursor:grabbing}@media (max-width:900px){.banner-slider{aspect-ratio:16/6;border-radius:var(--r-lg);max-height:320px}}@media (max-width:600px){.banner-slider{aspect-ratio:16/9;max-height:260px}}.banner-track{will-change:transform;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,.72,.22,1);display:flex}.banner-track.is-dragging{transition:none}.banner-slide{flex:0 0 100%;width:100%;height:100%;position:relative}.banner-slide-link{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.banner-slide-link img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.banner-nav{border-radius:var(--r-pill);background-color:var(--surface);cursor:pointer;width:42px;height:42px;color:var(--ink);z-index:3;box-shadow:0 0 0 1px var(--border), 0 6px 16px -6px #0000002e;opacity:.85;border:0;place-items:center;transition:background-color .16s,color .16s,box-shadow .2s,transform .2s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:50%;transform:translateY(-50%)}.banner-nav:hover{background-color:var(--accent);color:var(--accent-on);opacity:1;box-shadow:0 0 0 1px var(--accent), 0 8px 22px -6px color-mix(in srgb, var(--accent) 50%, transparent)}.banner-nav-prev{left:16px}.banner-nav-next{right:16px}@media (max-width:600px){.banner-nav{width:34px;height:34px}.banner-nav-prev{left:10px}.banner-nav-next{right:10px}}.banner-dots{z-index:3;background-color:color-mix(in srgb, var(--ink) 38%, transparent);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:6px;padding:6px 10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.banner-dot{border-radius:var(--r-pill);cursor:pointer;background-color:#ffffff80;border:0;width:8px;height:8px;padding:0;transition:background-color .2s,width .24s}.banner-dot:hover{background-color:#fffc}.banner-dot[data-active=true]{background-color:#fff;width:22px}