.StoriesBanner_container__vC1pp{position:relative;width:100%;padding-top:1rem;margin-bottom:1.5rem}.StoriesBanner_progressContainer__kpSSO{position:relative;display:flex;gap:4px;padding:0 16px;margin-bottom:8px}.StoriesBanner_progressBar__4L2L8{flex:1;height:3px;background-color:hsla(0,0%,100%,.3);border-radius:2px;overflow:hidden;cursor:pointer;transition:height .2s ease}.StoriesBanner_progressBar__4L2L8:hover{height:5px}.StoriesBanner_progressFill__jl6vY{height:100%;background-color:#9ffe00;transition:width .1s linear;box-shadow:0 0 8px rgba(159,254,0,.6)}.StoriesBanner_bannerContainer__B4aOM{position:relative;width:100%;overflow:hidden;border-radius:12px;line-height:0}.StoriesBanner_imageWrapper__mamn1{position:relative;width:100%;height:auto;display:block}.StoriesBanner_bannerImage__u7MhW{display:block;max-width:100%;height:auto;cursor:pointer;transition:transform .3s ease}.StoriesBanner_bannerImage__u7MhW:hover{transform:scale(1.02)}.StoriesBanner_navArea__yz2_C{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;z-index:20;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .3s ease}.StoriesBanner_navArea__yz2_C:active{background:rgba(159,254,0,.3);transform:translateY(-50%) scale(.95)}.StoriesBanner_navPrev__f1QnL{left:10px}.StoriesBanner_navNext__Q2vJ3{right:10px}.StoriesBanner_navButton__eDbQk{display:none}.StoriesBanner_navButton__eDbQk:hover{background:rgba(159,254,0,.2);border-color:rgba(159,254,0,.4);transform:translateY(-50%) scale(1.1)}.StoriesBanner_navButtonPrev__v9Vi6{left:20px}.StoriesBanner_navButtonNext__ON4Ot{right:20px}.StoriesBanner_dotsContainer__Sh8K_{display:flex;justify-content:center;gap:8px;padding:8px 0 0}.StoriesBanner_dot__6ws29{width:8px;height:8px;border-radius:50%;background-color:hsla(0,0%,100%,.3);border:none;cursor:pointer;transition:all .3s ease;padding:0}.StoriesBanner_dot__6ws29:hover{background-color:hsla(0,0%,100%,.5)}.StoriesBanner_dotActive__PRQGH{width:24px;background-color:#9ffe00;border-radius:4px}@media (min-width:640px){.StoriesBanner_progressContainer__kpSSO{padding:0 24px;margin-bottom:12px}.StoriesBanner_navArea__yz2_C{width:36px;height:36px}.StoriesBanner_navPrev__f1QnL{left:16px}.StoriesBanner_navNext__Q2vJ3{right:16px}}@media (min-width:1024px){.StoriesBanner_container__vC1pp{max-width:1400px;margin:0 auto 2rem;padding-top:1.5rem}.StoriesBanner_bannerContainer__B4aOM{border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.StoriesBanner_navArea__yz2_C{display:none}.StoriesBanner_navButton__eDbQk{display:flex;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;z-index:25}.StoriesBanner_dotsContainer__Sh8K_{display:none}.StoriesBanner_progressContainer__kpSSO{padding:0 32px;margin-bottom:16px}.StoriesBanner_progressBar__4L2L8{height:4px}.StoriesBanner_progressBar__4L2L8:hover{height:6px}}@keyframes StoriesBanner_fadeIn__eCfzA{0%{opacity:0}to{opacity:1}}.StoriesBanner_bannerImage__u7MhW{animation:StoriesBanner_fadeIn__eCfzA .3s ease-out}@media (max-width:480px){.StoriesBanner_container__vC1pp{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);padding-top:.75rem}.StoriesBanner_bannerContainer__B4aOM{border-radius:0}.StoriesBanner_progressContainer__kpSSO{padding:0 12px;margin-bottom:6px}}