.banner-design-widget{--banner-design-height:100svh;--banner-design-fade:1000ms;position:relative;width:100%;height:var(--banner-design-height);min-height:360px;overflow:hidden;isolation:isolate;background:#171717;margin:0;padding:0;touch-action:pan-y}
.banner-design-widget *,.banner-design-widget *::before,.banner-design-widget *::after{box-sizing:border-box}
.banner-design-widget__slide{position:absolute;inset:0;display:block;opacity:0;z-index:0;pointer-events:none;transition:opacity var(--banner-design-fade) linear;margin:0;padding:0;border:0;text-decoration:none}
.banner-design-widget__slide.is-active{opacity:1;z-index:1;pointer-events:auto}
.banner-design-widget__slide picture{display:block;width:100%;height:100%}
.banner-design-widget__slide img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;border:0;border-radius:0;margin:0;padding:0;box-shadow:none}
.banner-design-widget::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,.6) 90%);pointer-events:none}
.banner-design-widget__dots{position:absolute;z-index:3;bottom:110px;left:0;width:100%;display:flex;justify-content:center;align-items:center;height:35px;margin:0;padding:0;gap:0}
.banner-design-widget__dot{appearance:none;display:flex;align-items:center;justify-content:center;width:29px;height:35px;flex:0 0 29px;border:0;padding:0;margin:0;background:transparent;border-radius:0;cursor:pointer;box-shadow:none;min-width:0;min-height:0}
.banner-design-widget__dot span{display:block;width:13px;height:13px;transform:translateY(-3px);border:2px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.4)}
.banner-design-widget__dot[aria-current="true"] span{border-color:#fff;background:rgba(255,255,255,.7)}
.banner-design-widget__dot:focus-visible,.banner-design-widget__scroll:focus-visible{outline:2px solid #fff;outline-offset:3px}
.banner-design-widget__slide:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.banner-design-widget__scroll{appearance:none;position:absolute;z-index:3;bottom:30px;left:50%;transform:translateX(-50%);width:36px;height:58px;border:2px solid #fff;border-radius:20px;padding:0;margin:0;background:transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:none;min-width:0}
.banner-design-widget__scroll img{display:block;width:6px;height:10px;border:0;animation:banner-design-wheel 2s ease infinite;max-width:none;margin:0;padding:0}
@keyframes banner-design-wheel{from{transform:translateY(-10px)}to{transform:translateY(10px)}}
@media(max-width:1199px){.banner-design-widget__dots{bottom:0}.banner-design-widget__scroll{display:none}}
@media(prefers-reduced-motion:reduce){.banner-design-widget__slide{transition:none}.banner-design-widget__scroll img{animation:none}}