:root{--background:#ccd4de;--primary-btn-border:#511515;--primary-btn-bg:#7d2121;--primary-btn-bg-hover:#511515;--primary-btn-text:#fff;--card-back-border:#aa3939;--place-back:#34354d;--white-btn-bg:#fff;--text:#333;--text-secondary:#666;--text-white:#fff;--text-number:#e2e2e2;--secondary-btn-border:#999;--secondary-btn-bg:#e4e4e4;--popup-bg-active:#f1f1f1;--popup-bg:#d4d4d4;--box-shadow:0px 4px 4px 0px rgba(0,0,0,.25) inset;--box-shadow-out:0px 4px 4px 0px rgba(0,0,0,.25);--text-shadow:0px 4px 4px rgba(0,0,0,.25);--font-family:Cairo;--font-family-secondary:Roboto;--font-semi-bold:600;--font-bold:700;--font-bold-x:700;--font-extra-bold:900;font-size:16px}.container,.root,body,html{display:flex;flex-direction:column;height:100vh;width:100%}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);display:flex;font:1rem Cairo;font:1rem var(--font-family);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.screen-center{display:flex;flex-direction:column;height:100vh;width:100vw}.button,.screen-center{align-items:center;justify-content:center}.button{background:var(--primary-btn-bg);border:1px solid var(--primary-btn-border);border-radius:.5rem;display:inline-flex;gap:1rem;padding:.38rem 1rem}.button:hover{background:var(--primary-btn-bg-hover)}.button:active{background:var(--primary-btn-bg)}.button.white{background:var(--white-btn-bg);border-color:var(--secondary-btn-border)}.button.white:hover{background:var(--secondary-btn-bg)}.button.white:active{background:var(--white-btn-bg)}.button.icon{padding:.8rem}.button.secondary{background:var(--secondary-btn-bg);border-color:var(--secondary-btn-border)}.button.secondary:hover{background:var(--white-btn-bg)}.button.secondary:active{background:var(--secondary-btn-bg)}.label{color:var(--primary-btn-text);font:var(--font-bold) 1rem var(--font-family);text-align:center}.secondary .label,.white .label{color:var(--text);font-weight:var(--font-semi-bold)}.icon img{color:var(--primary-btn-text);font-weight:var(--font-semi-bold)}.input-text{align-items:center;background:var(--white-btn-bg);border:0;border-radius:.5rem;box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25);color:var(--text);display:inline-flex;font:var(--font-bold) 1rem var(--font-family);justify-content:center;padding:.25rem 1rem;text-align:center}.form-box{background:var(--popup-bg-active);border-radius:1rem;box-shadow:var --box-shadow;gap:1rem;padding:1rem;width:19.5rem}.form-box,.form-box .logo{align-items:center;display:inline-flex;flex-direction:column}.form-box .logo .title{color:var(--text);font:var(--font-extra-bold) 1.5rem var(--font-family-secondary)}.form-box .message{color:var(--text-secondary);font:var(--font-semi-bold) 1rem var(--font-family)}.form-box .message .player{font-weight:var(--font-bold);min-height:.6rem}.form-box .form{display:inline-flex;flex-direction:column;gap:1rem;width:100%}.session-box{display:flex;flex-grow:1;justify-content:center;max-height:100%}.popup,.session-box{align-items:center;flex-direction:column}.popup{background:var(--popup-bg);border-radius:1rem 1rem 0 0;box-shadow:var(--box-shadow-out);display:inline-flex;gap:.5rem;padding:.6rem 1.5rem 1rem;width:100%}.popup.active{background:var(--popup-bg-active)}@media(min-width:576px){.popup{width:auto}}.popup .text{color:var(--text);display:inline-flex;flex-direction:row;font:var(--font-semi-bold) 1rem var(--font-family)}.popup .text .player{font-weight:var(--font-bold);min-height:.6rem}.popup .cards-box{align-items:center;align-self:stretch;display:flex}.popup .cards-box.result{align-self:center}@media(max-width:576px){.popup .cards-box{margin-right:-1.5rem}}.popup .cards-box .cards{-ms-overflow-style:none;align-items:flex-start;display:flex;gap:.5rem;overflow:auto;scrollbar-width:none}.popup .cards-box .cards::-webkit-scrollbar{display:none}.p-card-box{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;-webkit-user-select:none;user-select:none}.p-card-box .label{color:var(--text);font:var(--font-extra-bold) .75rem var(--font-family-secondary);padding-top:.2rem;text-align:center}.p-card-box .label.small{color:var(--text)}.p-card{align-items:center;background:var(--primary-btn-bg-hover);border-radius:1rem;display:inline-flex;height:8.75rem;justify-content:center;width:5.875rem}.p-card.small{border-radius:.5rem;height:4.5rem;width:3rem}.p-card.active,.p-card:hover{background:var(--primary-btn-bg)}.p-card:hover.active{background:var(--primary-btn-bg-hover)}.p-card.place{background:var(--place-back);box-shadow:var(--box-shadow);cursor:auto}.p-card .back{border:1px solid var(--card-back-border);border-radius:.5rem;cursor:auto;height:6.8rem;width:3.8rem}.p-card .back.small{border-radius:.3rem;height:3.2rem;width:1.7rem}.p-card .number{color:var(--text-number);font:var(--font-bold) 3rem var(--font-family-secondary);text-align:center;text-shadow:var(--text-shadow)}.p-card .number.small{font-size:1.5rem}.poll-header{background:var(--popup-bg-active);box-shadow:var(--box-shadow-out);display:inline-flex;flex-direction:column;gap:.25rem;padding:1.5rem 1.5rem 1rem;width:100%}@media(min-width:576px){.poll-header{width:360px}}.poll-header .timer{color:var(--text-secondary);display:inline-flex;font:1rem var(--font-family)}.poll-header .timer .text{flex:1 1}.poll-header .task-name{color:var(--text);font:var(--font-bold) 1.25rem var(--font-family);line-height:1.75rem}.poll-header .actions{display:inline-flex}.poll-header .actions .exit,.poll-header .actions .share,.poll-header .actions .start-stop{align-items:center;border:1px solid var(--secondary-btn-border);color:var(--text);cursor:pointer;display:inline-flex;justify-content:center;padding:.25rem .5rem}.poll-header .actions .start-stop{background:var(--primary-btn-bg);border-radius:.5rem 0 0 .5rem;flex:1 0}.poll-header .actions .start-stop:hover{background:var(--primary-btn-bg-hover)}.poll-header .actions .start-stop:active{background:var(--primary-btn-bg)}.poll-header .actions .start-stop .label{color:var(--text-white);flex:1 1;font:var(--font-semi-bold) 1rem var(--font-family)}.poll-header .actions .exit,.poll-header .actions .share{background:var(--secondary-btn-bg);width:4rem}.poll-header .actions .exit:hover,.poll-header .actions .share:hover{background:var(--white-btn-bg)}.poll-header .actions .exit:active,.poll-header .actions .share:active{background:var(--secondary-btn-bg)}.poll-header .actions .exit{border-radius:0 .5rem .5rem 0}.table-cards{align-content:flex-start;display:flex;flex-grow:1;flex-wrap:wrap;gap:1rem;justify-content:center;overflow:auto;padding:1rem}@media(min-width:576px){.table-cards{max-width:650px;padding:2rem 0}}.alert-popup{align-items:center;background:var(--place-back);display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:3s ease-out;width:100%;z-index:9999}.alert-popup.visible{display:flex;opacity:.95;transition:3s ease-out}.alert-popup .box{align-items:center;background:var(--popup-bg-active);border-radius:1rem;box-shadow:var --box-shadow;display:inline-flex;flex-direction:column;font:1rem var(--font-family-secondary);gap:1rem;justify-content:center;opacity:1!important;padding:1rem;position:relative;top:-50px;width:19.5rem}.alert-popup .header{font-weight:var(--font-semi-bold)}.alert-popup .body{text-align:center}.alert-popup .body,.alert-popup .footer{display:inline-flex;flex-direction:column;width:100%}
/*# sourceMappingURL=main.51661989.css.map*/