.container_box{-webkit-perspective:500px;-ms-perspective:500px;perspective:500px}.box{display:block;width:100px;height:100px;margin:20px auto;-webkit-transform-style:preserve-3d;-webkit-transition:transform .35s;-webkit-animation:spin 4s linear infinite;-moz-transform-style:preserve-3d;-moz-transition:transform .35s;-moz-animation:spin 4s infinite linear;-ms-transform-style:preserve-3d;-ms-transition:transform .35s;-ms-animation:spin 4s infinite linear;transform-style:preserve-3d;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;animation:spin 4s linear infinite}.box:after,.box:before,.box i,.box i:after,.box i:before{content:"";display:block;width:100px;height:100px;position:absolute;-webkit-animation:lighting 2s linear infinite;animation:lighting 2s linear infinite}.box:before{-webkit-transform:rotateY(90deg) translate3D(-50px,0,50px);transform:rotateY(90deg) translate3D(-50px,0,50px)}.box:after,.box:before{background-color:gold;content:""}.box:after{-webkit-transform:rotateY(90deg) rotate(180deg) translate3D(50px,0,-50px);transform:rotateY(90deg) rotate(180deg) translate3D(50px,0,-50px)}.box i{-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(100px);-moz-transform-style:preserve-3d;-moz-transform:translateZ(100px);-ms-transform-style:preserve-3d;-ms-transform:translateZ(100px);transform-style:preserve-3d;transform:translateZ(100px);-webkit-justify-content:center;justify-content:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.box i,.box i:before{-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;animation-delay:1s;background-color:#000}.box i:before{-webkit-transform:rotate(180deg) translateZ(-100px);-moz-transform:rotate(180deg) translateZ(-100px);-ms-transform:rotate(180deg) translateZ(-100px);transform:rotate(180deg) translateZ(-100px)}.box i:after{opacity:.5;-webkit-transform:rotateX(90deg) translate3D(0,-50px,-100px);-webkit-filter:blur(10px);-webkit-animation:none;-moz-transform:rotateX(90deg) translate3D(0,-50px,-100px);-moz-filter:blur(10px);-moz-animation:none;-ms-transform:rotateX(90deg) translate3D(0,-50px,-100px);-ms-filter:blur(10px);-ms-animation:none;transform:rotateX(90deg) translate3D(0,-50px,-100px);filter:blur(10px);animation:none}.frame-padding{margin-left:10px;margin-right:10px}@-webkit-keyframes spin{0%{-webkit-transform:rotateY(0deg) translateZ(-50px)}to{-webkit-transform:rotateY(1turn) translateZ(-50px)}}@-webkit-keyframes lighting{0%{box-shadow:inset 100px 0 150px rgba(0,0,0,.4),inset 0 0 150px hsla(0,0%,100%,.3)}to{box-shadow:inset 0 0 150px rgba(0,0,0,.4),inset -100px 0 150px hsla(0,0%,100%,.3)}}@keyframes spin{0%{-webkit-transform:rotateY(0deg) translateZ(-50px);transform:rotateY(0deg) translateZ(-50px)}to{-webkit-transform:rotateY(1turn) translateZ(-50px);transform:rotateY(1turn) translateZ(-50px)}}@keyframes lighting{0%{box-shadow:inset 100px 0 150px rgba(0,0,0,.4),inset 0 0 150px hsla(0,0%,100%,.3)}to{box-shadow:inset 0 0 150px rgba(0,0,0,.4),inset -100px 0 150px hsla(0,0%,100%,.3)}}*{box-sizing:border-box}body{font-family:sans-serif}.scene{border:1px solid #ccc;margin:40px;-webkit-perspective:400px;perspective:400px}.cube,.scene{width:200px;height:200px}.cube{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-100px);transform:translateZ(-100px);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.cube.show-front{-webkit-transform:translateZ(-100px) rotateY(-10deg) rotateX(-10deg);transform:translateZ(-100px) rotateY(-10deg) rotateX(-10deg)}.cube.show-top1{-webkit-transform:translateZ(-100px) rotateX(-100deg);transform:translateZ(-100px) rotateX(-100deg)}.cube.show-top2{-webkit-transform:translateZ(-200px) rotateX(-185deg);transform:translateZ(-200px) rotateX(-185deg)}.cube.show-top3{-webkit-transform:translateZ(-300px) rotateX(-260deg);transform:translateZ(-300px) rotateX(-260deg)}.cube.show-top4{-webkit-transform:translateZ(-400px) rotateX(-340deg);transform:translateZ(-400px) rotateX(-340deg)}.cube.show-left1{-webkit-transform:translateZ(-100px) rotateY(100deg) rotateX(-15deg);transform:translateZ(-100px) rotateY(100deg) rotateX(-15deg)}.cube.show-left2{-webkit-transform:translateZ(-100px) rotateY(200deg) rotateX(-15deg);transform:translateZ(-100px) rotateY(200deg) rotateX(-15deg)}.cube.show-left3{-webkit-transform:translateZ(-100px) rotateY(300deg) rotateX(-15deg);transform:translateZ(-100px) rotateY(300deg) rotateX(-15deg)}.cube.show-left4{-webkit-transform:translateZ(-100px) rotateY(400deg) rotateX(-15deg);transform:translateZ(-100px) rotateY(400deg) rotateX(-15deg)}.cube.show-right1{-webkit-transform:translateZ(-100px) rotateY(-100deg) rotateX(-15deg);transform:translateZ(-100px) rotateY(-100deg) rotateX(-15deg)}.cube.show-right2{-webkit-transform:translateZ(-100px) rotateY(-180deg) rotateX(-15deg);transform:translateZ(-100px) rotateY(-180deg) rotateX(-15deg)}.cube.show-right3{-webkit-transform:translateZ(-100px) rotateY(-260deg) rotateX(-15deg);transform:translateZ(-100px) rotateY(-260deg) rotateX(-15deg)}.cube.show-right4{-webkit-transform:translateZ(-100px) rotateY(-340deg) rotateX(-15deg);transform:translateZ(-100px) rotateY(-340deg) rotateX(-15deg)}.cube.show-bottom1{-webkit-transform:translateZ(-100px) rotateX(100deg);transform:translateZ(-100px) rotateX(100deg)}.cube.show-bottom2{-webkit-transform:translateZ(-100px) rotateX(185deg);transform:translateZ(-100px) rotateX(185deg)}.cube.show-bottom3{-webkit-transform:translateZ(-100px) rotateX(260deg);transform:translateZ(-100px) rotateX(260deg)}.cube.show-bottom4{-webkit-transform:translateZ(-100px) rotateX(340deg);transform:translateZ(-100px) rotateX(340deg)}.cube__face{position:absolute;width:200px;height:200px;border:4px solid #fff;font-size:60px;font-weight:700;color:#fff;-webkit-justify-content:center;justify-content:center;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center}.cube__face--back,.cube__face--bottom,.cube__face--front,.cube__face--left,.cube__face--right,.cube__face--top{background:#faae9f}.cube__face--front{-webkit-transform:rotateY(0deg) translateZ(100px);transform:rotateY(0deg) translateZ(100px)}.cube__face--right{-webkit-transform:rotateY(90deg) translateZ(100px);transform:rotateY(90deg) translateZ(100px)}.cube__face--back{-webkit-transform:rotateY(180deg) translateZ(100px);transform:rotateY(180deg) translateZ(100px)}.cube__face--left{-webkit-transform:rotateY(-90deg) translateZ(100px);transform:rotateY(-90deg) translateZ(100px)}.cube__face--top{-webkit-transform:rotateX(90deg) translateZ(100px);transform:rotateX(90deg) translateZ(100px)}.cube__face--bottom{-webkit-transform:rotateX(-90deg) translateZ(100px);transform:rotateX(-90deg) translateZ(100px)}label{margin-right:10px}.btn{float:left;position:relative;top:0;cursor:pointer;background:#fff;border-radius:15px;box-shadow:0 4px rgba(0,0,0,.2);margin:0 7px 11px 0;color:#888;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease}.btn-small{line-height:36px;width:78px;height:36px}.btn-medium{line-height:45px;width:134px;height:45px;font-size:120%}.btn-large2{line-height:55px;width:250px;height:55px;font-size:90%}.btn-large{line-height:80px;width:100%;height:85px;font-size:160%}.btn-square{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;line-height:55px;width:150px;height:150px;font-size:90%;transition:all .2s ease;cursor:pointer}.btn-square:active{box-shadow:0 0 #9624ed;top:4px}.square-bg-purple{background:#eeb189;box-shadow:0 10px 0 0 #696969;border-radius:5px}.square-bg-dark-purple{background:#aad4e0;box-shadow:0 10px 0 0 #86a5d4;border-radius:5px}.context-margin-style,.context-style{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.context-margin-style{padding:30px}.submit{background:#faae9f;box-shadow:0 10px grey;color:#fff}.submit:hover{background:#bf6bff;box-shadow:0 10px #9624ed;color:#fff}.submit:active{box-shadow:0 0 #9624ed;top:4px}.cancel{background:#00ddeb;box-shadow:0 5px #028d96;color:#fff}.cancel:hover{background:#01d1de;box-shadow:0 4px #006066;color:#fff}.cancel:active{top:4px;box-shadow:0 0 #d3545d}.info{background:#ffbbda;box-shadow:0 10px #fee5e0;color:#fff}.info-green{background:#55cbcd;box-shadow:0 10px #a2e1db;color:#fff}.info-green:hover,.info:hover{background:gold;box-shadow:0 15px #e0bd00;color:#fff}.info-green:active,.info:active{top:4px;box-shadow:0 0 #d3545d}.font_dice{font-size:3rem}.border-gold{border-width:2px;border-radius:10px;border-color:#daa520}.text-align-center-pd10{text-align:center;padding:5px}.square-no-bg-purple{border-width:5px;border-color:#bf6bff;box-shadow:5px 10px 10px 0 #9624ed;border-radius:5px;padding:5px;margin:15px;-webkit-justify-content:center;justify-content:center;width:350px;max-width:650px}.square-no-bg-purple,.vertical-align-center{-webkit-align-items:center;align-items:center;text-align:center}.vertical-align-center{justify-items:center;vertical-align:center}.bonus-text{text-shadow:3px -4px #b000b6;font-size:45px}.bonus-text-swap{text-shadow:3px -4px #e0bd00;font-size:45px}.notice-text-swap{text-shadow:1px 1px #d535db}.button-padding{padding:5px;margin:5px}.dot{height:25px;width:25px;background-color:#fff;border-radius:50%;display:inline-block}.flex-space-around{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.label-text-swap1,.label-text-swap2{font-size:25px;color:#faae9f}.label-text-swap2{text-shadow:3px 3px #fff}.btn-round{float:left;position:relative;top:0;cursor:pointer;background:#fff;border-radius:50px;margin:0 7px 11px 0;color:#888;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease}
/*# sourceMappingURL=main.1bbda285.chunk.css.map */