.slider{border-radius:8px;height:450px;overflow:hidden;position:relative;width:100%}.slider-indicators{bottom:10px;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:10}.slider-indicator{background-color:hsla(0,0%,60%,.7);border-radius:50%;cursor:pointer;display:inline-block;height:7px;margin:0 3px;transition:background-color .3s ease,width .3s ease,height .3s ease;width:7px}.slider-indicator.active{background-color:#4667f0;border-radius:100px;height:7px;width:15px}.slide-track{position:relative}.slide,.slide-track{height:100%;width:100%}.slide{align-items:center;cursor:pointer;display:flex;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;visibility:hidden}.slide.active{opacity:1;visibility:visible;z-index:1}.slide.hidden{pointer-events:none}.slide img{height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.slider .arrow{background-color:hsla(0,0%,81%,.5);border:1px solid hsla(0,0%,100%,.5);border-radius:8px;color:#fff;cursor:pointer;padding:15px 10px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);user-select:none;width:30px;z-index:50}.arrow.left{left:-30px;transition:left .3s ease}.arrow.right{right:-30px;transition:right .3s ease}.slider:hover .arrow.left{left:10px}.slider:hover .arrow.right{right:10px}.slide:before{background-color:rgba(0,0,0,.3);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;z-index:2}.slide:hover:before{opacity:1}.many-button button{background-color:hsla(0,0%,100%,.21);border:1px solid hsla(0,0%,100%,.5);border-radius:50px;color:#fff;cursor:pointer;display:none;padding:5px 15px;transition:background-color .3s;z-index:3}.many-button{display:flex;flex-direction:column;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.many-button button:hover{background-color:#52525224}.slide:hover button{display:block}.description{background:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.5);border-radius:80px;bottom:35px;color:#0d1a4e;font-size:12px;left:50%;padding:4px 10px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:2}.slide:hover .description{opacity:0}