.user-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.user-title{font-size:24px;font-weight:700}.user-desc,.user-title{font-family:Quicksand,Arial,Helvetica,sans-serif;color:#fff;padding:0;margin:0;text-align:center}.user-desc{font-size:16px;font-weight:500}.user-input-container{max-height:80vh;max-height:80dvh;padding:0;margin:0;gap:10px}.user-input,.user-input-container{height:-moz-fit-content;height:fit-content;width:100%;max-width:400px;display:flex;flex-direction:column}.user-input{overflow:scroll;align-items:center;justify-content:center;padding:10px;overflow:hidden}.user-list{height:-moz-fit-content;height:fit-content;width:100%;overflow:scroll;max-height:50vh;max-height:50dvh;display:flex;flex-direction:column;gap:5px;padding:0 0 10px;overflow:auto}.user-list--empty{padding:0;margin:0;overflow:hidden}.user{width:100%;height:40px;padding:5px 10px;background:#f2f8fc;border-radius:5px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.user-text{font-family:Quicksand,Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;color:#525252;padding:0;margin:0}.user-delete{margin-left:auto;background:linear-gradient(124.35deg,#c92828 21.43%,#b32424 81.29%)}.user-input-form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:-moz-fit-content;height:fit-content}.user-input-form button,.user-input-form input{width:100%}.user-input-form button:focus{outline:none;border:none}.user-input-form button:focus-visible{outline:none;border:none}.user-input-form-button-container{display:flex;flex-direction:row;justify-content:center;width:100%;gap:10px}.user-form-start-container{max-width:400px;width:100%;height:-moz-fit-content;height:fit-content;padding:0 10px 10px;display:flex;flex-direction:row;gap:10px}.user-form-start-container button{width:100%}.user-form-start-container button:focus{outline:none;border:none}.user-form-start-container button:focus-visible{outline:none;border:none}.layout-manager{position:absolute;top:0;overflow:hidden}.active-meeting,.layout-manager{height:100vh;width:100vw;height:100dvh;width:100dvw}.active-meeting{place-content:center;display:grid;grid-template-columns:2fr 3fr;grid-template-rows:1fr;grid-column-gap:10px;grid-row-gap:0;padding:10px;overflow:hidden}.active-meeting__hidden-layout{opacity:0;position:absolute;top:0;pointer-events:none}.active-user-list{height:-moz-fit-content;height:fit-content;gap:2px}.random-order-button{width:100%;height:50px}.active-user{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.user-order-indicator{width:35px;height:35px;border-radius:50%;border:1px solid #000;display:flex;justify-content:center;align-items:center}.random-order-button-container{width:100%;display:flex;flex-direction:row;gap:10px;padding:0 10px}.active-user-list-container{background:rgba(0,0,0,.2);border-radius:20px;padding:10px;grid-area:1/1/2/2;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}.active-user-list,.active-user-list-container{display:flex;flex-direction:column;width:100%;height:100%}.active-user-list{gap:10px;overflow:auto}.active-user-item{height:60px;width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;border-radius:10px;outline:none;background:hsla(0,0%,100%,.2);border:2px solid transparent;border-top:none;border-bottom:none}.active-user-item:last-of-type{margin-bottom:3px}.active-user-item--active{background:linear-gradient(0deg,#d7d7d7 -2.44%,#fff)}.active-user-item--inactive{background:transparent;opacity:.4;border:2px solid #fff}.active-user-item-text{font-family:Quicksand,Helvetica,Arial,sans-serif;font-weight:600;font-size:6vh;line-height:7vh;letter-spacing:0;color:#fff;text-align:left;margin:0;padding-left:15px;white-space:nowrap;text-overflow:ellipsis}.active-user-item-text--active{color:#525252}.active-user-list-button-container{display:flex;flex-direction:row;justify-content:center;width:100%;height:10vh;gap:10px;margin-top:5px}.active-user-list-break-line{width:calc(100% - 14px);height:2px;background:#fff;opacity:.3;margin-top:2px;margin-left:auto;margin-right:auto}.active-user-list-button{width:100%;height:10dvh;background:rgba(0,0,0,.2);border-radius:10px;border:none;outline:none;display:grid;place-content:center}.active-user-list-button--disabled{opacity:.4}.active-user-list-button__random-order{width:7vh;height:7vh}.active-user-list-button__next{width:7vh;height:7vh;transform:rotate(180deg)}.active-user-list-button__cancel{width:5vh;height:5vh}.timer-container{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);background:rgba(0,0,0,.2);border-radius:20px;grid-area:1/2/2/3;gap:20px}.time-container,.timer-container{width:100%;height:100%;flex-direction:column;position:relative}.time,.time-container,.timer-container{display:flex;justify-content:center;align-items:center}.time{flex-direction:row;gap:0}.time--inactive{opacity:.45}.time--paused{opacity:.9}.timer-button{background:rgba(0,0,0,.1);opacity:.8;outline:none;border:none;width:10dvw;height:10dvh;border-radius:10px;display:grid;place-content:center}.timer-button--disabled{opacity:.4}.timer-button svg{width:5vh;height:5vh}.timer-buttons{bottom:10px;flex-direction:row;gap:5px}.timer-buttons,.timer-desc{position:absolute;display:flex;justify-content:center;align-items:center}.timer-desc{visibility:hidden;top:3vh;margin:0;width:calc(100% - 20px);border-radius:10px;flex-direction:column}.timer-desc__with-background{background-color:rgba(0,0,0,.2);padding:10px;margin:0;border:none;outline:none}.timer-desc__paused{opacity:.5;padding:10px}.timer-desc__first-line,.timer-desc__paused{font-family:Quicksand,Helvetica,Arial,sans-serif;font-weight:600;font-size:1.6rem;line-height:2rem;letter-spacing:0;text-align:center;color:#fff}.timer-desc__first-line{opacity:.8}.timer-desc__second-line{font-family:Quicksand,Helvetica,Arial,sans-serif;font-weight:400;font-size:1.2rem;line-height:1.5rem;letter-spacing:0;text-align:center;color:#fff;opacity:.8}.timer-desc--visible{visibility:visible}.time-char{font-family:Quicksand,Helvetica,Arial,sans-serif;font-weight:600;font-size:42vh;line-height:16vh;letter-spacing:0;text-align:center;color:#fff;margin:0}.orientation-lock{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.orientation-lock p{color:#fff;font-family:Quicksand,Helvetica,Arial,sans-serif;font-weight:500;font-size:32px;line-height:40px;letter-spacing:0}