.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}.flash-brightness{position:absolute;top:0;left:0;inset:0;background:#fff;opacity:.3;pointer-events:none;z-index:9999;animation:flashOut .5s ease-out forwards;border-radius:20px}@keyframes flashOut{0%{opacity:.3}to{opacity:0}}.active-user-list-container{background:rgba(0,0,0,.1);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{min-height:52.5px;max-height:52.5px;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--container{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;gap:10px;min-height:52.5px;max-height:52.5px}.active-user-item--active{background:linear-gradient(0deg,#d7d7d7 -2.44%,#fff)}.active-user-item--inactive{opacity:.2}.active-user-item--config{width:calc(100% - 50px)}.active-user-item--delete{color:#fff;background:hsla(0,0%,100%,.2);width:50px;height:100%;border-radius:10px;display:flex;justify-content:center;align-items:center;outline:none;border:none}.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:10dvh;gap:10px;margin-top:5px}.active-user-list-break-line{width:100%;height:2px;background:#fff;opacity:.3;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:7dvh;height:7dvh}.active-user-list-button__next{width:7dvh;height:7dvh;transform:rotate(180deg)}.active-user-list-button__cancel{width:5dvh;height:5dvh}.drag-warning{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;font-weight:600;font-size:clamp(16px,3dvh,24px);text-align:center;padding:10px}.draggable--dragging{transition:none!important}.timer-container{width:100%;height:100%;max-height:calc(100dvh - 20px);box-sizing:border-box;display:flex;justify-content:center;align-items:center;grid-area:1/2/2/3;position:relative}.time-content-container{width:100%;height:100%;display:flex;flex-direction:column;padding:10px;background:rgba(0,0,0,.1);border-radius:20px;overflow:hidden;gap:2%}.time-content-container .next-speaker-trigger{background:transparent;border:none;width:100%;position:absolute;top:0;height:calc(100% - max(20dvh,70px));z-index:99}.timer-header-description{flex:0 0 20dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;gap:clamp(4px,1.5dvh,10px)}.timer-header-description .header-line{margin:0;font-family:Quicksand,Helvetica,Arial,sans-serif;color:#fff}.timer-header-description .header-line--1{font-size:clamp(1rem,4dvh,32px);font-weight:600}.timer-header-description .header-line--2{font-size:clamp(.85rem,3dvh,24px);font-weight:400}.timer-header-description .header-line--3{font-size:clamp(1.1rem,4.5dvh,36px);font-weight:400}.time-display{flex:1 1 auto;width:100%;justify-content:center;padding:0}.time-display,.time-text{display:flex;align-items:center;overflow:hidden}.time-text{line-height:1;font-family:Quicksand,Helvetica,Arial,sans-serif;font-weight:700;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:20dvh}@media(min-height:240px){.time-text{font-size:25dvh}}@media(min-height:300px){.time-text{font-size:35dvh}}@media(min-height:400px){.time-text{font-size:38dvh}}.time-text__overtime{color:#f3abab}.time-text__inactive{opacity:.6}.time-char{display:inline-block;width:.59em;text-align:center}.time-char__colon{width:.25em}.timer-local-time{flex:0 0 auto;text-align:center;font-size:clamp(1rem,4dvh,36px);color:#fff;opacity:.6;font-family:Quicksand,Helvetica,Arial,sans-serif;padding-bottom:clamp(4px,1.5dvh,10px)}.control-buttons{flex:0 0 auto;width:100%;gap:clamp(4px,2vw,10px);margin-top:auto}.control-buttons,.timer-button{display:flex;justify-content:center;align-items:center}.timer-button{flex:1 1;height:clamp(40px,10dvh,60px);background:rgba(0,0,0,.2);border:none;border-radius:10px;cursor:pointer}.timer-button svg{width:50%;height:auto;max-height:60%}.timer-button--disabled{opacity:.4;cursor:not-allowed}.random-order-container{display:flex;flex-direction:column;width:100%;height:100%;max-height:calc(100dvh - 20px);padding:10px;background:rgba(0,0,0,.1);border-radius:20px;color:#fff;position:relative;opacity:1;pointer-events:all}.random-order-container,.random-order-container button{font-family:Quicksand,Helvetica,Arial,sans-serif}.random-order-container__hidden{opacity:0;pointer-events:none;position:absolute}.random-order-container__modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.3);border-radius:20px}.random-order-container__modal-btn-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(251.74deg,#004d85 .77%,#5eb7de 103.55%);width:min(90%,420px);padding:2%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;border-radius:20px}.random-order-container__modal-btn-container button{width:100%;font-weight:700}.random-order-container__modal-btn-container .input-message{height:clamp(40px,6dvh,60px);font-weight:700;font-size:clamp(1rem,2.5dvh,2rem);display:flex;justify-content:center;align-items:center;color:#fff;white-space:nowrap}.random-order-container__modal-btn-container .input-message input{width:clamp(60px,25%,100px);height:100%;outline:none;border:none;margin:0 5px;background:hsla(0,0%,100%,.1);color:#fff;font-size:clamp(1.2rem,2.5dvh,2rem);font-weight:400;border-radius:5px;padding-left:1.5rem}.reminder-container{display:flex;flex-direction:column;height:100%;width:100%;max-height:100%;gap:clamp(4px,1.5dvh,10px);font-family:Quicksand,Helvetica,Arial,sans-serif}.reminder-row{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100%;gap:clamp(4px,2vw,10px);font-size:clamp(14px,2dvh,24px);font-weight:600;white-space:nowrap}.reminder-row--capped{max-height:60px;align-items:stretch;font-weight:700}.reminder-row--growable{max-height:120px;align-items:stretch}.reminder-row--capped .reminder-btn,.reminder-row--growable .reminder-btn{height:100%;flex:1 1;padding:0;display:flex;justify-content:center;align-items:center;font-size:inherit;font-family:Quicksand,Helvetica,Arial,sans-serif}.reminder-row--flexible-space{flex:2 1;min-height:0}.reminder-row--centered{max-height:40px;align-items:center;font-weight:700}.reminder-row--controls{font-weight:400}.reminder-btn{flex:1 1;padding:.5em 1em;background:rgba(0,0,0,.2);border-radius:10px;border:none;color:#fff;text-align:center;font-size:inherit;font-weight:inherit;display:flex;align-items:center;justify-content:center}.reminder-btn p{margin:0}.reminder-btn__custom-target{max-width:200px}.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}