:root{--carousel-tile-spacing:10px;--carousel-tile-width:250px;--carousel-tile-height:calc(var(--carousel-tile-width) / (16 / 9));--carousel-growth-factor:1.5;--carousel-fade-opacity:0.25;--carousel-normal-opacity:1;--carousel-offset-left:calc(-1 * (var(--carousel-tile-width) * (var(--carousel-growth-factor) - 1) / 2));--carousel-offset-right:calc(var(--carousel-tile-width) * (var(--carousel-growth-factor) - 1));--carousel-transition-1:1s;--carousel-transition-2:0.5s;--carousel-transition-3:0.3s}.carousel{margin:0;box-sizing:border-box;width:100%;overflow-x:scroll;overflow-y:hidden}.carousel::-webkit-scrollbar{width:1em}.carousel::-webkit-resizer{width:30px}.carousel::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.6)}.carousel::-webkit-scrollbar-thumb{background-color:#76c6b8}.carousel-row{white-space:nowrap;margin-top:calc((var(--carousel-tile-height) * (var(--carousel-growth-factor) - 1))/ 2);margin-bottom:calc((var(--carousel-tile-height) * (var(--carousel-growth-factor) - 1))/ 2);margin-left:calc((var(--carousel-tile-width) * (var(--carousel-growth-factor) - 1))/ 2);margin-right:calc((var(--carousel-tile-width) * (var(--carousel-growth-factor) - 1))/ 2);transition:var(--carousel-transition-2)}.carousel-tile{position:relative;display:inline-block;width:var(--carousel-tile-width);height:var(--carousel-tile-height);margin-right:var(--carousel-tile-spacing);transition:var(--carousel-transition-2);-webkit-transform-origin:center left;transform-origin:center left;cursor:pointer;cursor:hand}.carousel-tile:last-of-type{margin-right:calc(var(--carousel-tile-width)/2)}.carousel-tile *{display:block}.carousel-row:hover{-webkit-transform:translate3d(var(--carousel-offset-left),0,0);transform:translate3d(var(--carousel-offset-left),0,0)}.carousel-row:hover .carousel-tile{opacity:var(--carousel-fade-opacity)}.carousel-row:hover .carousel-tile:hover{-webkit-transform:scale(var(--carousel-growth-factor));transform:scale(var(--carousel-growth-factor));opacity:var(--carousel-normal-opacity)}.carousel-tile:hover~.carousel-tile{-webkit-transform:translate3d(var(--carousel-offset-right),0,0);transform:translate3d(var(--carousel-offset-right),0,0)}