html,body,main{margin:0;height:100%;font-family:"Helvetica","Arial",sans-serif;touch-action:manipulation}noscript{text-align:center;font-weight:bold;color:#d00}a{color:#53d}a:hover{color:#86f}a:active{color:#dce}.destructive{color:#d00 !important}.swal-modal{animation:none !important}.swal-overlay:not(.swal-overlay--show-modal){pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.swal-title{font-size:22px}.swal-text{font-size:18px;text-align:center}.swal-button{background-color:#53d}.swal-button:hover{background-color:#86f}.swal-button:active{background-color:#dce}.swal-button--cancel{background-color:#ddd}.swal-button--danger{background-color:#d00}.context-menu{opacity:0;padding:6px;background:rgba(250,250,250,.9803921569);box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843);border-radius:12px;font-size:14px;overflow-x:visible;overflow-y:auto;transition:all .15s ease-in-out;position:fixed;display:block;z-index:10000;min-width:150px;max-width:90%;max-height:80%;overflow-x:hidden;transition:opacity .1s ease-in-out}@supports((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){.context-menu{background:rgba(250,250,250,.9411764706);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.context-menu:not(.visible){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.context-menu.visible{opacity:1}.context-menu .list-item{line-height:20px;padding:8px;border-radius:8px;color:#333;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:2px}.context-menu .list-item.disabled{opacity:.5;cursor:default}.context-menu .list-item.destructive{color:#d00}.context-menu .list-item:hover:not(.disabled),.context-menu .list-item.highlighted{background-color:rgba(221,221,221,.6666666667)}.context-menu .list-item:active:not(.disabled){background-color:rgba(221,221,221,.3333333333);color:#aaa}.context-menu hr{margin:4px !important;padding:0 !important;height:0px !important;color:#ddd !important;opacity:.25;cursor:default}.context-menu .context-menu-item{position:relative;display:block;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.context-menu .context-menu-item.submenu-item,.context-menu .context-menu-item.selected{padding-right:30px !important}.context-menu .context-menu-item.submenu-item::after{content:"";position:relative;float:right;margin-right:-20px;height:0;top:6px;border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);border-left:4px solid #333}.context-menu .context-menu-item.selected:not(.submenu-item)::after{content:"✓";font-size:14px;position:relative;float:right;margin-right:-24px}.context-menu-background-blocking{position:fixed;display:block;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:rgba(0,0,0,0)}.temporary-notification-banner{opacity:0;position:fixed;top:0;left:0;width:100%;height:20px;line-height:20px;font-size:13px;color:#000;background-color:#fff;text-align:center;z-index:999999;padding:0;margin:0;cursor:default;transition:opacity .5s,transform .5s,box-shadow .5s;transform:translateY(-20px)}.temporary-notification-banner.prominent{background-color:#53d;color:#fff}.temporary-notification-banner.visible{opacity:1;transform:translateY(0);box-shadow:0px 1px 3px 2px rgba(0,0,0,.0823529412)}.persistent-notification-banner{opacity:0;position:fixed;top:0;left:0;width:100%;height:20px;line-height:20px;font-size:13px;text-align:center;color:#53d;background-color:#fff;z-index:999998;padding:0;margin:0;cursor:default;transition:opacity .5s,transform .5s,box-shadow .5s;transform:translateY(-20px)}.persistent-notification-banner.prominent{background-color:#53d;color:#fff}.persistent-notification-banner.visible{opacity:1;transform:translateY(0);box-shadow:0px 1px 3px 2px rgba(0,0,0,.0823529412)}#whiteboard-templates-list-container .list-wbtpitem,#whiteboard-templates-list-container .list-wbtprem,#whiteboard-templates-list-container .list-wbtpquit{border-radius:12px;border:1px solid #eaeaea;padding:8px;margin:8px 4px;color:#000;cursor:pointer;text-align:left;overflow:hidden;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667)}#whiteboard-templates-list-container .list-wbtpitem:hover,#whiteboard-templates-list-container .list-wbtprem:hover,#whiteboard-templates-list-container .list-wbtpquit:hover{background-color:rgba(221,221,221,.2666666667);box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}#whiteboard-templates-list-container .list-wbtpitem:active,#whiteboard-templates-list-container .list-wbtprem:active,#whiteboard-templates-list-container .list-wbtpquit:active{background-color:rgba(221,221,221,.1333333333);color:#aaa;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667)}#whiteboard-templates-list-container .list-wbtprem,#whiteboard-templates-list-container .list-wbtpquit{text-align:center;line-height:32px;font-weight:bold}#whiteboard-templates-list-container .list-wbtprem{color:#53d}#whiteboard-templates-list-container .list-wbtpquit{color:#333}#whiteboard-templates-list-container .list-wbtpitem img{float:left;width:72px;height:72px;margin-right:16px;-o-object-fit:contain;object-fit:contain}#whiteboard-templates-list-container .list-wbtpitem div.title{font-weight:bold;color:#53d;margin:4px 0px}#whiteboard-templates-list-container .list-wbtpitem div.description{font-size:90%;color:#333}@media screen and (max-width: 480px){#whiteboard-templates-list-container .list-wbtpitem{text-align:center}#whiteboard-templates-list-container .list-wbtpitem img{width:144px;height:144px;float:none;margin-right:0px}}#room-settings-modal{padding:8px;text-align:left}.item-list-text-field-container span{display:block;float:left;color:#53d;background:#fff;border:1px solid #53d;font-weight:bold;padding:4px 8px;padding-right:24px;margin:4px;border-radius:4px}.item-list-text-field-container span:after{position:absolute;content:"×";padding:3px 6px;margin-left:4px;font-size:12px}.item-list-text-field-container span:hover{opacity:.7}#tutorial-overlay{display:none;position:absolute;top:0px;left:0px;bottom:0px;right:0px;background-color:rgba(0,0,0,.3333333333);z-index:1000}#tutorial-overlay.visible{display:block}#tutorial-overlay>*{display:none}#tutorial-overlay>*.visible{display:block}#tutorial-overlay *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#tutorial-overlay #center-popup{background-color:#fff;box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:16px;padding:8px;max-width:400px;width:90%;text-align:center}#tutorial-overlay #center-popup h1,#tutorial-overlay #center-popup h2,#tutorial-overlay #center-popup h3,#tutorial-overlay #center-popup h4,#tutorial-overlay #center-popup h5,#tutorial-overlay #center-popup h6{margin:8px auto;padding:0}#tutorial-overlay #center-popup img{margin:0 auto;max-width:min(400px,50vh);border-radius:8px;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;aspect-ratio:4/3;background-color:#fff}#tutorial-overlay #reference-object{position:absolute;top:30px;left:30px;width:50px;height:50px;padding:8px;transform:translate(-8px, -8px);background-color:#fed;box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843);background-color:rgba(255,255,255,.3333333333);-webkit-backdrop-filter:brightness(1.25) contrast(1.5);backdrop-filter:brightness(1.25) contrast(1.5);border-radius:8px;border-color:rgba(136,136,136,.5333333333)}#tutorial-overlay #reference-object .tooltiptext{width:204px;color:#000;background-color:#fed;box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843);text-align:center;border-radius:6px;padding:8px;transform:translateX(-50%);position:absolute;z-index:1}#tutorial-overlay #reference-object .tooltiptext.top{bottom:calc(100% + 10px);left:50%;margin-left:div(-220px, 2)}#tutorial-overlay #reference-object .tooltiptext.top::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#fed rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}#tutorial-overlay #reference-object .tooltiptext.bottom{top:calc(100% + 10px);left:50%;margin-left:div(-220px, 2)}#tutorial-overlay #reference-object .tooltiptext.bottom::after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fed rgba(0,0,0,0)}#tutorial-overlay #reference-object .tooltiptext.leftAlign{margin-left:-16px;transform:unset}#tutorial-overlay #reference-object .tooltiptext.leftAlign::after{left:16px}#tutorial-overlay #reference-object .tooltiptext.rightAlign{margin-left:-204px;transform:unset}#tutorial-overlay #reference-object .tooltiptext.rightAlign::after{left:204px}@keyframes backgroundFadeOut{0%{opacity:0;transform:scale(1)}10%{transform:scale(1.2);filter:blur(0px)}10%{opacity:1}20%{opacity:.2}100%{opacity:.3;transform:scale(1.05);filter:blur(2px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes slidingGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#scroll-button:hover{background-color:#d3d3d3;cursor:pointer;transition:background-color .2s ease}#landing-front{width:100%}#landing-front .background-banner{position:fixed;width:100%;height:105%;margin:0 auto;z-index:-1;-o-object-fit:cover;object-fit:cover;animation:backgroundFadeOut 10s forwards}#landing-front .logo-banner{width:50vh;width:min(min(720px,80vw),50vh);height:18.75vh;height:calc(min(min(720px,80vw),50vh)/8*3);text-align:center;margin:0 auto;margin-top:30px;display:block;opacity:0;animation:slideIn .5s .9s forwards}#landing-front .logo-subtitle{top:16px;margin:0 auto;font-size:20px;font-size:min(min(40px,4vw),3vh);text-align:center;display:block;color:#54f;opacity:0;font-weight:bold;font-style:italic;animation:slideIn .5s 1s forwards}#landing-front div#login-form{display:flex;flex-flow:column nowrap;padding:32px 8px;margin:0 auto;color:#333;font-weight:bold;opacity:0;animation:slideIn .5s forwards 1.2s}#landing-front div#login-form button{margin:8px auto;width:240px;display:block;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;font-weight:bold;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;transition:all .2s ease-in-out;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667),2px 2px 4px 2px rgba(0,0,0,.0666666667);color:#53d;cursor:pointer;height:48px}#landing-front div#login-form button:hover:not(:disabled){border-color:gray}#landing-front div#login-form button:disabled{border-color:#ccc !important;color:#ccc !important;cursor:not-allowed}#landing-front div#login-form button:disabled:before{opacity:.25}#landing-front div#login-form button:hover:not(:disabled){box-shadow:2px 2px 4px 2px rgba(0,0,0,.1333333333),3px 3px 6px 2px rgba(0,0,0,.1333333333)}#landing-front div#login-form button:active:not(:disabled){box-shadow:1px 1px 2px 1px rgba(0,0,0,.1333333333)}#landing-front div#login-form button:focus{outline:none;box-shadow:2px 2px 4px 2px rgba(0,0,0,.1333333333),3px 3px 6px 2px rgba(0,0,0,.1333333333);border-color:#53d !important;border-style:dashed}#landing-front div#login-form h3{text-align:center}#landing-front div#login-form #login-submit-guest{border-color:#dce}#landing-front div#login-form #login-submit-guest:hover{border-color:#86f}#landing-front div#login-form #login-submit-microsoft{color:#333;text-align:left}#landing-front div#login-form #login-submit-microsoft:before{content:"";background:url(/https/loci.ink/assets/microsoft-logo.png) no-repeat;background-size:contain;background-position:center;width:24px;height:100%;margin-left:8px;margin-right:14px;margin-top:-6px;margin-bottom:-6px;display:inline-block}#landing-front div#login-form #login-submit-google{color:#333;text-align:left}#landing-front div#login-form #login-submit-google:before{content:"";background:url(/https/loci.ink/assets/google-logo.png) no-repeat;background-size:contain;background-position:center;width:23px;height:100%;margin-left:9px;margin-right:20px;margin-top:-6px;margin-bottom:-6px;display:inline-block}#promo-landing{opacity:0;animation:fadeIn .8s forwards 1.5s;background:#fff;overflow:hidden}@supports((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){#promo-landing{background:rgba(255,255,255,.3333333333);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}#promo-landing sup a{color:#333;text-decoration:none}#promo-landing sup a:hover{color:#53d;text-decoration:underline}#promo-landing sup a:active{text-decoration:none}#promo-landing #landing{background:#53d;background:linear-gradient(45deg, rgba(0, 136, 255, 0.9333333333), rgba(153, 34, 255, 0.9333333333));background-size:200% 200%;padding:16px 64px;margin:0 auto;color:#fff;font-size:12px;font-size:min(15px,3vw);text-align:center;display:block;animation:slidingGradient 10s ease 2s infinite}#promo-landing #content{padding:32px}#promo-landing #content>div{margin-bottom:64px}#promo-landing #content #highlights .feature{display:flex;flex-flow:row;margin:16px 0;padding-bottom:32px;align-items:center}#promo-landing #content #highlights .feature img{padding:8px;width:512px;background-color:#fff;-o-object-fit:contain;object-fit:contain;box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843);border-radius:8px}#promo-landing #content #highlights .feature .text{padding:0 16px;padding-bottom:48px;vertical-align:middle}#promo-landing #content #highlights .feature:nth-child(even){flex-flow:row-reverse}#promo-landing #content #final-intro{width:100%;max-width:500px;margin-left:auto;margin-right:auto}#promo-landing #content #final-intro>*{display:block;margin:0 auto;text-align:center}#promo-landing #content #final-intro img.logo{transition:transform .2s ease-out}#promo-landing #content #final-intro img.logo:hover{transform:scale(1.02) translateY(-5px) rotate(1deg)}#promo-landing #content #final-intro img.logo:active{transform:scale(1.01) translateY(-2px) rotate(-1deg)}#promo-landing #content #features-wrapper{position:relative}#promo-landing #content #features-wrapper #features{position:relative;display:block;padding:24px;height:400px;perspective:2000px}#promo-landing #content #features-wrapper #features h3{margin-top:0;text-align:center}#promo-landing #content #features-wrapper #features p{color:gray;font-style:italic;text-align:center}#promo-landing #content #features-wrapper #features .card{position:absolute;top:0;left:0;right:0;bottom:0;width:250px;height:320px;padding:16px;margin:16px auto;background-color:#fff;box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843);border-radius:8px;transform:scale(0.1);transition:transform .25s ease,opacity .25s ease;opacity:0;z-index:995;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}#promo-landing #content #features-wrapper #features .card.center{transform:unset;-webkit-user-select:unset;-moz-user-select:unset;user-select:unset;opacity:1;z-index:1000}#promo-landing #content #features-wrapper #features .card.left{transform:translateX(calc(-100% + 30px)) scale(0.9) rotateY(30deg);color:#333;opacity:1;z-index:999}#promo-landing #content #features-wrapper #features .card.right{transform:translateX(calc(100% - 30px)) scale(0.9) rotateY(-30deg);color:#333;opacity:1;z-index:999}#promo-landing #content #features-wrapper #features .card.left-far{transform:translateX(calc(-150% - 20px)) scale(0.7) rotateY(60deg);opacity:.3;z-index:998}#promo-landing #content #features-wrapper #features .card.right-far{transform:translateX(calc(150% + 20px)) scale(0.7) rotateY(-60deg);opacity:.3;z-index:998}#promo-landing #content #features-wrapper #features .card.left-far-hidden{transform:translateX(calc(-150% - 20px)) scale(0.7) rotateY(60deg);opacity:0;z-index:997}#promo-landing #content #features-wrapper #features .card.right-far-hidden{transform:translateX(calc(150% + 20px)) scale(0.7) rotateY(-60deg);opacity:0;z-index:997}#promo-landing #content #features-wrapper #features ul{margin:0;padding:0;list-style:none;line-height:1.8}#promo-landing #content #features-wrapper #features ul li:before{margin-right:16px;content:"✓"}@media(max-width: 400px){#promo-landing #content #features-wrapper #features{transform:scale(0.9)}}#promo-landing #footer{background-color:rgba(238,238,238,.3333333333);color:#555;padding:32px;font-size:13px}#promo-landing #footer .footnotes-list{max-width:1366px;margin:0 auto;padding:8px 0px;font-size:10px;line-height:15px}#promo-landing #footer .footnotes-list ol{padding-inline-start:20px;padding-inline-end:20px}#promo-landing #footer .footnotes-list li{margin-bottom:16px}#promo-landing #footer .footnotes-company{line-height:1;text-align:center}#promo-landing #footer .footnotes-company a{color:#555}#promo-landing #footer .footnotes-company a:hover{color:#53d}#promo-landing #footer .footnotes-company a:active{color:#86f}#promo-landing #footer .footnotes-company img.logo{width:128px;height:auto}@media(max-width: 840px){#promo-landing #landing{padding:16px}#promo-landing #content #highlights .feature{margin:16px;flex-flow:column !important}#promo-landing #content #highlights .feature img{margin:0 auto;width:90%}#promo-landing #content #highlights .feature .text{padding-bottom:32px}#promo-landing #content #pricing{margin:20px auto;width:360px}#promo-landing #content #pricing #plans{flex-flow:column;gap:16px}}@media(max-width: 480px){#promo-landing #content{padding:16px}#promo-landing #content #highlights .feature{margin:8px}#promo-landing #content #pricing{width:95%}}@media(min-width: 1024px){#promo-landing #content{margin:0 auto;width:960px}}#app{touch-action:pan-x pan-y}#app br,#app hr{color:rgba(136,136,136,.0666666667);border-width:1px;margin:2px}#app canvas[resize]{top:0;left:0;bottom:0;right:0;position:fixed;width:100%;height:100%;transition:opacity .05s ease-in-out;cursor:crosshair}#app canvas[resize]#baseCanvas{background-color:#fff}#app canvas[resize].pointer-draw{cursor:crosshair}#app canvas[resize].pointer-select{cursor:default}#app canvas[resize].pointer-text{cursor:text}#app canvas[resize].pointer-pan{cursor:move}#app canvas[resize].pointer-scroll{cursor:all-scroll}#app canvas[resize].pointer-zoom,#app canvas[resize].pointer-zoom-in{cursor:zoom-in}#app canvas[resize].pointer-zoom-out{cursor:zoom-out}#app canvas[resize].pointer-select-drag{cursor:move}#app canvas[resize].fileDrop{border:20px dashed #53d;transform:scale(0.95);margin:-20px}#app .disable-user-interaction{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}#app #dev-warning{color:gray;bottom:0;left:0;right:0;max-width:720px;margin:0 auto;padding:4px;position:absolute;z-index:9999;text-align:center;opacity:.8;font-size:11px;pointer-events:none}#app #dev-warning b{color:red}@media(max-height: 320px){#app #dev-warning{display:none}}#app #main-container{position:absolute;top:0;bottom:0;left:0;right:0;padding:0;overflow:hidden;transition:top .5s ease-in-out}#app #main-container.persistent-notification-visible{top:20px}#app #loading-overlay{background-color:rgba(255,255,255,.6666666667);position:sticky;cursor:wait;-webkit-user-select:none;-moz-user-select:none;user-select:none;top:0;left:0;width:100%;height:100%;z-index:500;transition:opacity .3s ease-out}#app #loading-overlay:not(.visible){opacity:0;pointer-events:none;cursor:unset}#app #loading-overlay .logo{display:none}#app #loading-overlay.show-logo .logo{position:absolute;display:inline-block;width:128px;height:128px;top:calc(50% - 64px - 84px);left:calc(50% - 64px)}#app #loading-overlay.show-logo .lds-dual-ring{top:calc(50% - 48px + 56px)}#app #loading-overlay .lds-dual-ring{position:absolute;display:inline-block;width:92px;height:92px;top:calc(50% - 46px);left:calc(50% - 46px)}#app #loading-overlay .lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #53d;border-color:#53d rgba(0,0,0,0) #53d rgba(0,0,0,0);animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#app #chatBtn{position:absolute;right:16px;bottom:16px;z-index:100;width:44px;height:44px;border-radius:50%;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667),2px 2px 4px 2px rgba(0,0,0,.0666666667);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background-color:#fff;transition:all ease-in .1s}#app #chatBtn:focus{outline:none;background-color:#fcfaff}#app #chatBtn.unread:before{position:absolute;top:0;right:0;width:12px;height:12px;border-radius:6px;background-color:#d00;content:""}#app #chatBtn:hover{transform:translateY(-2px);box-shadow:2px 2px 4px 2px rgba(0,0,0,.1333333333),3px 3px 6px 2px rgba(0,0,0,.1333333333);cursor:pointer}#app #chatBtn:active{box-shadow:1px 1px 2px 1px rgba(0,0,0,.1333333333)}#app.flipped-ui #chatBtn{right:auto;left:16px}#app #chatOverlay{position:absolute;bottom:72px;right:16px;height:60%;max-height:calc(100% - 72px - 72px);width:250px;box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843);border-radius:12px;display:flex;flex-flow:column;background:rgba(250,250,250,.9803921569);z-index:80;transition:all .2s ease-in-out}@supports((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){#app #chatOverlay{background:rgba(250,250,250,.9411764706);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}#app #chatOverlay:not(.visible){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;opacity:0;transform:translateY(40px)}#app #chatOverlay #chatHistory{flex:1;list-style:none;margin:0;padding:16px;overflow-wrap:break-word;overflow-y:scroll;overflow-x:hidden}#app #chatOverlay #chatHistory li{margin:4px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app #chatOverlay #chatHistory li.status-message{color:#aaa;font-style:italic}#app #chatOverlay #chatHistory hr#chatUnreadMarker{border:none;border-top:1px solid #d00;padding-bottom:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app #chatOverlay #chatHistory hr#chatUnreadMarker:after{content:"New Messages";font-size:12px;display:block;text-align:center;line-height:20px;color:#d00}#app #chatOverlay #chatSend{display:flex;flex-flow:row;padding:8px;height:32px;gap:8px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:rgba(255,255,255,.6666666667)}#app #chatOverlay #chatSend #chatMessage{height:100%;width:100%;box-sizing:border-box;padding:0 8px;border:none;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667);transition:box-shadow .2s ease-in-out}#app #chatOverlay #chatSend #chatMessage:focus{outline:none}#app #chatOverlay #chatSend #chatMessage:hover,#app #chatOverlay #chatSend #chatMessage:focus{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}#app #chatOverlay #chatSend #chatMessage:active{box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667)}#app #chatOverlay #chatSend #chatSendBtn{width:50px;height:100%;border:none;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667);padding:0px 8px;transition:box-shadow .2s ease-in-out;color:#53d;font-size:20px}#app #chatOverlay #chatSend #chatSendBtn:focus{outline:none;border:1px dotted gray}#app #chatOverlay #chatSend #chatSendBtn:focus,#app #chatOverlay #chatSend #chatSendBtn:hover{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}#app #chatOverlay #chatSend #chatSendBtn:active{box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667)}#app #chatOverlay #chatSend #chatMessageReplyOverlay{position:relative;bottom:32px;border:2px solid red}#app.flipped-ui #chatOverlay{right:auto;left:16px}#app #top-picker-container{display:flex;flex-flow:column nowrap;position:relative;top:0;left:0;margin:8px;margin-bottom:0;width:auto;max-width:416px;border-radius:25px;z-index:100;padding:0px;background:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease-out}#app #top-picker-container:not(.expanded) #pickers-container{margin:0}#app #top-picker-container:not(.expanded) .picker-container{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}#app #top-picker-container.expanded{box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843);background:rgba(250,250,250,.9803921569)}@supports((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){#app #top-picker-container.expanded{background:rgba(250,250,250,.9411764706);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}#app #members-container{opacity:0;padding:6px;background:rgba(250,250,250,.9803921569);box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843);border-radius:12px;font-size:14px;overflow-x:visible;overflow-y:auto;transition:all .15s ease-in-out;top:72px;left:8px;width:300px;position:absolute;margin:0px 8px;height:auto;max-height:50%;z-index:90}@supports((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){#app #members-container{background:rgba(250,250,250,.9411764706);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}#app #members-container:not(.visible){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}#app #members-container.visible{opacity:1}#app #members-container .list-item{line-height:20px;padding:8px;border-radius:8px;color:#333;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:2px}#app #members-container .list-item.disabled{opacity:.5;cursor:default}#app #members-container .list-item.destructive{color:#d00}#app #members-container .list-item:hover:not(.disabled),#app #members-container .list-item.highlighted{background-color:rgba(221,221,221,.6666666667)}#app #members-container .list-item:active:not(.disabled){background-color:rgba(221,221,221,.3333333333);color:#aaa}#app #members-container hr{margin:4px !important;padding:0 !important;height:0px !important;color:#ddd !important;opacity:.25;cursor:default}#app #members-container:not(.visible){transform:translateY(-40px)}#app #members-container .list-item i{float:right;display:block;height:100%;padding:4px;margin:-2px;border:1px solid rgba(0,0,0,0)}#app #members-container .list-item.stop-track-btn{color:#d00}#app #corner-shortcut-container{bottom:8px;left:8px;position:absolute;display:flex;flex-flow:row nowrap;align-content:center;max-width:100%;padding:2px 0px;margin:4px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease-in-out;z-index:100}#app #corner-shortcut-container>div{border:1px solid rgba(0,0,0,0);cursor:pointer;margin:2px;min-width:36px;height:36px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;color:#000;border:none;border-radius:99999px;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667),2px 2px 4px 2px rgba(0,0,0,.0666666667);transition:box-shadow .2s ease-in-out,transform .1s ease-in-out}#app #corner-shortcut-container>div:focus{outline:none;background-color:#fcfaff}#app #corner-shortcut-container>div.disabled{color:rgba(170,170,170,.6666666667);cursor:unset;pointer-events:none}#app #corner-shortcut-container>div:hover:not(.disabled){box-shadow:2px 2px 4px 2px rgba(0,0,0,.1333333333),3px 3px 6px 2px rgba(0,0,0,.1333333333)}#app #corner-shortcut-container>div:active:not(.disabled){box-shadow:1px 1px 2px 1px rgba(0,0,0,.1333333333)}#app #corner-shortcut-container>div>span{padding:0px 16px;line-height:36px;text-align:center;vertical-align:middle}#app #corner-shortcut-container>div>span.las{font-size:20px}#app #corner-shortcut-container>div>span#currentWhiteboardLabel{display:inline-block;padding-left:0;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}#app.flipped-ui #corner-shortcut-container{left:auto;right:8px}#app #text-status-container{bottom:64px;left:16px;padding:4px;position:absolute;font-size:15px;color:gray;background:rgba(255,255,255,.8);border-radius:2px;z-index:50;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s ease-in-out}#app #text-status-container span.connection-descriptor{font-size:15px;max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0px 2px}#app #text-status-container span.coordinates{font-family:monospace}#app #text-status-container.panning{font-size:25px}#app.flipped-ui #text-status-container{left:auto;right:16px}#app #whiteboard-list-container{opacity:0;padding:6px;background:rgba(250,250,250,.9803921569);box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843);border-radius:12px;font-size:14px;overflow-x:visible;overflow-y:auto;transition:all .15s ease-in-out;padding:8px;bottom:64px;left:16px;max-height:calc(100% - 72px - 84px);width:250px;position:absolute;margin:0px auto;z-index:90}@supports((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){#app #whiteboard-list-container{background:rgba(250,250,250,.9411764706);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}#app #whiteboard-list-container:not(.visible){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}#app #whiteboard-list-container.visible{opacity:1}#app #whiteboard-list-container .list-item{line-height:20px;padding:8px;border-radius:8px;color:#333;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:2px}#app #whiteboard-list-container .list-item.disabled{opacity:.5;cursor:default}#app #whiteboard-list-container .list-item.destructive{color:#d00}#app #whiteboard-list-container .list-item:hover:not(.disabled),#app #whiteboard-list-container .list-item.highlighted{background-color:rgba(221,221,221,.6666666667)}#app #whiteboard-list-container .list-item:active:not(.disabled){background-color:rgba(221,221,221,.3333333333);color:#aaa}#app #whiteboard-list-container hr{margin:4px !important;padding:0 !important;height:0px !important;color:#ddd !important;opacity:.25;cursor:default}#app #whiteboard-list-container .list-item{line-height:24px}#app #whiteboard-list-container:not(.visible){transform:translateY(40px)}#app #whiteboard-list-container .list-item i{float:right;display:block;height:100%;padding:8px;margin:-3px}#app #whiteboard-list-container .list-item i:hover{cursor:pointer;border-radius:50%;background-color:rgba(255,255,255,.5333333333)}#app #whiteboard-list-container .list-item.current{font-weight:bold;background-color:rgba(221,221,221,.2666666667)}#app #whiteboard-list-container .list-item.dragging{opacity:.7}#app #whiteboard-list-container .list-item.over-before{border-top:1px solid #53d;border-top-left-radius:0;border-top-right-radius:0}#app #whiteboard-list-container .list-item.over-after{border-bottom:1px solid #53d;border-bottom-left-radius:0;border-bottom-right-radius:0}#app #whiteboard-list-container .list-add{color:#53d}#app.flipped-ui #whiteboard-list-container{left:auto;right:16px}#app #menu-list-container{top:72px;left:16px;max-height:calc(100% - 72px - 84px);width:220px;position:absolute;margin:0px auto;transition:opacity .15s ease-in-out,transform .15s ease-in-out}#app #menu-list-container:not(.visible){transform:translateY(-40px);z-index:90}#app #menu-list-container .list-stinfo{padding:4px 4px;text-align:center}#app #menu-list-container .list-stinfo #roomNameLabel{color:#53d}#app #menu-list-container .list-stinfo #roomIdLabel{color:#86f;font-size:12px}#app #top-picker-container #status-container{display:flex;flex-flow:row nowrap;align-content:center;padding:2px 0px;margin:4px 8px;transition:all .2s ease-in-out}#app #top-picker-container #status-container div{border:2px solid rgba(0,0,0,0);cursor:pointer;margin:2px;min-width:36px;height:36px;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;color:#000;border:none;border-radius:99999px;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667),2px 2px 4px 2px rgba(0,0,0,.0666666667);transition:box-shadow .2s ease-in-out,transform .15s ease-in-out}#app #top-picker-container #status-container div:focus{outline:none;background-color:#fcfaff}#app #top-picker-container #status-container div.disabled{color:rgba(170,170,170,.6666666667);cursor:unset;pointer-events:none}#app #top-picker-container #status-container div:first-child{margin-left:0}#app #top-picker-container #status-container div:last-child{margin-right:0}#app #top-picker-container #status-container div:hover:not(.disabled){box-shadow:2px 2px 4px 2px rgba(0,0,0,.1333333333),3px 3px 6px 2px rgba(0,0,0,.1333333333)}#app #top-picker-container #status-container div:active:not(.disabled){box-shadow:1px 1px 2px 1px rgba(0,0,0,.1333333333)}#app #top-picker-container #status-container div>span{padding:0px 16px;line-height:36px;text-align:center;cursor:pointer}#app #top-picker-container #status-container #membersStatus{max-width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#app #top-picker-container.expanded #status-container>div{box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667)}#app #top-picker-container #pickers-container{margin:4px 8px;height:auto;opacity:0;transition:all .15s ease-out}#app #top-picker-container.expanded #pickers-container{opacity:1}#app #top-picker-container .picker-container{margin:4px 0px;margin-top:-48px;height:40px;visibility:hidden;opacity:0;display:flex;overflow-x:scroll;overflow-y:hidden;align-content:center;transition:all .25s ease-out}#app #top-picker-container .picker-container button.selectedOption{transform:scale(1.05);box-shadow:1px 1px 4px 2px rgba(0,0,0,.1333333333);border:1px solid rgba(136,136,136,.4) !important;z-index:103}#app #top-picker-container .picker-container button.selectedOption.colorOption{transform:scale(1.05)}#app #top-picker-container .picker-container button.selectedOption::before{content:"";top:-1.6px !important;left:-1.6px !important;transform:scale(1.05)}#app #top-picker-container .picker-container::-webkit-scrollbar{display:none}#app #top-picker-container .picker-container{-ms-overflow-style:none;scrollbar-width:none}#app #top-picker-container .picker-container *{margin:2px;min-width:36px;width:36px;height:36px;padding:0;text-align:center;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;color:#000;border:none;border-radius:99999px;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667);transition:box-shadow .2s ease-in-out,transform .1s ease-in-out;z-index:100}#app #top-picker-container .picker-container *:hover{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2);z-index:102}#app #top-picker-container .picker-container *:active{box-shadow:none !important;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667);transform:scale(0.95);z-index:101}#app #top-picker-container .picker-container button.colorOption{opacity:1;cursor:pointer}#app #top-picker-container .picker-container button.colorOption:focus{outline:none;border:1px dotted #eee}#app #top-picker-container .picker-container button.colorPicker{font-size:20px;text-align:center;color:gray;padding:0;cursor:pointer;position:relative}#app #top-picker-container .picker-container button.colorPicker::before{position:absolute;top:0;left:0;width:36px;height:36px;content:"";background:url(/https/loci.ink/assets/rgb_color_wheel.svg);background-repeat:no-repeat;background-size:contain}#app #top-picker-container .picker-container button.toolOption{font-size:20px;text-align:center;cursor:pointer}#app #top-picker-container .picker-container button.toolOption:focus{outline:none;border:1px dotted gray}#app #top-picker-container .picker-container button.toolOption.disabled{display:none}#app #top-picker-container .picker-container input.sizeSlider{width:250px;height:10px;background:rgba(170,170,170,.3333333333);margin-top:17px;margin-bottom:17px;border:1px solid rgba(0,0,0,0);transform:none !important;box-shadow:none !important}#app #top-picker-container .picker-container input.sizeSlider:focus{outline:none;border:1px dotted gray}#app #top-picker-container .picker-container input.sizeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;background:#fdfdfd;border:2px solid #ddd;cursor:pointer;border-radius:9999px;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#app #top-picker-container .picker-container input.sizeSlider::-webkit-slider-thumb:active{box-shadow:none;border:2px solid #ccc;transform:scale(0.95)}#app #top-picker-container .picker-container input.sizeSlider::-moz-range-thumb{-moz-appearance:none;appearance:none;width:30px;height:30px;background:#fdfdfd;border:2px solid #ddd;cursor:pointer;border-radius:9999px;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667);-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#app #top-picker-container .picker-container input.sizeSlider::-moz-range-thumb.disabled{opacity:0}#app #top-picker-container .picker-container input.sizeSlider::-moz-range-thumb:active{box-shadow:none;border:2px solid #ccc;transform:scale(0.95)}#app #top-picker-container .picker-container.disabled{opacity:.5 !important}#app #top-picker-container .picker-container.disabled *:not(.colorOption){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}#app #top-picker-container .picker-container.disabled#size-picker-container input.sizeSlider::-webkit-slider-thumb,#app #top-picker-container .picker-container.disabled#size-picker-container input.sizeSlider::-webkit-slider-thumb{display:none !important}#app #top-picker-container .picker-container#color-picker-container .textFieldOption{width:75px}#app #top-picker-container .picker-container#size-picker-container .textFieldOption{width:50px}#app #top-picker-container .picker-container#tool-picker-container{z-index:99}#app #top-picker-container .picker-container#color-picker-container{z-index:98}#app #top-picker-container .picker-container#size-picker-container{z-index:97}#app #top-picker-container.expanded .picker-container{margin-top:0px;opacity:1;visibility:visible}#app #center-size-indicator{border-radius:99999px;background-color:rgba(255,255,255,.6666666667);border:1px solid gray;display:none;position:absolute;top:50%;left:50%;width:10px;height:10px;z-index:200}#app #center-size-indicator.visible{display:inline-block}#app #edit-options-container{display:inline-block;position:relative;height:36px;padding:0 8px;width:auto;border-radius:36px;top:8px;left:16px;background:rgba(250,250,250,.9803921569);box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843);z-index:70;transition:all .2s ease-in-out}@supports((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){#app #edit-options-container{background:rgba(250,250,250,.9411764706);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}#app #edit-options-container:not(.visible){opacity:0;transform:translateY(-40px)}#app #edit-options-container button{width:36px;height:36px;border-radius:36px;border:1px solid rgba(0,0,0,0);font-size:20px;border:none;color:#000;padding:0;margin:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease-in-out}#app #edit-options-container button:focus{outline:none;border:1px dotted gray}#app #edit-options-container button:disabled,#app #edit-options-container button.disabled{color:#ccc;pointer-events:none}#app #edit-options-container button:hover:not(:disabled):not(.disabled){background-color:#fff;box-shadow:2px 2px 4px 2px rgba(0,0,0,.2);transform:scale(1.15)}#app #edit-options-container button:active:not(:disabled):not(.disabled){box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667);transform:scale(0.95)}#app #login-overlay{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;background-color:#fff;transition:all .15s ease-in-out;z-index:1000}#app #login-overlay:not(.visible){opacity:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}#app #login-overlay #user-login-indicator{position:absolute;top:0;left:0;right:0;width:calc(100% - 128px);height:64px;line-height:64px;font-size:16px;padding:0px 64px;text-align:center;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:1001}#app #login-overlay #account-btn{top:0;right:0;margin:8px}#app #login-overlay #homepage-btn{top:0;left:0;margin:8px}#app #login-overlay #account-btn,#app #login-overlay #homepage-btn{position:absolute;display:block;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#53d;width:48px;height:48px;font-size:20px;background:none;border:none;border-radius:24px;transition:all 200ms ease-in-out;z-index:1010}#app #login-overlay #account-btn:hover:not(:disabled),#app #login-overlay #homepage-btn:hover:not(:disabled){background-color:rgba(221,221,221,.6666666667);cursor:pointer}#app #login-overlay #account-btn:active:not(:disabled),#app #login-overlay #homepage-btn:active:not(:disabled){background-color:rgba(221,221,221,.3333333333)}#app #login-overlay #account-btn:disabled,#app #login-overlay #homepage-btn:disabled{color:#ccc;pointer-events:none}#app #login-overlay form#join-form{display:flex;flex-flow:column nowrap;position:relative;transform:translateY(-50%);top:50%;width:300px;margin:auto;padding:16px;border-radius:8px;font-weight:bold;z-index:10000}#app #login-overlay form#join-form label{position:relative;display:inline-block}#app #login-overlay form#join-form label input{border-width:1px;width:calc(100% - 16px - 24px - 2px)}#app #login-overlay form#join-form label input:not(:-moz-placeholder-shown){border-color:#dce}#app #login-overlay form#join-form label input:focus,#app #login-overlay form#join-form label input:not(:placeholder-shown){border-color:#dce}#app #login-overlay form#join-form label input:not(:-moz-placeholder-shown)+span{opacity:1;color:#53d;background-color:#fff;background-clip:content-box;font-weight:600;transform-origin:0% 50%;transform:scale(0.75) translateY(calc(14px - 100%)) translateX(4px)}#app #login-overlay form#join-form label input:focus+span,#app #login-overlay form#join-form label input:not(:placeholder-shown)+span{opacity:1;color:#53d;background-color:#fff;background-clip:content-box;font-weight:600;transform-origin:0% 50%;transform:scale(0.75) translateY(calc(14px - 100%)) translateX(4px)}#app #login-overlay form#join-form label input:focus{outline:none;border-color:#53d}#app #login-overlay form#join-form label span{margin:8px;padding:12px;pointer-events:none;position:absolute;left:0;top:0;opacity:.5;transition:.2s;transition-timing-function:ease;transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}#app #login-overlay form#join-form:not(.createMode) label input#roomNameField:focus:-moz-placeholder-shown+span{opacity:1;color:#86f;font-weight:400;transform:none}#app #login-overlay form#join-form:not(.createMode) label input#roomNameField:focus:placeholder-shown+span{opacity:1;color:#86f;font-weight:400;transform:none}#app #login-overlay form#join-form input{margin:8px;padding:12px;left:0;right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px}#app #login-overlay form#join-form input+span{font-weight:400}#app #login-overlay form#join-form h1{text-align:center}#app #login-overlay form#join-form input[type=text]{background:#fff;border:1px solid #ddd}#app #login-overlay form#join-form input[type=submit]{background:#53d;border:1px solid #53d;color:#fff}#app #login-overlay form#join-form input[type=submit]:focus{outline:none;border:1px dashed #dce}#app #login-overlay form#join-form input[type=submit]:hover{background:#fff;color:#53d}#app #login-overlay form#join-form input[type=submit]:active{border:1px solid #dce;color:#dce}#app #login-overlay form#join-form label #roomStarBtn{position:absolute;display:block;top:50%;transform:translateY(-50%);right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#ddd;width:40px;height:40px;margin:0 12px;padding:0;font-size:20px;background:none;border:none;border-radius:24px;transition:all 200ms ease-in-out}#app #login-overlay form#join-form label #roomStarBtn:hover:not(:disabled){background-color:rgba(221,221,221,.6666666667);cursor:pointer}#app #login-overlay form#join-form label #roomStarBtn:hover:not(:disabled):not(.starred){color:#fff}#app #login-overlay form#join-form label #roomStarBtn:active:not(:disabled){background-color:rgba(221,221,221,.3333333333)}#app #login-overlay form#join-form label #roomStarBtn:disabled{opacity:0;pointer-events:none}#app #login-overlay form#join-form label #roomStarBtn.starred{color:#53d}#app #login-overlay form#join-form button:focus{outline:none;text-decoration:underline}#app #login-overlay form#join-form .logo{text-align:center}#app #login-overlay form#join-form .logo a:focus{outline:none}#app #login-overlay form#join-form .logo a:focus img{border:1px dotted gray}#app #login-overlay form#join-form .logo img{border:1px solid rgba(0,0,0,0);height:60px}#app #login-overlay form#join-form .logo svg{padding:8px 0px;width:24px;color:#53d}#app #login-overlay form#join-form:not(.createMode) #roomNameField{color:#53d;pointer-events:none}#app #login-overlay form#join-form:not(.createMode) #roomNameField.error{color:red}#app #login-overlay form#join-form:not(.createMode) #roomNameField.idle{color:#ccc}#app #login-overlay form#join-form.createMode #roomIdField{color:#ccc;pointer-events:none}#app #login-overlay form#join-form #joinCreateToggleBtn{background:rgba(0,0,0,0);padding:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:#53d}#app #login-overlay form#join-form #joinCreateToggleBtn:hover{color:#86f}#app #login-overlay form#join-form #joinCreateToggleBtn:active{color:#dce}#app #login-overlay form#join-form:not(.authenticated) #logoutAccountBtn{display:none}@media screen and (max-width: 480px){#app #top-picker-container{top:0;left:0;right:0;border-radius:0;padding:8px;margin:0;max-width:480px}#app #top-picker-container:not(.expanded){padding-bottom:0}#app #members-container{right:8px;width:calc(100% - 48px);max-width:480px}#app #login-overlay form#join-form{padding:8px !important}}@media screen and (max-height: 450px){#app #login-overlay form#join-form{padding:8px 16px;top:calc(50% + 16px)}#app #login-overlay form#join-form .logo{display:none}#app #login-overlay form#join-form input{margin:4px;padding:8px 16px}#app #login-overlay form#join-form label span{margin:4px;padding:8px 16px}#app #login-overlay form#join-form .logo img{height:44px}#app #login-overlay form#join-form #joinCreateToggleBtn,#app #login-overlay form#join-form #logoutAccountBtn{padding:4px}}@media screen and (min-width: 720px){#app #text-status-container{bottom:16px}#app #corner-shortcut-container{top:8px;right:8px;bottom:unset;left:unset}#app #whiteboard-list-container{top:72px;right:8px;width:250px;bottom:unset;left:unset}#app #whiteboard-list-container:not(.visible){transform:translateY(-40px)}}@media screen and (max-width: 450px){#app #corner-shortcut-container>div>span{padding:0px 10px;right:8px}#app #corner-shortcut-container>div>span#currentWhiteboardLabel{padding-left:0;max-width:30vw}}#dashboard{display:flex;flex-flow:row nowrap}#dashboard #sidebar{width:192px;position:absolute;top:64px;left:0;bottom:0;z-index:10;margin:0;padding:20px;background:rgba(250,250,250,.9803921569);transition:all 200ms ease-in-out;list-style-type:none}@supports((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){#dashboard #sidebar{background:rgba(250,250,250,.9411764706);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}#dashboard #sidebar li{border-radius:8px;line-height:24px;padding:8px;color:#000;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}#dashboard #sidebar li:hover{background-color:rgba(221,221,221,.6666666667);cursor:pointer}#dashboard #sidebar li:active{background-color:rgba(221,221,221,.3333333333)}#dashboard #sidebar li.active{font-weight:bold}#dashboard #sidebar li#logoutBtn{color:#d00}#dashboard #navbar{position:absolute;top:0;left:0;right:0;height:64px;z-index:20;background-color:#fff;box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843)}#dashboard #navbar .title{position:relative;display:inline-block;top:0;left:0;font-size:20px;font-weight:bold;line-height:64px;margin:0 16px;color:#53d}#dashboard #navbar #sidebarToggle{position:relative;top:0;left:0;margin:8px;margin-right:-8px;display:block;position:auto;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#53d;width:48px;height:48px;font-size:20px;background:none;border:none;border-radius:24px;transition:all 200ms ease-in-out;display:none}#dashboard #navbar #sidebarToggle:hover{background-color:rgba(221,221,221,.6666666667);cursor:pointer}#dashboard #navbar #sidebarToggle:active{background-color:rgba(221,221,221,.3333333333)}#dashboard .page{display:none;position:absolute;top:64px;bottom:0;right:0;left:232px;max-height:calc(100% - 64px);overflow-y:scroll;flex:1;padding:16px 32px;transition:all 200ms ease-in-out;z-index:1}#dashboard .page h1{margin-top:.5rem}#dashboard .page.active{display:initial}#dashboard .page#myRoomsPage .room-grid,#dashboard .page#starredRoomsPage .room-grid{display:grid;grid-template-columns:repeat(auto-fill, 230px);grid-auto-rows:200px;grid-gap:8px;justify-content:center}#dashboard .page#myRoomsPage .room-grid .room-item,#dashboard .page#starredRoomsPage .room-grid .room-item{display:block;position:relative;margin:8px;padding:8px;background-color:#fff;box-shadow:1px 1px 2px 1px rgba(0,0,0,.0666666667),2px 2px 4px 2px rgba(0,0,0,.0666666667);transition:all 200ms ease-in-out;cursor:pointer;border-radius:16px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}#dashboard .page#myRoomsPage .room-grid .room-item .title,#dashboard .page#starredRoomsPage .room-grid .room-item .title{position:absolute;margin:0px;top:50%;left:0;right:0;background:rgba(255,255,255,.8666666667);font-weight:bold;transform:translateY(-50%);padding:12px 8px;font-size:18px;text-align:center;overflow:hidden;text-overflow:ellipsis;z-index:1001}@supports((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))){#dashboard .page#myRoomsPage .room-grid .room-item .title,#dashboard .page#starredRoomsPage .room-grid .room-item .title{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}#dashboard .page#myRoomsPage .room-grid .room-item img,#dashboard .page#starredRoomsPage .room-grid .room-item img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:.5;border-radius:16px;-o-object-fit:cover;object-fit:cover;z-index:1000}#dashboard .page#myRoomsPage .room-grid .room-item:hover,#dashboard .page#starredRoomsPage .room-grid .room-item:hover{box-shadow:2px 2px 4px 2px rgba(0,0,0,.1333333333),3px 3px 6px 2px rgba(0,0,0,.1333333333)}#dashboard .page#myRoomsPage .room-grid .room-item:hover .room-item-buttons,#dashboard .page#starredRoomsPage .room-grid .room-item:hover .room-item-buttons{visibility:visible}#dashboard .page#myRoomsPage .room-grid .room-item:active,#dashboard .page#starredRoomsPage .room-grid .room-item:active{box-shadow:1px 1px 2px 1px rgba(0,0,0,.1333333333)}#dashboard .page#myRoomsPage .room-grid .room-item-add,#dashboard .page#starredRoomsPage .room-grid .room-item-add{font-size:60px;text-align:center;position:relative}#dashboard .page#myRoomsPage .room-grid .room-item-add:before,#dashboard .page#myRoomsPage .room-grid .room-item-add:after,#dashboard .page#starredRoomsPage .room-grid .room-item-add:before,#dashboard .page#starredRoomsPage .room-grid .room-item-add:after{content:"";position:absolute;background-color:#53d}#dashboard .page#myRoomsPage .room-grid .room-item-add:before,#dashboard .page#starredRoomsPage .room-grid .room-item-add:before{top:50%;left:50%;width:3px;height:50px;transform:translate(-50%, -50%)}#dashboard .page#myRoomsPage .room-grid .room-item-add:after,#dashboard .page#starredRoomsPage .room-grid .room-item-add:after{top:50%;left:50%;width:50px;height:3px;transform:translate(-50%, -50%)}#dashboard .page#accountPage h3{margin:8px;margin-top:36px;margin-left:12px;font-size:14px;line-height:1;color:#333}#dashboard .page#accountPage table{width:100%;border-spacing:0;border-radius:8px;box-shadow:1px 1px 3px 2px rgba(0,0,0,.1019607843)}#dashboard .page#accountPage table tr td:first-child{width:170px;font-weight:bold}#dashboard .page#accountPage table tr td{padding:8px 16px;line-height:32px;text-align:left;border-bottom:1px solid #eee;vertical-align:middle}#dashboard .page#accountPage table tr:last-child td{border-bottom:none}#dashboard .page#accountPage .editBtn{margin:0 16px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;height:32px;min-width:64px;color:#53d;border-radius:8px;transition:background-color 200ms ease-in-out}#dashboard .page#accountPage .editBtn:hover{background-color:rgba(221,221,221,.6666666667);cursor:pointer}#dashboard .page#accountPage .editBtn:active{background-color:rgba(221,221,221,.3333333333)}@media screen and (max-width: 779px){#dashboard #navbar #sidebarToggle{display:unset}#dashboard #sidebar:not(.overlay-active){left:-232px}#dashboard .page{left:0}#dashboard .page#myRooms .room-grid,#dashboard .page#starredRooms .room-grid{grid-gap:32px}#dashboard .page#accountPage table tr{display:flex;flex-flow:column nowrap}#dashboard .page#accountPage table tr td:first-child{width:100%;border-bottom:none;padding-bottom:0}#dashboard .page#accountPage table tr td:last-child{padding-top:0}#dashboard .page#accountPage table tr td{display:block}#dashboard .page#accountPage .editBtn{margin:0;float:right}}