.dice-option-warapper{border-radius:var(--radius-xl);justify-content:center;align-items:center;padding:2px;transition-duration:.3s;display:flex;position:relative}.dice-object{z-index:20;cursor:pointer;border-radius:var(--radius-xl);width:40px;height:40px;box-shadow:var(--shadow-4xl);background-color:#fff;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:relative}.option-shadow{box-shadow:inset -63px -56px 54px -44px #00000043}.dice{width:100px;height:100px;transform-style:preserve-3d;transition:all 1s;position:relative}@keyframes rolling{50%{transform:rotateX(455deg)rotateY(455deg)}}.rollingEnd{transition:all 12s;transform:rotateX(180deg)rotateY(0)}.face{width:100%;height:100%;transform-style:preserve-3d;background:linear-gradient(145deg,#dddbd8,#fff);border:5px solid #f6f3f0;border-radius:20px;position:absolute}.face:before{content:"";background:#f6f3f0;border-radius:20px;width:100%;height:100%;position:absolute;transform:translateZ(-1px)}.face:after{content:"";background:#000;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%}.front{transform:translateZ(50px)}.back{transform:rotateX(180deg)translateZ(50px)}.top{transform:rotateX(90deg)translateZ(50px)}.bottom{transform:rotateX(-90deg)translateZ(50px)}.right{transform:rotateY(90deg)translateZ(50px)}.left{transform:rotateY(-90deg)translateZ(50px)}.front:after{background-color:#1c62f7;background-color:lab(45.1532% 24.9126 -81.7565);width:30px;height:30px;margin:-15px 0 0 -15px}.back:after{margin:-35px 0 0 -30px;box-shadow:40px 0,0 25px,40px 25px,0 50px,40px 50px}.top:after{margin:-30px 0 0 -30px;box-shadow:40px 40px}.bottom:after{margin:-36px 0 0 -36px;box-shadow:26px 26px,52px 52px,52px 0,0 52px}.right:after{margin:-30px 0 0 -30px;box-shadow:40px 0,0 40px,40px 40px}.left:after{margin:-35px 0 0 -35px;box-shadow:25px 25px,50px 50px}.animated-dice-option:first-child{animation-name:snake;animation-duration:.15s;animation-timing-function:ease-in;animation-delay:0s}.animated-dice-option:nth-child(2){animation-name:snake;animation-duration:.15s;animation-timing-function:ease;animation-delay:50ms}.animated-dice-option:nth-child(3){animation-name:snake;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.15s}.animated-dice-option:nth-child(4){animation-name:snake;animation-duration:.15s;animation-timing-function:ease-in;animation-delay:.3s}.animated-dice-option:nth-child(5){animation-name:snake;animation-duration:.15s;animation-timing-function:ease-in;animation-delay:.4s}.animated-dice-option:nth-child(6){animation-name:snake;animation-duration:.15s;animation-timing-function:ease-in;animation-delay:.6s}@keyframes snake{0%{bottom:15px}50%{bottom:30px}to{bottom:0}}.result-toast{animation:2s ease-in-out forwards result-toast-animation}@keyframes result-toast-animation{0%{opacity:.5;top:5rem;scale:0}40%{opacity:1;top:-4rem;scale:1}70%{opacity:1;top:-4rem;scale:1}to{opacity:0;top:-4rem;scale:0}}
/*# sourceMappingURL=7be8ccf78e65addb.css.map*/