:root{--content-width: 380px;--content-height: 500px}@media screen and (max-width: 1200px){:root{--content-width: calc(100vw / 3);--content-height: calc(100vw / 2.5)}}@media screen and (max-width: 800px){:root{--content-width: calc(100vw / 1.5);--content-height: calc(100vw / 1.2)}}@-webkit-keyframes bounce{0%{margin-top:0px}50%{margin-top:-8px}100%{margin-top:0px}}@keyframes bounce{0%{margin-top:0px}50%{margin-top:-8px}100%{margin-top:0px}}.coverflow-multimedia{height:calc(var(--content-height) + 120px);width:100%;padding:0;margin:0;overflow:hidden;text-align:center}.coverflow{height:100%;width:100%;perspective:2000px}.coverflow .content{position:absolute;top:calc(50% - var(--content-height)/2);left:calc(50% - var(--content-width)/2);width:var(--content-width);height:var(--content-height);transform-style:preserve-3d;transition:all 300ms ease-in-out;outline:none}.coverflow .content:not(.current):hover .coverflow-image{animation:bounce 250ms normal forwards ease-in-out;filter:grayscale(0%) brightness(100%)}.coverflow .content .coverflow-image{vertical-align:middle;border:1px solid #fff;border-radius:10px;max-width:var(--content-width);max-height:var(--content-height);-o-object-fit:cover;object-fit:cover;cursor:pointer}.coverflow-dots{position:absolute;bottom:0;left:calc(50% - var(--content-width)/2);width:var(--content-width);height:20px;display:flex;justify-content:center;align-items:center}.coverflow-dots .dot{width:10px;height:10px;margin:0 5px;border-radius:50%;background-color:#b2b2b2;opacity:.8;cursor:pointer;transition:all 300ms ease-in-out}.coverflow-dots .dot:hover{opacity:1;transform:scale(1.2)}.coverflow-dots .dot.active{opacity:1;transform:scale(1.2);background-color:#000}/*# sourceMappingURL=coverflow.css.map */