button{outline:none;border-radius:8px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:none;padding:.5rem;margin:8px;color:#fcfcfc;font-size:2rem;line-height:2rem;display:inline-flex;align-items:center;justify-content:center}button.fill-width{width:100%}button.x-large{padding:1rem 2rem;font-size:8rem}button.x-large.round{padding:2rem}button.large{padding:.7rem 1.4rem;font-size:2rem}button.large.round{padding:2rem}button.round{border-radius:50%}button.danger,button.red{background-color:#c30000}button.danger:disabled,button.red:disabled{background-color:#f0bfbf}button.danger:disabled:hover,button.red:disabled:hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}button.green,button.success{background:#018e42}button.green:disabled,button.success:disabled{background-color:#c0e3d0}button.green:disabled:hover,button.success:disabled:hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}button.blue,button.primary{background:#1d4778}button.blue:disabled,button.primary:disabled{background-color:#c7d1dd}button.blue:disabled:hover,button.primary:disabled:hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}button.warning,button.yellow{background:#f7d123}button.warning:disabled,button.yellow:disabled{background-color:#fdf4c8}button.warning:disabled:hover,button.yellow:disabled:hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}button:active{box-shadow:none;outline:none}button:hover{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}a{border-radius:8px;font-size:1.2rem;padding:.6rem;margin:8px;font-weight:500;text-decoration:none;text-align:center;border:1px solid transparent}a.primary{color:#1d4778;border-color:#1d4778}a.primary:hover{color:#fcfcfc;background-color:#395e89}a.primary.disabled{color:#c7d1dd;border-color:#c7d1dd;pointer-events:none;cursor:default}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;width:100%}body{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:100%;background-color:#1e2025;color:#1e2025}router-view{position:relative;width:640px;height:360px;background-color:#f7f7f7}.overlay,router-view{display:flex;flex-direction:column;border-radius:16px}.overlay{position:absolute;justify-content:center;align-items:center;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,98%,.79)}input{border-radius:4px;border:1px solid #ccc;padding:.6rem;font-size:x-large;width:100%}h1,input{margin:8px 0}h1{font-size:1.2rem}p{margin:8px 0;font-size:.9rem;line-height:1.3rem}form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:66%;padding:8px}form button{margin:8px 0}@media(min-width:481px)and (max-width:767px){router-view{width:100%;height:100%;background-color:#f7f7f7;border-radius:0}}
sign-in .container{display:flex;flex-direction:column;align-items:center;justify-content:center}sign-in .container .color-selector{display:flex;flex-direction:row;justify-content:space-evenly;width:100%;margin:8px 8px 24px}sign-in .container .color-selector button{width:48px;height:48px}sign-in .container .game-id{margin-bottom:8px}sign-in .container a{width:50%}
header{display:flex;flex-direction:row;width:100%;height:16%}main{flex-direction:row;flex:1}footer,main{display:flex;align-items:center;justify-content:center}footer{flex-direction:row;height:16%}.players-list{display:flex;flex-direction:row;justify-content:space-evenly;flex:1;list-style:none;padding:0;margin:0}.players-list li{display:flex;flex-direction:row;align-items:center;border-radius:1000px;font-weight:lighter}.players-list li:before{content:"";display:inline-block;width:32px;height:32px;margin-right:8px;border-radius:100%;background-color:#aaa}.players-list li.turn:before{content:"person"}.players-list li.dealer:before,.players-list li.turn:before{display:inline-block;font-family:Material Icons;font-size:19pt;line-height:32px;text-align:center;color:#fafafa}.players-list li.dealer:before{content:"style";transform:rotate(180deg)}.players-list li[data-color="1"]:before{background-color:#c30000}.players-list li[data-color="2"]:before{background-color:#1d4778}.players-list li[data-color="4"]:before{background-color:#018e42}.players-list li[data-color="8"]:before{background-color:#f7d123}.cards{display:flex;flex-direction:row;flex:1;justify-content:flex-start;padding:0}
.viewer{height:100%;width:100%}.viewer header{display:flex;flex-direction:row;width:100%;height:16%}.viewer main{position:relative;flex-direction:row;flex:1}.viewer footer,.viewer main{display:flex;align-items:center;justify-content:center}.viewer footer{flex-direction:row;height:16%}.viewer .players-list{display:flex;flex-direction:row;justify-content:space-evenly;flex:1;list-style:none;padding:0;margin:0}.viewer .players-list li{display:flex;flex-direction:row;align-items:center;border-radius:1000px;font-weight:lighter}.viewer .players-list li:before{content:"";display:inline-block;width:32px;height:32px;margin-right:8px;border-radius:100%;background-color:#aaa}.viewer .players-list li.turn:before{content:"person"}.viewer .players-list li.dealer:before,.viewer .players-list li.turn:before{display:inline-block;font-family:Material Icons;font-size:19pt;line-height:32px;text-align:center;color:#fafafa}.viewer .players-list li.dealer:before{content:"style";transform:rotate(180deg)}.viewer .players-list li[data-color="1"]:before{background-color:#c30000}.viewer .players-list li[data-color="2"]:before{background-color:#1d4778}.viewer .players-list li[data-color="4"]:before{background-color:#018e42}.viewer .players-list li[data-color="8"]:before{background-color:#f7d123}.viewer card{position:absolute}.viewer card:last-child{z-index:1000}.viewer card:nth-child(8n+1){transform:rotate(2deg)}.viewer card:nth-child(8n+2){transform:rotate(-3deg)}.viewer card:nth-child(8n+3){transform:rotate(5deg)}.viewer card:nth-child(8n+4){transform:rotate(-6deg)}.viewer card:nth-child(8n+5){transform:rotate(4deg)}.viewer card:nth-child(8n+6){transform:rotate(9deg)}.viewer card:nth-child(8n+7){transform:rotate(-7deg)}.viewer card:nth-child(8n+8){transform:rotate(-8deg)}

/*# sourceMappingURL=../app~f075b844.5c08d284e393b129de8b.bundle.map*/