/* Code tidied up by ScrapBook */
.close-popup, .cursor-text { cursor: pointer; position: absolute; }
.cursor-text, .pop-up-window, .spin-result-wrapper, .spin-wrapper, .wheel-wrapper { text-align: center; }
.spin-wrapper { box-shadow: 0px 0px 10px; border: 3px solid red; padding: 20px 10px; border-radius: 10px; box-sizing: border-box; margin: 0px auto; }
.spin-wrapper p { text-align: center ! important; font-size: 21px ! important; line-height: 1.4 ! important; margin-bottom: 15px; }
.wheel { max-width: 380px ! important; width: 100%; margin: 0px auto; position: relative; }
.wheel-cursor { position: absolute; width: 35% ! important; height: 35%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.cursor-text { font-family: inherit ! important; font-size: 16px ! important; line-height: inherit ! important; font-weight: 400 ! important; z-index: 2; width: 45% ! important; height: 45%; border-radius: 50%; vertical-align: middle; border: 1px solid rgb(204, 204, 204); top: 49%; left: 50%; -moz-user-select: none; transform: translate(-50%, -50%); box-shadow: 0px -2px 0px rgb(255, 255, 255) inset, 0px 2px 0px rgb(255, 255, 255) inset, 0px 0px 5px rgba(0, 0, 0, 0.4); background: transparent radial-gradient(ellipse at center center , rgb(255, 255, 255) 0px, rgb(234, 234, 234) 100%) repeat scroll 0% 0%; display: flex; justify-content: center; align-items: center; margin: 0px ! important; }
.close-popup { width: 30px; height: 30px; background-image: url("../images/cross.svg"); background-size: 100% auto; top: -40px; border-radius: 50%; box-shadow: 0px 0px 10px rgb(255, 255, 255); right: -40px; }
.cursor-text:active { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset; }
.spin-result-wrapper { display: none; padding: 0px 10px; box-sizing: border-box; width: 100%; top: 0px; z-index: 999; left: 0px; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.6); }
.pop-up-layer { position: fixed ! important; top: 0px ! important; width: 100% ! important; height: 100% ! important; background-color: rgba(0, 0, 0, 0.7) ! important; z-index: 99 ! important; }
.pop-up-layer-show { display: block; }
.pop-up-window { position: relative; max-width: 400px; right: 0px; left: 0px; top: 50%; transform: translateY(-50%); margin: 0px auto ! important; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 33px 10px 20px ! important; border-radius: 10px; animation: 0.7s ease 0s normal none 1 running pop-up-appear; }
.pop-up-window::after, .pop-up-window::before { content: ""; position: absolute; left: 0px; right: 0px; margin: 0px auto; }
.pop-up-window::before { width: 75px; height: 75px; top: -52px; background-color: rgb(113, 195, 65); border-radius: 50%; animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-before; }
.pop-up-window::after { width: 43px; height: 15px; top: -25px; border-width: medium medium 4px 4px; border-style: none none solid solid; border-color: currentcolor currentcolor rgb(255, 255, 255) rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; transform: rotate(-45deg); transition: opacity 1s ease 0s; animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-after; }
@keyframes pop-up-appear {
0% { transform: translateY(-2000px); }
30% { transform: translateY(100px); }
100% { transform: translateY(-50%); }
}
@keyframes pop-up-appear-before {
0% { transform: scale(0); }
100% { transform: scale(1); }
}
@keyframes pop-up-appear-after {
0% { opacity: 0; }
100% { opacity: 1; }
}
.pop-up-heading { display: inline; font-size: 30px ! important; line-height: 1.2; margin-bottom: 20px ! important; }
.pop-up-text { margin-bottom: 25px ! important; font-size: 24px ! important; line-height: 30px ! important; text-align: center ! important; color: rgb(65, 65, 65) ! important; font-weight: 400; padding: 0px; }
.pop-up-button, .pop-up-button:hover { color: rgb(255, 255, 255) ! important; text-decoration: none ! important; }
.pop-up-button { text-transform: uppercase ! important; padding: 10px 20% ! important; font-size: 20px ! important; border-radius: 5px ! important; background-color: rgb(113, 195, 65) ! important; border: medium none ! important; cursor: pointer ! important; outline: 0px none ! important; }
.wheel img { max-width: 100% ! important; margin: 0px; }
@media all and (max-width: 520px) {
  .pop-up-heading { font-size: 33px ! important; }
  .pop-up-text { margin-bottom: 15px ! important; }
  .cursor-text { line-height: 40px; font-size: 14px; }
  .close-popup { position: absolute; width: 30px; height: 30px; background-size: 100% auto; top: -40px; border-radius: 50%; box-shadow: 0px 0px 10px rgb(255, 255, 255); right: -10px; cursor: pointer; }
}
.super-rotation { animation-name: super-rotation; animation-duration: 7s; animation-fill-mode: forwards; transition-timing-function: ease-in-out; }
@keyframes super-rotation {
70% { transform: rotate(1783deg); }
100% { transform: rotate(1774deg); }
}
@keyframes super-rotation {
70% { transform: rotate(1783deg); }
100% { transform: rotate(1774deg); }
}
.time_remains { font-size: 1.1em; color: red; font-weight: 700; }