@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);:root{--clr-primary:#c7365f;--clr-secondary:#f5476a;--clr-background-1:#753682;--clr-background-2:#bf2e34;--clr-primary:#f79489;--clr-secondary:#f8afa6;--clr-background-1:#fadcd9;--clr-background-2:#f9f1f0}*{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box;overflow-y:hidden}body{font-family:"Nunito",sans-serif;font-weight:400;height:100vh;color:#333;background-image:linear-gradient(to top left,#fadcd9 0,#f9f1f0);background-image:linear-gradient(to top left,var(--clr-background-1) 0,var(--clr-background-2));-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;overflow-y:hidden}.main,body{display:-webkit-flex;display:flex}.main{position:relative;width:100rem;height:60rem;background-color:hsla(0,0%,100%,.35);box-shadow:0 3rem 5rem rgba(0,0,0,.25);border-radius:9px;transition:all .3s ease-out;-webkit-align-items:stretch;align-items:stretch}.main.faded{opacity:.15}.player{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;transition:all .75s;background-color:hsla(0,0%,78.4%,.4)}.player-info{-webkit-flex:1 1;flex:1 1;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly}.player-info,.player-score-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;-webkit-align-items:center;align-items:center}.player-score-box{flex-direction:column}.name{position:relative;font-size:4rem;text-transform:uppercase;letter-spacing:1px;word-spacing:2px;margin-bottom:1rem}.name,.score{font-weight:300}.score{font-size:8rem;color:#f79489;color:var(--clr-primary);margin-bottom:auto}.player--active{background-color:hsla(0,0%,100%,.4)}.player--active .name{font-weight:700}.player--active .score{font-weight:400}.player--active .current{opacity:1}.current{background-color:#f79489;background-color:var(--clr-primary);opacity:.8;border-radius:6px;color:#fff;padding:2rem 6.5rem;text-align:center;transition:all .75s}.current-label{text-transform:uppercase;margin-bottom:1rem;font-size:1.7rem}.current-score{font-size:3.5rem}.btn{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#444;background:none;border:none;font-family:inherit;font-size:1.8rem;text-transform:uppercase;cursor:pointer;font-weight:400;transition:all .2s;background-color:#fff;background-color:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.7rem 2.5rem;border-radius:50rem;box-shadow:0 1.75rem 3.5rem rgba(0,0,0,.1);white-space:nowrap}.btn:first-letter{font-size:2.4rem;display:inline-block;margin-right:.7rem}.btn--new{top:4rem}.btn--roll{top:38.3rem}.btn--hold{top:45.1rem}.btn:active{-webkit-transform:translate(-50%,3px);transform:translate(-50%,3px);box-shadow:0 1rem 2rem rgba(0,0,0,.15)}.btn:focus{outline:none}.dice{position:absolute;left:50%;top:16.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:10rem;opacity:0;transition:opacity .2s ease,box-shadow .2s ease}.dice.active{opacity:1;box-shadow:0 2rem 5rem rgba(0,0,0,.2)}.player--winner{background-color:#2f2f2f}.player--winner .name{font-weight:700;color:#f79489;color:var(--clr-primary)}.hidden{display:none}.rules-container{position:absolute;bottom:50px;right:50px;padding:20px;cursor:pointer;border-radius:50%;background-color:#f8afa6;background-color:var(--clr-secondary)}.rules{width:60px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.rules-modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease-out;visibility:hidden;opacity:0;border-radius:20px;color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;padding:3rem;width:720px;height:496px;background-color:#f8afa6;background-color:var(--clr-secondary)}.rules-modal.open{visibility:visible;opacity:1}.rules-modal h1{font-size:48px;text-transform:uppercase}.rules-modal ul{list-style:circle;padding:3rem}.rules-modal li{font-size:26px;margin-bottom:10px}@media (max-width:1025px){.main{-webkit-flex-direction:column;flex-direction:column;height:clamp(1px,550px,95vh);width:90vw}.player{padding:0}.player,.player-info{-webkit-flex-direction:row;flex-direction:row}.player--1{-webkit-align-items:flex-start;align-items:flex-start;padding-top:3.5rem}.player--2{-webkit-align-items:flex-end;align-items:flex-end;padding-bottom:3.5rem}.player-score-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.name{font-size:2.75rem;white-space:nowrap}.score{font-size:6rem}.current{padding:2rem 4rem}.current-score{font-size:3rem}.btn{padding:.6rem 2rem;font-size:1.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.btn:active{-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}.btn--new{top:-7rem}.btn--new:active{-webkit-transform:translate(-50%,3px);transform:translate(-50%,3px)}.btn--roll{left:clamp(1px,110px,30%)}.btn--hold,.btn--roll{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:32rem}.btn--hold{left:calc(90vw - 85px)}.dice{height:7rem;top:17.5rem}.rules-container,.rules-modal{display:none}}@media (max-width:600px){.name{font-size:2rem}.score{font-size:4rem}.current{padding:1.5rem 3rem}.current-score{font-size:2.5rem}.btn{padding:.6rem 2rem}.btn--new{top:-6rem}}
/*# sourceMappingURL=main.e082ee71.chunk.css.map */