.container-roulette{position:relative;min-width:350px;min-height:350px;display:flex;justify-content:center;align-items:center}.shadow{width:100%;height:100%;display:block;right:0;bottom:0;box-shadow:inset 0 .5em 0 rgba(0,0,0,.25)}.container-roulette .circle,.shadow{position:absolute;border-radius:50%;z-index:1}.container-roulette .circle{overflow:hidden;width:60px;height:60px;background-color:white;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-weight:600;outline:4px solid slategray}.container-roulette .spinBtn{position:absolute;transform:rotate(180deg);top:-4px;margin-right:1px;min-width:25px;min-height:25px;z-index:2;background:white;clip-path:polygon(50% 0,0 100%,100% 100%);width:50px;height:50px}.container-roulette .wheel{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:white;border-radius:50%;outline:8px solid white;transition:all 5s ease-in-out;border:3px solid slategray}.container-roulette .wheel .number{position:absolute;width:50%;height:50%;background:var(--clr);transform-origin:bottom right;clip-path:polygon(0 0,42.7% 0,100% 100%,0 42.7%);display:flex;justify-content:center;align-items:center}.container-roulette .wheel .number span{position:relative;transform:rotate(45deg);font-weight:600;font-size:2rem;color:white}@media (max-width:1024px){.container-roulette{min-width:300px;max-height:300px;min-height:300px}}@media (max-width:768px){.container-roulette{max-width:350px;min-width:350px;min-height:350px}}@media (max-width:425px){.container-roulette{max-width:250px;min-width:250px;max-height:250px;min-height:250px}.container-roulette .wheel{box-shadow:0 0 0 5px #333,0 0 0 8px #fff,0 0 0 5px #111}}@font-face{font-family:Exo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/25365cd121faf04a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Exo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f2ff0b00321106fc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Exo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a1187f081f048286-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Exo Fallback;src:local("Arial");ascent-override:96.27%;descent-override:31.42%;line-gap-override:0.00%;size-adjust:104.08%}.__className_18254c{font-family:Exo,Exo Fallback;font-style:normal}