.dice-option-warapper{border-radius:10px;padding:2px;-webkit-transition-duration:.3s;transition-duration:.3s}.dice-object,.dice-option-warapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dice-object{z-index:20;height:40px;width:40px;cursor:pointer;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0px 3px 0px 0px rgba(78,78,78,.25),0px 1px 0px 0px hsla(0,0%,100%,.07) inset;--tw-shadow-colored:0px 3px 0px 0px var(--tw-shadow-color),inset 0px 1px 0px 0px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);-webkit-transition-duration:.2s;transition-duration:.2s}.dice-object,.option-shadow{-webkit-box-shadow:inset -63px -56px 54px -44px rgba(0,0,0,.262);box-shadow:inset -63px -56px 54px -44px rgba(0,0,0,.262)}.dice{position:relative;width:100px;height:100px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:1s ease;transition:1s ease}@-webkit-keyframes rolling{50%{-webkit-transform:rotateX(455deg) rotateY(455deg);transform:rotateX(455deg) rotateY(455deg)}}@keyframes rolling{50%{-webkit-transform:rotateX(455deg) rotateY(455deg);transform:rotateX(455deg) rotateY(455deg)}}.rollingEnd{-webkit-transition:12s;transition:12s;-webkit-transform:rotateX(180deg) rotateY(0deg);transform:rotateX(180deg) rotateY(0deg)}.face{border:5px solid #f6f3f0;background:linear-gradient(145deg,#dddbd8,#fff);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.face,.face:before{position:absolute;width:100%;height:100%;border-radius:20px}.face:before{content:"";background:#f6f3f0;-webkit-transform:translateZ(-1px);transform:translateZ(-1px)}.face:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;background:#000;border-radius:50%}.front{-webkit-transform:translateZ(50px);transform:translateZ(50px)}.back{-webkit-transform:rotateX(180deg) translateZ(50px);transform:rotateX(180deg) translateZ(50px)}.top{-webkit-transform:rotateX(90deg) translateZ(50px);transform:rotateX(90deg) translateZ(50px)}.bottom{-webkit-transform:rotateX(-90deg) translateZ(50px);transform:rotateX(-90deg) translateZ(50px)}.right{-webkit-transform:rotateY(90deg) translateZ(50px);transform:rotateY(90deg) translateZ(50px)}.left{-webkit-transform:rotateY(-90deg) translateZ(50px);transform:rotateY(-90deg) translateZ(50px)}.front:after{width:30px;height:30px;--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity));margin:-15px 0 0 -15px}.back:after{margin:-35px 0 0 -30px;-webkit-box-shadow:40px 0,0 25px,40px 25px,0 50px,40px 50px;box-shadow:40px 0,0 25px,40px 25px,0 50px,40px 50px}.top:after{margin:-30px 0 0 -30px;-webkit-box-shadow:40px 40px;box-shadow:40px 40px}.bottom:after{margin:-36px 0 0 -36px;-webkit-box-shadow:26px 26px,52px 52px,52px 0,0 52px;box-shadow:26px 26px,52px 52px,52px 0,0 52px}.right:after{margin:-30px 0 0 -30px;-webkit-box-shadow:40px 0,0 40px,40px 40px;box-shadow:40px 0,0 40px,40px 40px}.left:after{margin:-35px 0 0 -35px;-webkit-box-shadow:25px 25px,50px 50px;box-shadow:25px 25px,50px 50px}.animated-dice-option:first-child{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-name:snake;animation-name:snake;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated-dice-option:nth-child(2){-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-name:snake;animation-name:snake;-webkit-animation-timing-function:ease;animation-timing-function:ease}.animated-dice-option:nth-child(3){-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-animation-name:snake;animation-name:snake;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated-dice-option:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated-dice-option:nth-child(4),.animated-dice-option:nth-child(5){-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-name:snake;animation-name:snake}.animated-dice-option:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated-dice-option:nth-child(6){-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-name:snake;animation-name:snake;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes snake{0%{bottom:15px}50%{bottom:30px}to{bottom:0}}@keyframes snake{0%{bottom:15px}50%{bottom:30px}to{bottom:0}}.result-toast{-webkit-animation:result-toast-animation 2s ease-in-out forwards;animation:result-toast-animation 2s ease-in-out forwards}@-webkit-keyframes result-toast-animation{0%{top:5rem;scale:0;opacity:.5}40%{top:-4rem;scale:1;opacity:1}70%{top:-4rem;scale:1;opacity:1}to{top:-4rem;scale:0;opacity:0}}@keyframes result-toast-animation{0%{top:5rem;scale:0;opacity:.5}40%{top:-4rem;scale:1;opacity:1}70%{top:-4rem;scale:1;opacity:1}to{top:-4rem;scale:0;opacity:0}}