#root{width:600px;margin:2rem}@media (max-width: 600px){#root{width:100%!important}}body{background-color:#f9f9fa}.boardListView .boardList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.boardListView .actions{margin-top:20px;display:flex;gap:8px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.boardCard{border:1px solid #e5e7eb;border-radius:calc(.5rem - 2px);padding:25px 20px;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;gap:32px}.boardCard h3{margin:0}.boardCard .leftCard{display:flex;flex-direction:column;gap:6px}.boardCard .leftCard p{margin:0}.boardCard .rightCard{display:flex;gap:10px}.boardCard .rightCard button{height:fit-content;font-size:20px;padding:10px 10px 8px}@keyframes rotating{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}button{padding:0!important;position:relative}button .hideChildren{visibility:hidden}button .loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em}button .loading>*{-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite;width:1em;height:1em}.first,.second,.red,.yellow{display:flex;padding:10px 15px!important}.first[disabled],.second[disabled],.red[disabled],.yellow[disabled]{opacity:.5;cursor:default}.second{background-color:unset;color:#18181b;border:1px solid #e5e7eb}.second:not([disabled]):hover{background-color:#e5e7eb}.first{background-color:#18181b;color:#fff}.red{background-color:#f45858;color:#fff}.red:not([disabled]):hover{background-color:#fff;color:#f45858;border:1px solid #f45858}.yellow{background-color:#cd7f32;color:#fff}.yellow:not([disabled]):hover{background-color:transparent;color:#cd7f32;border:1px solid #cd7f32}.modalBackground{z-index:998;position:absolute;top:0;left:0;width:100vw;height:100vh;background:black;opacity:.5}.modal{z-index:999;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:18px}.modal .actions{display:flex;justify-content:flex-end;gap:8px}.modal .section{display:flex;flex-direction:column}.modal .section .formInput{font-size:16px;border:1px solid #e5e7eb;border-radius:5px;padding:15px 16px}.modal .section .inputError{color:red;font-size:12px;margin-top:3px}.modal h2{padding:unset;margin:unset}.boardActions{margin-bottom:24px;display:flex;gap:12px;align-items:center}.boardActions .boardSetting{position:relative;width:25px;height:25px;cursor:pointer}.boardActions .boardSetting *{position:absolute;width:100%;height:100%;border-color:#1a1a1a}.boardActions .boardSetting .settingFull{display:none;fill:#1a1a1a}.boardActions .boardSetting:hover .settingEmpty{display:none}.boardActions .boardSetting:hover .settingFull{display:block}h2{font-size:2rem;margin-bottom:0;margin-top:0}.endTime{display:flex;flex-direction:column;align-items:flex-start}.endTime .endTimeLabel{align-items:center;display:flex;gap:10px}.endTime .endTimeLabel .timesUpLabel{color:#535bf2}.endTime p{font-size:1.2rem}.endTime .flipCountdown{margin:0}.participantList,.skeletonList{display:flex;flex-direction:column;list-style:none;gap:15px}.participantList input[type=checkbox],.skeletonList input[type=checkbox]{margin-right:12px}.participantList .position,.skeletonList .position{transform:translateY(4px)}.participantList .participantItem .firstPlace,.skeletonList .participantItem .firstPlace{transition:color 1s ease;color:gold}.participantList .participantItem .secondPlace,.skeletonList .participantItem .secondPlace{transition:color 1s ease;color:silver}.participantList .participantItem .thirdPlace,.skeletonList .participantItem .thirdPlace{transition:color 1s ease;color:#cd7f32}.participantList .participantModal,.skeletonList .participantModal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.pointListItem{display:flex;flex-wrap:wrap;gap:15px}.pointListItem .point-group{position:relative;display:flex;gap:10px}@keyframes grow{0%{height:0;opacity:0}to{height:40px;opacity:1}}.pointListItem .point{background-color:#000;height:0;width:4px}.pointListItem .point:not(.crossed){animation:grow .5s ease-out forwards}@keyframes draw-cross{0%{width:0}to{width:130%}}.pointListItem .crossed{rotate:20deg;position:absolute;height:4px;width:0;top:25%;left:-12.5%;transform:translateY(-50%);background-color:#000;transform-origin:left center;animation:draw-cross .5s ease-out forwards}@media (max-width: 768px){.pointListItem{gap:10px;font-size:16px;align-items:center}@keyframes grow{0%{height:0;opacity:0}to{height:30px;opacity:1}}.pointListItem .point-group{gap:5px}.pointListItem .point{width:3px}.pointListItem .crossed{height:3px;top:30%;left:-17.5%}@keyframes draw-cross{0%{width:0}to{width:140%}}}.participantItem{display:flex;align-items:center;font-size:30px;width:100%;justify-content:space-between}.participantItem .left{display:flex;align-items:center}.participantItem .right{max-width:60%;display:flex;align-items:center}.participantItem .right .addPointButton,.participantItem .right .deletePointButton{flex-shrink:0;width:35px;height:30px}.participantItem .avatarSection{position:relative}.participantItem .avatarSection .trash{width:80px;height:80px;display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer}.participantItem .avatarSection .trash .t1,.participantItem .avatarSection .trash .t2{display:block;position:absolute;top:10%;left:50%;background-color:red;width:2px;height:60px;border-radius:90px}.participantItem .avatarSection .trash .t1{transform:rotate(-45deg)}.participantItem .avatarSection .trash .t2{transform:rotate(45deg)}.participantItem img{width:80px}.participantItem .participantItem:hover .avatarSection .trash{display:block}.participantItem .participantItem:hover .avatarSection .avatar{filter:grayscale(100%)}.participantItem .participantItem:hover .addPointButton,.participantItem .participantItem:hover .deletePointButton{visibility:visible}.participantItem .addPointButton,.participantItem .deletePointButton{cursor:pointer;visibility:hidden}.participantItem .addPointButton{margin-left:12px}.participantItem .deletePointButton{margin-right:12px}.participantItem .deletePointButton[disabled]{opacity:.5;cursor:auto}@media (max-width: 768px){.participantItem{font-size:20px}.participantItem .position{transform:translateY(1px)}.participantItem .addPointButton{margin-left:6px}.participantItem .deletePointButton{margin-right:6px}.participantItem img{width:70px}}.modal{justify-content:space-between}.modal .test{height:100%;display:flex;align-items:flex-start;justify-content:space-between;overflow-y:scroll;overflow-x:hidden}.modal .test .previewAvatarSection{width:25%;display:flex;flex-direction:column;justify-content:center;gap:5px}.modal .test .avatarStyle{align-self:flex-start;height:100%;width:75%}.modal .itemList{display:flex;list-style:none;flex-wrap:wrap;gap:5px}.modal .itemList li{cursor:pointer;border:2px solid transparent;border-radius:5px;transition:border-color .1s ease}.modal .itemList li.selected,.modal .itemList li:hover{border:2px solid #747bff;border-radius:5px}.modal .previewAvatar{margin:auto}.modal .participantNameSection{width:200px;max-width:90%;margin:auto}.modal .tabPanelTitle{margin:0;padding:0}@media (max-width: 800px){.addParticipantModal .modal{height:80%!important}.addParticipantModal .modal .test{flex-direction:column;align-items:center;gap:10px}.addParticipantModal .modal .avatarStyle,.addParticipantModal .modal .previewAvatarSection{width:100%!important}}@media (max-width: 1200px){.addParticipantModal .modal{width:80%!important}}@media (max-width: 600px){.addParticipantModal .modal{width:85%!important;height:90%!important;padding:15px}}._qWTcH{--fcc-flip-duration:.7s;--fcc-digit-block-width:46px;--fcc-digit-block-height:80px;--fcc-digit-font-size:50px;--fcc-label-font-size:16px;--fcc-label-color:#fff;--fcc-background:#0f181a;--fcc-digit-color:#fff;--fcc-divider-color:hsla(0,0%,100%,.4);--fcc-divider-height:1px;--fcc-shadow:0 0 2px 1px rgba(0,0,0,.1);--fcc-separator-size:5px;--fcc-separator-color:var(--fcc-digit-color);font-family:inherit;font-size:var(--fcc-digit-font-size);color:var(--fcc-digit-color);line-height:0;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;display:flex;align-items:center}._1tbqx ._3cpN7{margin-bottom:calc(var(--fcc-label-font-size)*2)}._3cpN7 ._2EBbg:not(:last-child){margin-right:4px}._3cpN7{position:relative;display:flex;align-items:center}._2aOn7{color:var(--fcc-label-color);line-height:1;font-weight:400;font-size:var(--fcc-label-font-size);position:absolute;bottom:0;left:50%;transform:translate(-50%,150%)}._2EBbg{perspective:200px;position:relative;width:var(--fcc-digit-block-width);height:var(--fcc-digit-block-height);box-shadow:var(--fcc-shadow);border-radius:4px}._106d2,._SKh-V{position:absolute;width:100%;height:50%;overflow:hidden;display:flex;justify-content:center;background:var(--fcc-background)}._SKh-V{align-items:flex-end;top:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:var(--fcc-divider-height) solid var(--fcc-divider-color)}._106d2{align-items:flex-start;bottom:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}._3luxx{position:relative;z-index:2;width:100%;height:50%;transform-style:preserve-3d;transform-origin:bottom;transform:rotateX(0)}._3luxx._2kgZC{transition:transform var(--fcc-flip-duration) ease-in-out;transform:rotateX(-180deg)}._2v-d4{position:absolute;width:100%;height:100%;display:flex;justify-content:center;overflow:hidden;backface-visibility:hidden;background:var(--fcc-background)}._1GZQ7{align-items:flex-end;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:var(--fcc-divider-height) solid var(--fcc-divider-color)}._3AVXa{align-items:flex-start;transform:rotateX(-180deg);border-bottom-left-radius:4px;border-bottom-right-radius:4px}._2hRXr{margin-left:8px;margin-right:8px;height:var(--fcc-digit-block-height);display:flex;flex-direction:column;justify-content:center;align-items:center}._1tbqx ._2hRXr{margin-bottom:calc(var(--fcc-label-font-size)*2)}._2hRXr:after,._2hRXr:before{content:"";width:var(--fcc-separator-size);height:var(--fcc-separator-size);border-radius:50%;background-color:var(--fcc-separator-color)}._2hRXr:before{margin-bottom:var(--fcc-separator-size)}.participantItemSkeleton{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px}.participantItemSkeleton div{display:flex;align-items:center;gap:5px}.scoreboard{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;overflow-y:scroll}.scoreboard .resultSection{width:70%;display:flex;align-items:flex-end;justify-content:space-between}.scoreboard .resultSection>*{width:33%;text-align:center;padding:5px;font-size:20px}.scoreboard .resultSection .firstParticipant .winnerProfile span{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard .resultSection .firstParticipant .winnerProfile span>*{font-size:1em;white-space:nowrap}.scoreboard .resultSection .firstParticipant .podium{color:#fff;padding:5px;background-color:#213547;height:20vh}.scoreboard .resultSection .thirdParticipant .winnerProfile span{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard .resultSection .thirdParticipant .winnerProfile span>*{font-size:1em;white-space:nowrap}.scoreboard .resultSection .thirdParticipant .podium{color:#fff;padding:5px;background-color:#213547;height:10vh}.scoreboard .resultSection .secondParticipant .winnerProfile span{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard .resultSection .secondParticipant .winnerProfile span>*{font-size:1em;white-space:nowrap}.scoreboard .resultSection .secondParticipant .podium{color:#fff;padding:5px;background-color:#213547;height:15vh}.scoreboard .otherParticipants{max-height:30vh;overflow-y:auto;width:70%;display:flex;gap:10px;flex-direction:column}.scoreboard .otherParticipants .participant{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:7px}.scoreboard .otherParticipants .participant .profileSection{display:flex;gap:5px;align-items:center}.scoreboard .otherParticipants .participant img{width:60px;height:100%}@media (max-width: 1200px){.resultModal .modal{height:80%}}@media (max-width: 800px){.resultModal .modal{width:80%}}@media (max-width: 600px){.scoreboard .resultSection{width:90%}}@media (max-width: 500px){.scoreboard .otherParticipants{width:90%}}@media (max-width: 500px){.scoreboard .otherParticipants{max-height:25vh}.scoreboard .resultSection .firstParticipant .podium{height:80px}.scoreboard .resultSection .secondParticipant .podium{height:60px}.scoreboard .resultSection .thirdParticipant .podium{height:40px}}.buttonDropdown{z-index:3;position:relative}.buttonDropdown button{display:flex;gap:2px}.buttonDropdown button.deployed .arrow{rotate:0deg}.buttonDropdown button .arrow{rotate:180deg}.buttonDropdown .dropdownList{padding:7px;background-color:#e5e7eb;position:absolute;inset:0 auto auto 0;transform:translate3d(0,40px,0);display:flex;flex-direction:column;border-radius:0 0 8px 8px}.buttonDropdown .dropdownList a{padding:5px 6px;line-height:normal;color:#000!important}.buttonDropdown .dropdownList a:hover{background-color:#d1d5db}.buttonDropdown .dropdownList[hidden]{display:none}.buttonDropdown button{padding:10px!important;background-color:#1a1a1a;color:#fff}.buttonDropdown button.deployed{border-radius:8px 8px 0 0!important}.modal .importedParticipants{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:16px;padding:16px;justify-items:center;overflow:scroll}.modal .importedParticipants .participantItem{display:flex;flex-direction:column;align-items:center;padding:9px 7px 0;cursor:pointer;border:2px solid transparent}.modal .importedParticipants .participantItem.selected{border:2px solid #213547;border-radius:10px}.modal .importedParticipants .participantItem .name{margin-top:8px;font-size:20px}.modal .importedParticipants .participantItem .avatar{width:100px;height:100px;transition:transform .2s ease-in-out}.modal .importedParticipants .participantItem:hover .avatar,.modal .importedParticipants .participantItem.selected .avatar{transform:scale(1.1)}@media (max-width: 1200px){.importParticipantModal .modal{width:80%!important;height:90%!important}}.modal .setting{display:flex;gap:5px;align-items:center}.modal .setting .selectPointsStyle{padding:7px;font-size:16px;font-family:Gordita,sans-serif}.email,.password{display:flex;flex-direction:column;min-width:200px}.email{min-width:300px}.error{color:red;font-size:16px;margin:0}.loginForm input{box-sizing:border-box;width:100%;border:1px solid #e5e7eb;border-radius:5px;padding:10px 12px;font-family:Gordita,sans-serif;font-size:16px}.email,.password,.repeatedPassword{display:flex;flex-direction:column;width:50%}h1{margin:0}.error,.success{font-size:16px;margin:0}.error{color:red}.success{color:green}.loginForm{margin:auto 0;display:flex;flex-direction:column;gap:15px;align-items:flex-start}.loginForm .loginLabel{margin:0 0 15px}.loginForm input{width:100%;border:1px solid #e5e7eb;border-radius:5px;padding:10px 12px;font-family:Gordita,sans-serif;font-size:16px}.loginForm .actions{display:flex;flex-direction:column;align-items:flex-start}.loginForm .actions .loginAction{display:flex;align-items:center;gap:12px}.loginForm .actions .loginAction *{height:fit-content}:root{font-family:Gordita,sans-serif;line-height:1.5;font-weight:500;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}