.stylescroll::-webkit-scrollbar{width:8px;height:8px}.history-container .list-wrapper::-webkit-scrollbar{width:8px;height:8px}.stylescroll::-webkit-scrollbar-thumb{background:#ff8484;border-radius:3px}.history-container .list-wrapper::-webkit-scrollbar-thumb{background:#ff8484;border-radius:3px}.stylescroll::-webkit-scrollbar-track{background:#1f6696}.history-container .list-wrapper::-webkit-scrollbar-track{background:#1f6696}.rainbow_text_animated,.spin-container .heading-wrapper .result-heading{background:linear-gradient(90deg,#66f,#09f,#0f0,#f39,#66f);color:#0000;background-size:400% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite rainbow_animation}@keyframes rainbow_animation{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes rotateReverse{to{transform:rotate(-360deg)}}.spin-article .page-heading{text-align:center}.spin-article .post-body{text-align:center;margin:30px 0}@media (max-width:992px){.spin-container{padding:0 5%;overflow:hidden}}.spin-container .compact-spin{position:relative}.spin-container .compact-spin .button-container{z-index:inherit;margin:0;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spin-container .compact-spin .button-container .btn{width:80px}.spin-container .compact-spin .button-container .btn:hover{transform:scale(1.1)}.spin-container .pie{pointer-events:none;max-width:500px;margin:auto;position:relative}.spin-container .pie:after{content:"";aspect-ratio:1;background:#d2e1ff;border:2px dotted gray;border-radius:50%;width:15%;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spin-container .pie .inner{pointer-events:all}.spin-container .pie .inner text{pointer-events:none;font-size:14px;font-weight:700}.spin-container .pie .inner:not(.filled) path{fill:#ff8484}.spin-container .pie .inner:not(.filled):nth-child(2n+2) path{fill:#2374ab}.spin-container .pie .inner:not(.filled):nth-child(3n+3) path{fill:#fff}.spin-container .pie .inner path{stroke:none;stroke-width:.5px;opacity:.7;transition:all .3s ease-in-out}.spin-container .pie .inner:hover{cursor:pointer}.spin-container .pie .inner:hover path{fill:#aeaeae;transition:all .3s ease-in-out;transform:scale(.95)}.spin-container .pie .inner.selected path{opacity:1;fill:#77f5b6!important}.spin-container .pie .wheel-selector{pointer-events:none;width:50px;position:absolute;top:50%;left:95%;transform:translateY(-50%)rotate(-90deg)}.spin-container .pie .wheel-selector svg{fill:#ff8484;width:100%;height:auto}.spin-container .button-container{text-align:center;z-index:9;margin:30px 0}.spin-container .heading-wrapper{margin:30px 0}.spin-container .heading-wrapper .result-heading{z-index:1;text-align:center;display:inline-block}.spin-container .result-container{text-align:center;padding:30px 0}.spin-container .result-container .wrapper{margin:-30px 0}.spin-container .result-container .wrapper>div{margin:30px auto}.spin-container .result-container .wrapper>div:empty{display:none}.spin-container .result-container .description{max-width:500px}.history-container{width:500px;max-width:100%;margin:auto}@media (min-width:992px){.history-container{width:250px;position:fixed;top:200px;right:0}.history-container.hide{transition:all 1s ease-in-out;right:-250px}.history-container.hide .history-toggle svg{transition:all 1s ease-in-out;transform:rotate(180deg)}.history-container.show{transition:all 1s ease-in-out;right:0}}.history-container .list-wrapper{background:#fff;border:2px solid #914646;border-radius:6px;max-height:500px;padding:30px;overflow-y:scroll}.history-container .list-wrapper ol{flex-direction:column-reverse;list-style:decimal;display:flex}@media (max-width:992px){.history-container .history-toggle{display:none}}.history-container .history-toggle{text-align:center;background:#fff;border-radius:6px 0 0 6px;width:30px;display:inline-block;position:absolute;top:30px;right:100%}.history-container .history-toggle svg{width:100%;height:auto;transition:all 1s ease-in-out}.history-container .history-toggle:hover{cursor:pointer}.home-spinner{position:relative}.home-spinner .pie .inner text{font-size:30px}.home-spinner .button-container{margin:0;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-spinner .button-container .btn{width:80px}.home-spinner .button-container .btn:hover{transform:scale(1.1)}
