body *{font-family:Inter}.container{width:100vw;height:100vh;background-color:#171717;display:flex;flex-direction:column;justify-content:center;align-items:center}.container .circlecontainer{--side: min(50vw, 50vh);width:var(--side);height:var(--side);position:relative}.container .circlecontainer .circle{width:100%;height:100%;border-radius:50%}.container .circlecontainer .overlay{width:65%;height:65%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;gap:30px}.container .circlecontainer .overlay input{background-color:transparent;border:0;text-align:center;font-size:20px;color:#fff}.container .circlecontainer .overlay .betrow{display:flex;justify-content:center;align-items:flex-end;background-color:#222;height:3rem;margin-bottom:0;border-radius:15px}.container .circlecontainer .overlay .betrow .wager{width:5rem;margin-top:auto;margin-bottom:auto;margin-left:5px}.container .circlecontainer .overlay .betrow .multiplier{text-align:right;margin:auto 5px auto auto;width:5rem}.container .circlecontainer .overlay .betrow .xicon{margin-top:auto;margin-bottom:auto;margin-left:auto}.account{position:absolute;top:15px;right:15px}.gamblebutton{margin-left:auto;margin-right:auto;margin-top:-15px;height:2.5rem;width:5rem;background-color:#08db24;border:0;border-radius:5px}.gamblebutton:hover{background-color:#0b961d;cursor:pointer}.chance{display:flex;align-items:center;flex-direction:column;margin:15px}.cashier{height:2rem;min-width:6rem;background-color:#3c3c3c;position:absolute;top:1em;left:50vw;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center}.cashier .balance{width:100%;text-align:center;vertical-align:middle;margin:0}.cashier .wallet{all:unset;height:100%;width:2rem;background-color:#1fd20b;display:flex;align-items:center}.cashier .wallet p{margin:auto}.cashier .wallet:hover{background-color:#1c980e;cursor:pointer}.cashiercontainer{height:60%;width:40%;padding:.5rem 2rem 2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;z-index:999;background-color:#171717}.cashiercontainer .header{width:100%;height:3em;display:flex;align-items:center;gap:1rem}.cashiercontainer .header .affiliate{margin-left:auto;width:9rem;border:1px solid;border-color:#353535;background-color:#171717;color:#fff}.cashiercontainer .header button{color:#fff;background-color:#171717;border:none;padding:5px;margin:5px}.cashiercontainer .header button :hover{background-color:#1e1e1e;cursor:pointer}.cashiercontainer .maincashier{height:100%;padding:1rem;background-color:#111}.cashiercontainer .maincashier .sectiontext{margin-top:10px;margin-bottom:5px}.cashiercontainer .maincashier .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,.4fr));gap:10px}.cashiercontainer .maincashier .grid .cashierElement{padding:15px;background-color:#202020;display:flex;align-items:center;justify-content:flex-start}.cashiercontainer .maincashier .grid .cashierElement *{padding-left:8px;margin-top:0;margin-bottom:0}.cashiercontainer .maincashier .grid .cashierElement p{color:#626161}.cashiercontainer .maincashier .grid .cashierElement img{height:4em}.cashiercontainer .maincashier .grid :hover{background-color:#181818;cursor:pointer}.darkoverlay{background-color:#0000006b;width:100vw;height:100vh;position:absolute;border:1px;border-color:#111;color:#fff}.darkoverlay button{all:unset}:global(p,h3){margin:0;margin-block-start:0em;margin-block-end:0em}.usercontainer{display:flex;flex-direction:column;border-radius:5px;background-color:#2a2a2a;position:absolute;top:15px;right:15px;width:12rem}.usercontainer *{padding:10px}.usercontainer .user{all:unset;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.usercontainer .user img{height:3em;width:min-content;border-radius:10px}.usercontainer .user:hover{background-color:#1f1f1f;cursor:pointer}.usercontainer .dropdown{display:flex;align-items:center;flex-direction:column}.usercontainer .dropdown .option{width:100%;display:flex;justify-content:center;align-items:center}.usercontainer .dropdown .option:hover{background-color:#1f1f1f;cursor:pointer}.usercontainer:not(:hover) .dropdown{display:none}p{margin:0}.login,.logout{all:unset;width:12rem;height:3rem;background-color:#d65d5d;border-radius:5px;display:flex;align-items:center;position:absolute;top:15px;right:15px}.login p,.logout p{margin:auto}.login:hover,.logout:hover{background-color:#b24444;cursor:pointer}