.animated-wheel:after{clear:both;content:"";display:block;float:none;height:0;visibility:hidden}.animated-wheel[class*=active-] .animated-wheel__step{opacity:.35}.animated-wheel[data-count="4"] .animated-wheel__circle svg{transform:rotate(45deg)}.animated-wheel[data-count="4"].active-1 .animated-wheel__step:first-child,.animated-wheel[data-count="4"].active-2 .animated-wheel__step:nth-child(2),.animated-wheel[data-count="4"].active-3 .animated-wheel__step:nth-child(3),.animated-wheel[data-count="4"].active-4 .animated-wheel__step:nth-child(4){opacity:1}.animated-wheel[data-count="5"] .animated-wheel__circle svg{transform:rotate(18deg)}.animated-wheel[data-count="5"].active-1 .animated-wheel__step:first-child,.animated-wheel[data-count="5"].active-2 .animated-wheel__step:nth-child(2),.animated-wheel[data-count="5"].active-3 .animated-wheel__step:nth-child(3),.animated-wheel[data-count="5"].active-4 .animated-wheel__step:nth-child(4),.animated-wheel[data-count="5"].active-5 .animated-wheel__step:nth-child(5),.animated-wheel[data-count="6"].active-1 .animated-wheel__step:first-child,.animated-wheel[data-count="6"].active-2 .animated-wheel__step:nth-child(2),.animated-wheel[data-count="6"].active-3 .animated-wheel__step:nth-child(3),.animated-wheel[data-count="6"].active-4 .animated-wheel__step:nth-child(4),.animated-wheel[data-count="6"].active-5 .animated-wheel__step:nth-child(5),.animated-wheel[data-count="6"].active-6 .animated-wheel__step:nth-child(6){opacity:1}.animated-wheel .animated-wheel__inner{background-color:transparent;color:#fff;display:flex;flex-direction:column;position:relative}.animated-wheel .animated-wheel__inner:after{clear:both;content:"";display:block;float:none;height:0;visibility:hidden}.animated-wheel .animated-wheel__content{float:left;min-height:160px;padding:3em 0;width:45%}.animated-wheel .animated-wheel__content-inner{padding:0 4em 2em 0}.animated-wheel .animated-wheel__description{display:none;position:relative}.animated-wheel__ordinal{color:#fff;font-size:12em;font-style:normal;font-weight:500;left:0;line-height:1;opacity:.1;position:absolute;top:0;transform:translate(-60%,-60%)}.animated-wheel__desc,.animated-wheel__progress{margin-bottom:20px;position:relative}.animated-wheel__progress{--percentage:50%}.animated-wheel__progress:after,.animated-wheel__progress:before{background-color:#fff;border-radius:4px;content:"";display:block;height:8px;width:100%}.animated-wheel__progress:after{background-color:var(--primary-color);left:0;position:absolute;top:0;width:var(--percentage)}.animated-wheel__ball{left:var(--percentage);position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.animated-wheel__ball svg{display:block}.animated-wheel__image img{display:block;max-width:100%}.animated-wheel .animated-wheel__circle{bottom:0;position:absolute;right:0;top:0;width:55%}.animated-wheel .animated-wheel__circle svg{height:auto;width:100%}.animated-wheel .animated-wheel__circle svg text{fill:#fff;font-size:40px;user-select:none}.animated-wheel .animated-wheel__circle svg .animated-wheel__step path{fill:#ff00c0}.animated-wheel__inner{height:683px}.animated-wheel .animated-wheel__circle-inner{height:683px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:683px}.animated-wheel .animated-wheel__center{border-radius:100%;height:325px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:325px}.animated-wheel .animated-wheel__center svg{transform:none!important}.animated-wheel .animated-wheel__step{cursor:pointer}@media(max-width:1300px){.animated-wheel .animated-wheel__circle-inner{transform:translateY(-50%) scale(.8);transform-origin:left center}}@media(max-width:992px){.animated-wheel-wrapper{padding-bottom:0;padding-top:0}.animated-wheel .animated-wheel__content{float:none;min-height:160px;padding:0;width:100%}.animated-wheel__inner{height:auto}.animated-wheel .animated-wheel__inner{justify-content:flex-start}.animated-wheel .animated-wheel__content-inner{padding:0}.animated-wheel .animated-wheel__circle{position:relative;width:100%}.animated-wheel .animated-wheel__circle-inner{height:auto;left:auto;position:relative;right:auto;top:auto;transform:scale(.9);transform-origin:center;width:100%}.animated-wheel .animated-wheel__next{margin-top:2em;position:relative;z-index:10}}@media(max-width:480px){.animated-wheel-wrapper{padding-bottom:0;padding-top:0}.animated-wheel__inner{height:auto}.animated-wheel .animated-wheel__circle-inner{transform:scale(1)}.animated-wheel__content{margin-bottom:2em}.animated-wheel .animated-wheel__center{border-radius:100%;height:145px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:135px}}@media(min-width:992px){.animated-wheel__text{display:block!important}}@media(max-width:991px){.animated-wheel__circle,.animated-wheel__next,.animated-wheel__ordinal{display:none}.animated-wheel .animated-wheel__description{background-color:rgba(0,0,0,.8);border-radius:8px;display:block!important;margin-bottom:2px;padding:0}.animated-wheel .animated-wheel__description:last-child{border-bottom:1px solid #fff}.animated-wheel .animated-wheel__description h2,.animated-wheel .animated-wheel__description h3,.animated-wheel .animated-wheel__description h4{color:#fff;cursor:pointer;margin-bottom:0;padding:20px 40px 20px 20px;position:relative}.animated-wheel .animated-wheel__description h2:after,.animated-wheel .animated-wheel__description h3:after,.animated-wheel .animated-wheel__description h4:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none' viewBox='0 0 25 25'%3E%3Cpath stroke='%23fff' stroke-width='.5' d='M12.5 5.954v13.091M5.954 12.5h13.091'/%3E%3Cpath stroke='%23fff' d='M.5 12.5a12 12 0 1 0 24 0 12 12 0 0 0-24 0Z'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;content:"";height:24px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .35s ease;width:24px}.animated-wheel .animated-wheel__description.active h2:after,.animated-wheel .animated-wheel__description.active h3:after,.animated-wheel .animated-wheel__description.active h4:after{transform:translateY(-50%) rotate(45deg)}.animated-wheel__text{border-top:1px solid #1c262a;display:none;padding:20px}.animated-wheel .animated-wheel__description.active .animated-wheel__text{display:block}.animated-wheel__text :first-child{margin-top:0}.animated-wheel .animated-wheel__description h2{font-size:1.3rem}}