.scene{border:1px solid #ccc;height:140px;margin:80px auto;perspective:1000px;position:relative;width:210px}.carousel{height:100%;position:absolute;transform:translateZ(-288px);transform-style:preserve-3d;transition:transform 1s;width:100%}.carousel__cell{border:2px solid #000;color:#fff;font-size:80px;font-weight:700;height:120px;left:10px;line-height:116px;position:absolute;text-align:center;top:10px;transition:transform 1s,opacity 1s;width:190px}.carousel__cell:nth-child(9n+1){background:rgba(255,0,0,.8)}.carousel__cell:nth-child(9n+2){background:rgba(255,170,0,.8)}.carousel__cell:nth-child(9n+3){background:rgba(170,255,0,.8)}.carousel__cell:nth-child(9n+4){background:rgba(0,255,0,.8)}.carousel__cell:nth-child(9n+5){background:rgba(0,255,170,.8)}.carousel__cell:nth-child(9n+6){background:rgba(0,170,255,.8)}.carousel__cell:nth-child(9n+7){background:rgba(0,0,255,.8)}.carousel__cell:nth-child(9n+8){background:rgba(170,0,255,.8)}.carousel__cell:nth-child(9n+0){background:rgba(255,0,170,.8)}.carousel__cell:first-child{transform:rotateY(0deg) translateZ(288px)}.carousel__cell:nth-child(2){transform:rotateY(40deg) translateZ(288px)}.carousel__cell:nth-child(3){transform:rotateY(80deg) translateZ(288px)}.carousel__cell:nth-child(4){transform:rotateY(120deg) translateZ(288px)}.carousel__cell:nth-child(5){transform:rotateY(160deg) translateZ(288px)}.carousel__cell:nth-child(6){transform:rotateY(200deg) translateZ(288px)}.carousel__cell:nth-child(7){transform:rotateY(240deg) translateZ(288px)}.carousel__cell:nth-child(8){transform:rotateY(280deg) translateZ(288px)}.carousel__cell:nth-child(9){transform:rotateY(320deg) translateZ(288px)}.carousel-options{background:hsla(0,0%,100%,.8);position:relative;text-align:center;z-index:2}.carousel-container-x{display:flex;flex-wrap:nowrap;overflow:hidden;width:100%;grid-gap:20px;align-items:center}.carousel-container-x>div{transition:all 1s}.carousel-container-y{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;overflow:hidden;grid-gap:20px}.carousel-container-y>div{transition:all 1s}.carousel-item{border-radius:10px;height:200px;min-height:200px;min-width:300px;transition:all .3s;width:300px}.carousel-item:nth-child(9n+1){background:rgba(255,0,0,.8)}.carousel-item:nth-child(9n+2){background:rgba(255,170,0,.8)}.carousel-item:nth-child(9n+3){background:rgba(170,255,0,.8)}.carousel-item:nth-child(9n+4){background:rgba(0,255,0,.8)}.carousel-item:nth-child(9n+5){background:rgba(0,255,170,.8)}.carousel-item:nth-child(9n+6){background:rgba(0,170,255,.8)}.carousel-item:nth-child(9n+7){background:rgba(0,0,255,.8)}.carousel-item:nth-child(9n+8){background:rgba(170,0,255,.8)}.carousel-item:nth-child(9n+0){background:rgba(255,0,170,.8)}
/*# sourceMappingURL=5a1b586081715e19.css.map*/