.fidget-container{display:flex;justify-content:center;align-items:center;min-height:200px;background:transparent;perspective:1000px}.fidget-spinner{width:70px;height:70px;background-color:#333;border-radius:50%;position:relative;cursor:pointer;transition:transform 1s ease-in-out;box-shadow:0 4px 10px #0000004d;background-size:cover;background-position:center}.fidget-spinner--ambient{animation:fidget-spin-once 3s ease-out forwards}.fidget-spinner--hover:hover{animation:fidget-spin 2s linear infinite}@keyframes fidget-spin-once{0%{transform:rotate(0)}to{transform:rotate(1080deg)}}@keyframes fidget-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fidget-spinner--image{background-color:transparent;box-shadow:none;border-radius:50%}.fidget-spinner:before,.fidget-spinner:after{content:"";position:absolute;width:80px;height:80px;background-color:#555;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.fidget-spinner--image:before,.fidget-spinner--image:after,.fidget-spinner--image .arm,.fidget-spinner--image .center-bearing{display:none}.fidget-spinner .arm{position:absolute;width:40px;height:40px;background:#ff5e57;border-radius:50%;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.fidget-spinner .arm:nth-child(1){transform:translateY(-60px)}.fidget-spinner .arm:nth-child(2){transform:rotate(120deg) translateY(-60px)}.fidget-spinner .arm:nth-child(3){transform:rotate(240deg) translateY(-60px)}.fidget-spinner .center-bearing{position:absolute;top:50%;left:50%;width:30px;height:30px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 5px #0003}.fidget-dice-scene{width:100px;height:100px;perspective:600px;cursor:pointer}.fidget-dice{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s ease-out}.fidget-dice__face{position:absolute;width:100px;height:100px;background:#fff;border:2px solid #ccc;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:700;color:#333;box-shadow:inset 0 0 20px #eee;-webkit-user-select:none;user-select:none}.fidget-dice__face--1{transform:rotateY(0) translateZ(50px)}.fidget-dice__face--2{transform:rotateY(90deg) translateZ(50px)}.fidget-dice__face--3{transform:rotateY(180deg) translateZ(50px)}.fidget-dice__face--4{transform:rotateY(-90deg) translateZ(50px)}.fidget-dice__face--5{transform:rotateX(90deg) translateZ(50px)}.fidget-dice__face--6{transform:rotateX(-90deg) translateZ(50px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fidget.css.map */