*,body{font-family:Poppins,Roboto Condensed,Lato;margin:0;padding:0}*{box-sizing:border-box}*,.prevent-select{-webkit-user-select:none;user-select:none}:root{--nav-height:50px;--nav-bg-color:#f7faff;--box-b-color:#beddff;--box-shadow:0 4px 30px #0000001a}body{background-color:#8dc9ff;background-color:var(--background-color)}nav{background-color:#beddff;background-color:var(--box-b-color);box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);height:50px;height:var(--nav-height);justify-content:space-between;padding:0 20px}.nav-left,nav{align-items:center;display:flex}.nav-left{height:100%}nav .logo{height:80%}nav .game-menu{align-items:center;display:flex;gap:8px;justify-content:space-around;padding:0 16px}nav .game-menu,nav .game-menu-item{width:-webkit-max-content;width:max-content}nav .game-menu-item{background-color:#f3f9ff;border-radius:calc(var(--size-ratio)*5);font-size:16px;padding:5px 16px}nav .game-menu-down{align-items:center;background-color:#f3f9ff;border-radius:calc(var(--size-ratio)*6);bottom:0;display:none;justify-content:space-around;left:0;padding:8px;position:absolute;width:100vw}.nav-right{align-items:center;display:flex;height:100%}.displayName{font-size:20px;font-size:calc(var(--nav-height)*.4);padding:15px}nav .profile-image{border-radius:500px;height:40px;height:calc(var(--nav-height)*.8);width:40px;width:calc(var(--nav-height)*.8)}.userMenu{align-items:center;background-color:#beddff;background-color:var(--box-b-color);border-radius:25px;box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow);display:flex;flex-direction:column;margin:8px;max-width:calc(100vw - 16px);min-width:300px;padding:20px;position:absolute;right:0;top:50px;top:var(--nav-height);z-index:999}.userMenu img{border-radius:500px;height:100px;width:100px}.userMenu .displayName{font-size:40px;font-weight:600;padding:0}.userMenu .displayEmail{margin:0 0 20px}.btn-blue{background-color:#0091ff;color:#fff}button{border:none;border-radius:50px;font-size:16px;font-weight:500;margin:8px;padding:12px 24px}.main{align-items:center;display:flex;flex-direction:column;gap:50px;height:calc(100vh - 50px);height:calc(100vh - var(--nav-height));justify-content:center;overflow:auto;padding:30px 0}input:focus{box-shadow:0 0 10px 5px #8ec7ff;outline:none}.message{margin:0 16px}.waiting-message{margin:16px}.loading-container{align-items:center;background-color:#8dc9ff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-container img{height:20vh;min-height:130px;min-width:150px;width:20vw}.loading-container .loading-animation{align-items:center;display:flex;justify-content:space-around;min-width:70px}.loading-container .loading-dot{aspect-ratio:1;border-radius:500px;width:25%}.ld-0{background-color:#fbfeff}.ld-1{background-color:#eaf5ff}.ld-2{background-color:#d6ecff}.ld-3{background-color:#c2e3ff}.ld-4{background-color:#aedaff}.ld-5{background-color:#9ad1ff}@media (hover:hover){button:hover{box-shadow:0 0 10px 5px #8ec7ff;outline:none}nav .game-menu-item:hover{box-shadow:0 4px 30px #0000001a;box-shadow:var(--box-shadow)}}@media (min-width:1250px){.main{flex-direction:row;gap:100px;padding:20px}}@media (max-width:600px){nav .game-menu{display:none}nav .game-menu-down{display:flex}.nav-right>.displayName{background-color:#fff;display:none}}:root{--board-dimension:min(600px,90vw,calc(100vh - var(--nav-height) - 20px));--cube-dimension:calc(var(--board-dimension)/15);--shadow--blur:4px;--shadow--spread:1px;--pawn-size-s:40px;--pawn-size-l:60px;--size-ratio:calc(var(--board-dimension)/600);--cube-margin:calc(var(--size-ratio)*2);--yellow:#d5d821;--red:#ff3136;--purple:#c7a7ff;--blue:#0084ff;--green:#08b608;--normal-color:#beddff;--background-color:#8dc9ff}.ludo-board-container .board-cover{display:flex;height:calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15);height:var(--cube-dimension);justify-content:space-between;width:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 15);width:calc(var(--cube-dimension)*15)}.ludo-board-container .board-cover .players-details{display:flex;padding:0 --cube-margin;width:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 6);width:calc(var(--cube-dimension)*6)}.ludo-board{display:grid;grid-template-columns:6fr 3fr 6fr;grid-template-rows:6fr 3fr 6fr;height:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 15);height:calc(var(--cube-dimension)*15);width:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 15);width:calc(var(--cube-dimension)*15)}.cube-container{display:flex;flex-wrap:wrap}.cube-container-top{flex-direction:column;height:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 6);height:calc(var(--cube-dimension)*6)}.cube-container-left{rotate:x 180deg}.cube-container-left,.cube-container-right{height:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 3);height:calc(var(--cube-dimension)*3)}.cube-container-right{rotate:y 180deg}.cube-container-down{flex-direction:column;height:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 6);height:calc(var(--cube-dimension)*6);rotate:180deg}.home-cube{grid-column-gap:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 4);grid-column-gap:calc(var(--size-ratio)*4);grid-row-gap:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 4);grid-row-gap:calc(var(--size-ratio)*4);background-color:var(--box-b-color);border-radius:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 8);border-radius:calc(var(--size-ratio)*8);column-gap:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 4);column-gap:calc(var(--size-ratio)*4);display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 3 - 4 * calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600));height:calc(var(--cube-dimension)*3 - var(--size-ratio)*4);margin:var(--cube-margin);row-gap:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 4);row-gap:calc(var(--size-ratio)*4);width:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 3 - 4 * calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600));width:calc(var(--cube-dimension)*3 - var(--size-ratio)*4)}.home-cube>*{align-items:center;display:flex;justify-content:center}.home-cube-div{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.cube,.home-cube-div,.home-cube-image{height:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) - calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 2) * 2);height:calc(var(--cube-dimension) - var(--cube-margin)*2);width:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) - calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 2) * 2);width:calc(var(--cube-dimension) - var(--cube-margin)*2)}.cube{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 20);background-size:calc(var(--size-ratio)*20);border-radius:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 5);border-radius:calc(var(--size-ratio)*5);box-shadow:0 0 4px 1px #7ab4ff;box-shadow:0 0 var(--shadow--blur) var(--shadow--spread) #7ab4ff;display:flex;justify-content:center;margin:var(--cube-margin);position:relative;z-index:1}.cube-container-down .cube,.cube-container-left .cube{position:relative;rotate:x 180deg}.pawn{height:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) - 4 * calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600));height:calc(var(--cube-dimension) - var(--size-ratio)*4);position:absolute;transition:all .2s ease-in-out;width:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) - 4 * calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600));width:calc(var(--cube-dimension) - var(--size-ratio)*4)}.locator{background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 6) calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 30) rgba(0,0,0,.014);box-shadow:0 calc(var(--size-ratio)*6) calc(var(--size-ratio)*30) rgba(0,0,0,.014);height:100%;position:relative;width:100%;z-index:700}.red-locator{background-image:url(/static/media/location.9ef653f6c777a91c0a84.svg)}.yellow-locator{background-image:url(/static/media/yellowLocator.139cfb8ee0cb70477453.svg)}.big-cube{align-items:center;border:none;border-radius:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 6);border-radius:calc(var(--size-ratio)*6);box-shadow:0 0 4px 1px #7ab4ff;box-shadow:0 0 var(--shadow--blur) var(--shadow--spread) #7ab4ff;display:flex;height:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 6 - calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 2) * 2);height:calc(var(--cube-dimension)*6 - var(--cube-margin)*2);justify-content:center;margin:var(--cube-margin);position:relative;width:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 6 - calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 2) * 2);width:calc(var(--cube-dimension)*6 - var(--cube-margin)*2)}.big-cube-content{grid-column-gap:8px;grid-row-gap:8px;background-color:#beddff;background-color:var(--normal-color);border:8px solid #fff0;border-radius:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) / 40 * 35);border-radius:calc(var(--cube-dimension)/40*35);column-gap:8px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 4.2);height:calc(var(--cube-dimension)*4.2);padding:calc(var(--size-ratio)*10);row-gap:8px;width:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 4.2);width:calc(var(--cube-dimension)*4.2)}.big-cube .big-cube-circle{align-items:center;border-radius:500px;display:flex;height:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 1.25);height:calc(var(--cube-dimension)*1.25);justify-content:center;place-self:center;width:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 15) * 1.25);width:calc(var(--cube-dimension)*1.25)}.b-red{background-color:#ff3136;background-color:var(--red)}.b-yellow{background-color:#d5d821;background-color:var(--yellow)}.b-green{background-color:#08b608;background-color:var(--green)}.b-purple{background-color:#c7a7ff;background-color:var(--purple)}.b-blue{background-color:#0084ff;background-color:var(--blue)}.b-white{background-color:#beddff;background-color:var(--normal-color)}.b-black{background-color:#000}.black-star,.wc-star{background-image:url(/static/media/blackStar.e27002fef351222d2a65.svg)}.bc-star,.gc-star,.rc-star,.white-star,.yc-star{background-image:url(/static/media/whiteStar.2f722a62816122352976.svg)}.show-move{background-color:#c4ffbe;border-color:#fff0}.show-roll{border-color:#fff}.dice{align-items:center;background-color:#fff;border-radius:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 6);border-radius:calc(var(--size-ratio)*6);bottom:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 5);bottom:calc(var(--size-ratio)*5);display:flex;font-size:calc(16 * calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600));font-size:calc(var(--size-ratio)*16);height:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) *36);height:calc(var(--size-ratio)*36);justify-content:center;position:absolute;right:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 5);right:calc(var(--size-ratio)*5);-webkit-user-select:none;user-select:none;width:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) *36);width:calc(var(--size-ratio)*36)}.dice img{height:100%;width:100%}.top-left{left:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 5);left:calc(var(--size-ratio)*5)}.top-left,.top-right{top:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 5);top:calc(var(--size-ratio)*5)}.top-right{right:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 5);right:calc(var(--size-ratio)*5)}.bottom-left{left:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 5);left:calc(var(--size-ratio)*5)}.bottom-left,.bottom-right{bottom:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 5);bottom:calc(var(--size-ratio)*5)}.bottom-right{right:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 5);right:calc(var(--size-ratio)*5)}.player-details{background-color:#beddff82;border-radius:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 5);border-radius:calc(var(--size-ratio)*5);box-shadow:var(--box-shadow);font-size:calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 10);font-size:calc(var(--size-ratio)*10);padding:calc(var(--size-ratio)*3) calc(var(--size-ratio)*5);position:absolute}.initial-display{align-items:center;display:flex;flex-direction:column;justify-content:center}@media (hover:hover){.red-hover:hover{box-shadow:0 calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 3) calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 8) 0 #7000007a;box-shadow:0 calc(var(--size-ratio)*3) calc(var(--size-ratio)*8) 0 #7000007a}.yellow-hover:hover{box-shadow:0 calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 3) calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 8) 0 #7b7f008a;box-shadow:0 calc(var(--size-ratio)*3) calc(var(--size-ratio)*8) 0 #7b7f008a}.green-hover:hover{box-shadow:0 calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 3) calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 8) 0 #00750582;box-shadow:0 calc(var(--size-ratio)*3) calc(var(--size-ratio)*8) 0 #00750582}.blue-hover:hover{box-shadow:0 calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 3) calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 8) 0 #012f6c87;box-shadow:0 calc(var(--size-ratio)*3) calc(var(--size-ratio)*8) 0 #012f6c87}.normal-hover:hover,.white-hover:hover{box-shadow:0 calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 3) calc(calc(min(600px,90vw,calc(100vh - var(--nav-height) - 20px)) / 600) * 8) 0 #003e8d82;box-shadow:0 calc(var(--size-ratio)*3) calc(var(--size-ratio)*8) 0 #003e8d82}}@media (max-width:1249px){.start-new-game-btn{bottom:60px;left:50%;margin:8px 0;position:fixed;transform:translate(-50%)}}.waiting input{border:none;border-radius:500px;height:40px;margin:0;padding:10px 20px;width:100%}.waiting{align-items:center;background-color:var(--box-b-color);border-radius:35px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;max-width:90vw;padding:24px;position:relative;width:400px}.grid{grid-column-gap:4px;grid-row-gap:8px;column-gap:4px;display:grid;grid-template-columns:9fr 1fr;margin:8px;row-gap:8px;width:100%}.grid>div{align-items:center;display:flex}.grid-c1,.grid-c12{align-items:center;display:flex;height:40px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.grid-c12{grid-column-end:2;grid-column-start:0}.grid-c2{align-items:center;border-radius:500px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.grid-c2,.waiting button{background-color:#f8fcff;transition:all .2s ease-in-out}.waiting button{margin:0}.start-button{width:100%}@media (hover:hover){.grid-c2:hover{-webkit-user-select:none;user-select:none}.grid-c2:hover,.waiting button:hover{background-color:#0091ff;color:#fff}}.invites{align-items:center;background-color:var(--box-b-color);border-radius:35px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;max-width:90vw;padding:24px;position:relative;width:400px}.invites .grid{grid-column-gap:4px;grid-row-gap:8px;column-gap:4px;display:grid;grid-template-columns:8fr 1fr 1fr;margin:8px;row-gap:8px;width:100%}.invites .grid>div{align-items:center;display:flex}.invites .grid-c1,.invites .grid-c12{align-items:center;display:flex;height:40px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.invites .grid-c12{grid-column-end:2;grid-column-start:0}.invites .grid-c2{align-items:center;background-color:#f8fcff;border-radius:500px;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease-in-out;width:40px}.invites .message{color:#da0000;font-size:16px}@media (hover:hover){.invites .grid-c2:hover{background-color:#0091ff;color:#fff;-webkit-user-select:none;user-select:none}}.results{align-items:center;background-color:var(--box-b-color);border-radius:35px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;max-width:90vw;padding:24px;position:relative;width:400px}.results-grid{grid-column-gap:4px;grid-row-gap:8px;column-gap:4px;display:grid;grid-template-columns:1fr 8fr;margin:8px;row-gap:8px;width:100%}.results-grid>div{align-items:center;display:flex}.results-grid-c1{background-color:#f8fcff;border-radius:500px;font-size:24px;justify-content:center;transition:all .2s ease-in-out;width:40px}.results-grid-c1,.results-grid-c2{align-items:center;display:flex;height:40px}.results-grid-c12,.results-grid-c2{overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.results-grid-c12{align-items:center;display:flex;grid-column-end:2;grid-column-start:0;height:40px}.results-message{color:#da0000;font-size:16px}.results .dismiss-button{width:100%}@media (hover:hover){.results-grid-c1:hover{background-color:#0091ff;color:#fff;-webkit-user-select:none;user-select:none}}.alert-container{background-color:#beddff88;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:8888}.alert,.alert-container{align-items:center;display:flex}.alert{background-color:var(--box-b-color);border-radius:35px;box-shadow:var(--box-shadow);flex-direction:column;max-width:90vw;padding:24px;position:relative;width:400px}.alert button{background-color:#f8fcff;margin:0;transition:all .2s ease-in-out}.alert .alert-buttons{grid-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:1fr 1fr;width:100%}.alert .alert-buttons button{width:100%}.alert .message{color:#000;font-size:16px;margin:0 0 10px}@media (hover:hover){.alert button:hover{background-color:#0091ff;color:#fff}}.login-body{align-items:center;display:flex;height:calc(100vh - var(--nav-height));justify-content:center}input{border:none;border-radius:500px;margin:10px;padding:10px 20px;width:calc(100% - 20px)}.login-form-div{align-items:center;background-color:var(--box-b-color);box-shadow:var(--box-shadow);display:flex;flex-direction:column;position:relative}.loading,.login-form-div{border-radius:35px;padding:24px;width:min(400px,90vw)}.loading{background-color:#beddff;height:100%;left:0;opacity:.6;position:absolute;top:0}.email-auth-buttons,.inputs{width:100%}button{background-color:#f8fcff}.login-body .login-button,.signup-button{width:calc(50% - 16px)}.google-button,.resend-button{width:calc(100% - 16px)}.message{color:#da0000;font-size:16px}@media (hover:hover){button:hover{background-color:#0091ff;color:#fff;transition:all .2s ease-in-out}}
/*# sourceMappingURL=main.22f8c8cc.css.map*/