.ctn-spin{position:relative;display:flex;justify-content:center;align-items:center;margin:auto;width:100%;height:100%}.ctn-spin .tick-spin{position:absolute;top:calc(30% - 40px);left:50%;transform:translate(-50%);width:105px;height:auto;z-index:20}.ctn-spin .wheel-spin{position:absolute;top:30%;left:50%;transform:translate(-50%) rotate(var(--clr));width:900px;height:900px;transition:transform 5s ease-in-out}.ctn-spin .wheel-spin .number{position:absolute;width:50%;height:50%;transform-origin:bottom right;transform:rotate(calc(1turn * var(--a)));display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.ctn-spin .wheel-spin .number .spin{transform:rotate(-45deg)}.animate-scale-hi{animation:scale-hi 1.5s infinite}@keyframes scale-hi{0%{transform:scale(1) rotate(-45deg)}80%{transform:scale(1.25) rotate(-45deg)}to{transform:scale(1) rotate(-45deg)}}.scale{animation:backdropScale 1.5s linear}@keyframes backdropScale{0%{transform:scale(.2)}60%{transform:scale(1.125)}85%{transform:scale(1.25);filter:blur(3px);opacity:.75}to{transform:scale(1.375);filter:blur(7px);opacity:0}}.strongClick{animation:strongBtn .5s}@keyframes strongBtn{0%{transform:scale(1)}50%{transform:scale(.75)}to{transform:scale(1)}}.shake{animation:shakeAnimation .25s infinite}@keyframes shakeAnimation{0%{transform:translateX(-50%) rotate(0deg)}20%{transform:translateX(-50%) rotate(30deg)}40%{transform:translateX(-50%) rotate(35deg)}60%{transform:translateX(-50%) rotate(25deg)}80%{transform:translateX(-50%) rotate(15deg)}to{transform:translateX(-50%) rotate(0deg)}}