.slider .background,.slider .slider-item,.slider .slider-item>img{width:100%;display:block}.slider{position:relative;overflow:hidden}.slider *{margin:0;padding:0;outline:0}.slider .slider-item{max-height:100vh;overflow:hidden;background:#000;position:absolute;left:-100%;opacity:0;transition:left 1s,opacity 1s}.slider .slider-item.close{opacity:0;left:100%}.slider .slider-item.show{z-index:10;opacity:1;left:0}.slider .background{max-height:90vh}.slider .switch{z-index:11;display:block;position:absolute;bottom:5%;left:50%;transform:translate(-50%,0)}.slider .switch i{float:left;content:" ";display:block;width:1.5rem;height:.25rem;border-radius:.25rem;box-shadow:0 .125rem .125rem rgba(40,40,40,.4);background:rgba(255,255,255,.322);margin:.125rem;transition:.7s}.slider .switch i.active{background:rgba(255,255,255,.726)}.slider .next,.slider .prev{z-index:11;position:absolute;top:calc(50% - 1.4rem);height:1.4rem;width:1.4rem;padding:1.5rem;border:none;border-radius:50%;background:rgba(17,17,17,.333);transition:.4s;opacity:.7}.slider .next svg,.slider .prev svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;fill:rgba(255,255,255,0.8);transition:.3s}.slider .prev{left:3%;transform:rotate(180deg)}.slider .next{right:3%}.slider .next:hover,.slider .prev:hover{background:rgba(0,0,0,.8);cursor:pointer}.slider .next:hover svg,.slider .prev:hover svg{fill:rgba(255,255,255,1)}@media (max-width:600px){.slider .next,.slider .prev{padding:1rem}}