:root{--white-c:#fff;--black-c:#000;--body-background-c:#fd7ac0;--wrapper-background-c:#d4f1f4;--wrapper-shadow-c:rgba(0,0,0,0.219);--buttons-background-c:rgba(255,255,255,0.219);--buttons-active-background-c:rgba(135,207,235,0.493)}*{margin:0;padding:0;box-sizing:border-box}.wrapper{width:100%;position:relative;background-color:var(--wrapper-background-c);box-shadow:0 0 80px var(--wrapper-shadow-c)}.images-area{width:100%;height:100%;position:relative;display:flex;overflow:hidden}.images-area img{height:100%;width:100 transition:.3s cubic-bezier(.79,.03,0,.99)}@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){.images-area{width:310px;height:167px}.images-area img{height:167px;width:310px}}@media only screen and (max-width:767px){.images-area img{height:auto;width:600px;transition:.3s cubic-bezier(.79,.03,0,.99)}}.buttons-area>div:first-child{border-radius:0 5px 5px 0;margin-left:-100px}.buttons-area>div:last-child{border-radius:5px 0 0 5px;margin-right:-100px}.wrapper:hover .buttons-area>div:first-child{margin-left:0}.wrapper:hover .buttons-area>div:last-child{margin-right:0}.buttons-area div:hover:not(div.disabled){background-color:var(--buttons-active-background-c)}.buttons-area div:not(div.disabled):active{opacity:.7}.buttons-area>div.disabled{cursor:no-drop;opacity:.3}.buttons-area div i{font-size:70px}.pagination-area{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.pagination-area span{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:var(--white-c);margin-right:5px;transform:scale(0.5);transition:.3s ease-in-out;opacity:.4}.pagination-area span.active{transform:scale(1);opacity:1}