.banner-slider{border-radius:calc(var(--border-radius) - 8px);touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;max-width:1220px;aspect-ratio:var(--aspect-ratio,16/9);min-height:300px;max-height:80vh;margin:0 auto;position:relative;overflow:hidden}.banner-slides{width:100%;height:100%;position:absolute;top:0;left:0}.banner-slide{cursor:pointer;opacity:0;width:100%;height:100%;text-decoration:none;transition:opacity .5s ease-in-out,transform .5s ease-in-out;display:block;position:absolute;top:0;left:0;transform:translate(100%)}.banner-slide.active{opacity:1;transform:translate(0)}.banner-slide.prev{opacity:0;transform:translate(-100%)}.banner-background,.banner-background-mobile{border-radius:calc(var(--border-radius) - 8px);object-fit:cover;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.banner-background-mobile{display:none}.banner-prev,.banner-next{color:#333;cursor:pointer;z-index:3;background:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #0000001a}.banner-prev:hover,.banner-next:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 15px #0003}.banner-prev{left:20px}.banner-next{right:20px}.banner-indicators{z-index:3;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.banner-indicator{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:all .3s;box-shadow:0 2px 5px #0000004d}.banner-indicator.active{background:#fff;transform:scale(1.2)}.banner-indicator:hover{background:#ffffffb3}.swipe-hint{color:#fff;opacity:.7;z-index:3;text-shadow:1px 1px 3px #000000b3;font-size:.8rem;animation:2s infinite swipeHintPulse;display:none;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}@keyframes swipeHintPulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.banner-slide.active{animation:.5s ease-in-out fadeIn}@media (max-width:768px){.banner-slider{max-width:100%;aspect-ratio:var(--aspect-ratio,1/1.5)}.banner-background{display:none}.banner-background-mobile{display:block}.banner-prev,.banner-next{width:40px;height:40px;font-size:20px;display:none}.banner-indicators{bottom:15px}.banner-indicator{border-width:1px;width:10px;height:10px}.swipe-hint{font-size:.7rem;display:block;bottom:40px}}@media (max-width:480px){.banner-slider{aspect-ratio:var(--aspect-ratio,3/4)}.banner-indicators{gap:6px;bottom:10px}}@media (min-width:1400px){.banner-slider{max-width:1400px}}.banner-slider *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.banner-slide{-webkit-tap-highlight-color:#0000001a}@supports not (aspect-ratio:1/1){.banner-slider:before{content:"";padding-top:calc(100%/var(--aspect-ratio,1.77778));display:block}.banner-slider{height:auto}.banner-slides{position:relative}}