:root{--control-button-width:calc(var(--grid-step) * 4);--control-button-height:calc(var(--grid-step) * 4);--button-icon-size:calc(var(--grid-step) * 5)}.control-widget{background-color:var(--almost-black);background-position:center center;background-repeat:no-repeat;background-size:cover;box-shadow:none;color:var(--white);cursor:pointer;display:inline-block;float:left;font-size:18px;font-weight:500;letter-spacing:.0625em;line-height:calc(var(--grid-step) * 2.75);margin:0 0 var(--default-padding) 0;overflow:hidden;padding:var(--default-padding);text-align:center;transition:box-shadow 150ms linear,background-color 50ms linear,opacity linear 250ms;user-select:none;vertical-align:top;width:var(--control-button-width);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.control-widget.disabled{opacity:.5;pointer-events:none;cursor:default}.control-widget.rounded{border-radius:calc(2 * var(--default-border-radius))}.control-widget.horizontal.control-slider.circle,.control-widget.control-button.circle{border-radius:50px}.control-widget.square{}.control-widget:hover{box-shadow:0 0 10px 2px var(--default-shadow-color)}.control-widget:active{background-color:var(--accent-color-darker)}.control-widget:empty{background-position:center center}.control-widget>.widget-icon{background-color:#fff;background-size:contain;background-position:center center;background-repeat:no-repeat;width:28px;height:28px;flex:0 0 42px;padding:var(--grid-step);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center center;mask-size:contain}.control-buttons{padding:var(--default-padding) 0 0;position:relative}.control-buttons>br{height:0;float:left}.control-buttons.grid::after{display:none}.control-buttons.grid::before{position:absolute;top:0;left:0;right:0;bottom:0;content:'';display:block;width:100%;height:100vh;background-image:var(--grid-gradient-baseline-horizontal),var(--grid-gradient-baseline-vertical);opacity:.25;pointer-events:none}.control-button-container{display:inline-block;margin-right:var(--default-padding);margin-bottom:var(--default-padding);vertical-align:top;width:var(--control-button-width)}.text{background:transparent;display:inline-flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;height:var(--control-button-height);position:relative;pointer-events:none;transition:opacity linear 250ms}.text.disabled{opacity:.5}.text.show-separator{border-bottom:1px solid var(--darker-gray)}.text>.widget-label{color:var(--medium-gray);font-weight:500;text-transform:uppercase;line-height:calc(var(--grid-step) * 2.75)}.text-input input.height-8{font-size:1.5em}.text-input input.height-9{font-size:1.75em}.text-input input.height-10{font-size:2em}.text-input input.height-11{font-size:2.25em}.text-input input{caret-color:var(--accent-color);display:inline-block;height:100%;width:100%;padding:var(--default-padding) calc(1.5 * var(--default-padding))}.control-button{display:inline-flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;height:var(--control-button-height);padding:var(--default-padding) calc(1.5 * var(--default-padding));position:relative}.control-button.vertical{flex-direction:column}.control-button>.widget-label{flex:0 1 auto;line-height:calc(var(--grid-step) * 2.75);margin:var(--grid-step);order:2;text-shadow:0 0 3px var(--very-dark-shadow-color);z-index:1}.control-widget.with-image>.background-image::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:linear-gradient(15deg,rgba(0,0,0,0.65),transparent)}.control-widget.with-image:active>.background-image::before{background:var(--accent-color-darker);opacity:.85}.control-widget.current{background-color:var(--accent-color-darker)}.control-widget.with-image.current>.background-image::before{background-color:var(--accent-color-semi);background-image:linear-gradient(15deg,var(--accent-color-darker),transparent)}.control-widget>.background-image{position:absolute;left:0;right:0;top:0;bottom:0;background:no-repeat center;background-size:cover}.control-slider{overflow:hidden;padding:2px;position:relative}.control-slider.horizontal>div{background-image:linear-gradient(to right,var(--almost-black-lighter),var(--accent-color-semi));border-right:2px solid var(--accent-color);border-top:none;top:2px;flex-direction:row}.control-slider>div{background-image:linear-gradient(to top,var(--almost-black-lighter),var(--accent-color-semi));border-top:2px solid var(--accent-color);position:absolute;bottom:2px;right:2px;left:2px;pointer-events:none;display:flex;align-items:center;flex-direction:column-reverse}.control-slider>div>span{padding:var(--default-padding);line-height:20px}.control-slider:active{background-color:var(--almost-black-lighter)}.control-slider>span.widget-icon{position:absolute;top:var(--default-padding);right:10px;top:calc(50% - 13px)}.joystick{background-color:var(--almost-black);background-position:center center!important;border-radius:50%;box-shadow:inset 0 0 5px 1px var(--accent-color)!important;flex-shrink:0;align-items:center;position:relative;overflow:hidden;touch-action:manipulation;height:calc(var(--grid-step) * 38);width:calc(var(--grid-step) * 38)}.joystick.dragging{background-color:var(--almost-black-lighter)!important}.joystick>span.widget-icon{opacity:1;order:1;position:absolute;left:calc(50% - 20px);top:calc(50% - 25px)}.joystick>span.effect{border-radius:50%!important;background-image:none;pointer-events:none;content:'';position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0,0);transition:transform linear 50ms,opacity linear 250ms;background-image:radial-gradient(circle,var(--accent-color-darker) 0,rgba(0,0,0,0) 50%);opacity:.25}.joystick.dragging>span.effect{opacity:1}.joystick.joystick1d{border-radius:calc(2 * var(--default-border-radius))}.joystick1d>span{border-radius:0!important}.joystick1d>span.effect{background-image:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0) 35%,var(--accent-color-darker) 50%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%)}.joystick.joystick1d>span.widget-icon{top:var(--default-padding)}.d-pad{background:linear-gradient(var(--almost-black-gradient-dark),var(--almost-black-gradient-light))!important;border-radius:50%;overflow:hidden;position:relative;box-shadow:inset 0 0 5px 1px var(--accent-color)!important}.d-pad>.widget-icon{display:none}.d-pad>.up,.d-pad>.right,.d-pad>.down,.d-pad>.left{display:inline-block;position:absolute;width:50%;height:50%;transition:background 500ms linear;transform:rotate(45deg);pointer-events:visible}.d-pad>.up{top:0;left:0;transform-origin:bottom right}.d-pad>.right{top:0;right:0;transform-origin:bottom left}.d-pad>.down{bottom:0;right:0;transform-origin:top left}.d-pad>.left{bottom:0;left:0;transform-origin:top right}.d-pad>.up>span,.d-pad>.right>span,.d-pad>.down>span,.d-pad>.left>span{background-image:var(--game-icon);background-position:center center;background-size:32px 32px;background-repeat:no-repeat;display:block;pointer-events:visible;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-45deg)}.d-pad>.down>span{background-image:var(--down-arrow-icon)}.d-pad>.up>span{background-image:var(--up-arrow-icon)}.d-pad>.left>span{background-image:var(--left-arrow-icon)}.d-pad>.right>span{background-image:var(--right-arrow-icon)}.d-pad>*:active{background:linear-gradient(45deg,var(--accent-color-semi),var(--accent-color-darker))}.d-pad>.center{display:inline-block;position:absolute;left:30%;right:30%;top:30%;bottom:30%;background:linear-gradient(var(--almost-black-gradient-light),var(--almost-black-gradient-dark));border-radius:50%;pointer-events:visible}.d-pad>.center:active{background:linear-gradient(var(--accent-color-semi),var(--accent-color))}.d-pad>.center>span{background-image:var(--ok-icon);background-repeat:no-repeat;background-size:32px 32px;background-position:center center;pointer-events:visible;position:absolute;top:0;bottom:0;left:0;right:0}.toggle{display:inline-block;width:48px;height:24px;border-radius:24px;background-color:var(--very-light-gray);vertical-align:middle}.toggle:hover .toggle-inner{background-color:var(--accent-color-semi)}.toggle.on .toggle-inner{background-color:var(--accent-color-lighter);left:25px}.toggle-inner{display:inline-block;position:relative;left:1px;top:1px;width:22px;height:22px;border-radius:50%;background-color:var(--medium-gray)}.card{background-color:var(--white);background-clip:border-box;border-radius:var(--default-border-radius);box-shadow:0 0 10px 2px var(--default-shadow-color);display:inline-block;margin:0 calc(2 * var(--default-padding)) calc(2 * var(--default-padding)) 0;max-width:calc(100vw - 130px);overflow:hidden;position:relative;width:calc(var(--grid-step) * 36);height:auto;word-wrap:break-word;text-align:left;vertical-align:top;transition:box-shadow 150ms linear}.card:hover{box-shadow:0 0 20px 5px var(--dark-shadow-color)}.card>.thumbnail{content:'';background-color:var(--almost-black);background-size:cover;background-position:center center;height:calc(var(--grid-step) * 16);position:relative;overflow:hidden;display:flex;align-items:center}.card>.thumbnail>label{background:var(--medium-gray);border-radius:calc(var(--grid-step) / 2);color:var(--white);display:inline-block;left:var(--default-padding);line-height:calc(3 * var(--grid-step));opacity:.9;padding:0 var(--grid-step);position:absolute;top:var(--default-padding)}.card>.thumbnail>label.live{background:var(--live-color)}.card.video>.thumbnail::after{border-radius:50%;content:'';position:absolute;right:8px;bottom:12px;width:36px;height:36px;display:inline-block;background-color:var(--accent-color-semi);background-repeat:no-repeat;background-size:22px 22px;background-position:center center;background-image:var(--video-icon)}.card.audio>.thumbnail{background-color:#eee;background-image:var(--soundwave-icon)}.card.audio>.thumbnail::after{border-radius:50%;content:'';position:absolute;right:8px;bottom:8px;width:36px;height:36px;display:inline-block;background-color:var(--accent-color-semi);background-repeat:no-repeat;background-size:24px 24px;background-position:center center;background-image:var(--audio-icon)}.card.threedee>.thumbnail::after{border-radius:50%;content:'';position:absolute;right:8px;bottom:8px;width:36px;height:36px;display:inline-block;background-color:var(--accent-color-semi);background-repeat:no-repeat;background-size:24px 24px;background-position:center center;background-image:var(--3d-icon)}.card.game>.thumbnail::after{border-radius:50%;content:'';position:absolute;right:8px;bottom:8px;width:36px;height:36px;display:inline-block;background-color:var(--accent-color-semi);background-repeat:no-repeat;background-size:24px 24px;background-position:center center;background-image:var(--game-icon)}.card>.body{padding:var(--default-padding) var(--default-padding) 0 var(--default-padding)}.card h4{font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card p{max-height:calc(6 * var(--grid-step));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card.selected::after{content:'';position:absolute;display:block;bottom:16px;left:var(--default-padding);right:var(--default-padding);height:32px;mask-image:var(--checked-icon);mask-repeat:no-repeat;-webkit-mask-image:var(--checked-icon);-webkit-mask-repeat:no-repeat;background-color:var(--accent-color)}.card.selected label{color:var(--accent-color-semi);font-weight:500;margin-bottom:calc(2 * var(--grid-step));padding-left:calc(2.5 * var(--default-padding));position:relative}.card>.thumbnail::after{display:none!important}.card.empty>.thumbnail{background-color:var(--very-light-gray);background-image:linear-gradient(-35deg,#ddd,#fafafa);background-repeat:no-repeat}.card.projector{padding-bottom:calc(1.5 * var(--grid-step));padding-top:calc(6 * var(--grid-step));width:calc(var(--grid-step) * 35)}.card.server{padding-bottom:calc(1.5 * var(--grid-step));padding-top:calc(8 * var(--grid-step));width:calc(var(--grid-step) * 35)}.card.projector>.body,.card.server>.body{text-align:center}.card.projector:after,.card.server:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-color:var(--accent-color);-webkit-mask-position:center calc(3 * var(--grid-step));-webkit-mask-repeat:no-repeat;-webkit-mask-size:calc(6 * var(--grid-step));mask-position:center calc(3.5 * var(--grid-step));mask-repeat:no-repeat;mask-size:calc(6 * var(--grid-step));-webkit-mask-image:var(--projector-icon);-webkit-mask-position:center calc(3.5 * var(--grid-step));-mask-image:var(--projector-icon);mask-position:center calc(4 * var(--grid-step))}.card.server:after{-webkit-mask-image:var(--server-icon);-webkit-mask-position:center calc(2.5 * var(--grid-step));-webkit-mask-size:calc(5 * var(--grid-step));mask-image:var(--server-icon);mask-position:center calc(2.5 * var(--grid-step));mask-size:calc(5 * var(--grid-step))}.card>footer{padding:var(--default-padding);padding-top:0;text-align:center}a.round-button:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:var(--accent-color-bg)}a.round-button{background-color:#eee;border-radius:50%;cursor:pointer;width:calc(6 * var(--grid-step));height:calc(6 * var(--grid-step));overflow:hidden;vertical-align:top;transition:background 150ms ease;position:relative;display:inline-block;margin-right:var(--grid-step);transition:background-color 150ms}a.round-button:hover{background-color:var(--accent-color-semi)}a.round-button:hover:before{background-color:#fff}a.round-button:last-child{margin-right:0}a.round-button.on{background-image:linear-gradient(25deg,var(--accent-color),var(--accent-color-lighter))}a.round-button.on:before{background-color:#fff}a.round-button:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-repeat:no-repeat;background-position:center center;background-size:calc(3.5 * var(--grid-step)) calc(3.5 * var(--grid-step));background-color:#000;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:calc(3.5 * var(--grid-step)) calc(3.5 * var(--grid-step));mask-position:center center;mask-repeat:no-repeat;mask-size:calc(3.5 * var(--grid-step)) calc(3.5 * var(--grid-step));transition:background-color 150ms}.card>footer a.power:before{-webkit-mask-image:var(--power-icon);mask-image:var(--power-icon)}.card>footer a.shutter:before{-webkit-mask-image:var(--shutter-icon);mask-image:var(--shutter-icon)}.card>footer a.settings:before{-webkit-mask-image:var(--settings-icon);mask-image:var(--settings-icon)}.card>footer a.connect:before{-webkit-mask-image:var(--connect-icon);mask-image:var(--connect-icon)}#event .auto-publish>*{margin-right:var(--default-padding)}#event .auto-publish .number{width:4em}#event label.with-icon{font-size:18px}.participants-space{display:flex;gap:var(--default-padding)}.participant-list label.title{font-weight:500}#event .auto-publish label strong,.participant-list label.title strong{color:var(--default-bg-color)}.participant-list input.search{width:100%;background:var(--very-very-light-gray)}.participant-list label.search{position:relative;display:inline-block;top:-3px}.participant-list label.search:after{-webkit-mask-image:var(--search-icon);mask-image:var(--search-icon);background-color:var(--medium-gray)}.participant-list-list{border-radius:5px;border:1px solid var(--light-gray);padding:0 var(--default-padding)}.participant-list-entry{display:flex;gap:8px;border-bottom:1px solid var(--light-gray);padding:var(--default-padding) 0}.participant-list-entry:last-child{border-bottom:none}.participant-list-entry .actions{margin-left:auto}.participant-list-entry .actions a.button{margin-bottom:0;margin-right:var(--default-padding)}.participant-list-entry .actions a.button:last-child{margin-right:0}.participant-list-entry .name-presentability{display:flex;flex-direction:column}.participant-list-entry img{width:86px;max-height:48px;object-fit:contain}.participant-list-entry .name{max-width:230px}.participant-list-entry.animate-on-transforms{transition:transform 750ms ease}#event a.locked:before{-webkit-mask-image:var(--lock-icon);mask-image:var(--lock-icon)}#event a.unlocked:before{-webkit-mask-image:var(--unlock-icon);mask-image:var(--unlock-icon)}#event a.pin:before{-webkit-mask-image:var(--pin-them);mask-image:var(--pin-them)}#event a.unpin:before{-webkit-mask-image:var(--del-participant);mask-image:var(--del-participant)}#event a.mute:before{-webkit-mask-image:var(--volume-muted-icon-grey);mask-image:var(--volume-muted-icon-grey)}#event a.unmute:before{-webkit-mask-image:var(--volume-icon-grey);mask-image:var(--volume-icon-grey)}#event a.publish:before,#event label.published:after{-webkit-mask-image:var(--add-participant);mask-image:var(--add-participant)}#event label.published:after{background-color:var(--medium-gray)}#event label.published:after,#event label.not-published:after,#event label.pinned:after{-webkit-mask-position-y:5px;mask-position-y:5px}#event a.unpublish:before{-webkit-mask-image:var(--del-participant);mask-image:var(--del-participant)}#event label.not-published:after{-webkit-mask-image:var(--minus-participant);mask-image:var(--minus-participant);background-color:var(--medium-gray)}#event label.pinned:after{-webkit-mask-image:var(--pin-them);mask-image:var(--pin-them);background-color:var(--medium-gray)}#main-menu{align-items:center;display:flex;flex-direction:column;z-index:var(--nav-z);height:calc(100vh - 0)}#main-menu::after{background-color:transparent;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4OTggODk4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6Izk5OTtzdHJva2U6Izk5OTtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MjBweDt9LmNscy0ye2ZpbGw6bm9uZTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzU2LjU4LDUxMkEyNDQuNTcsMjQ0LjU3LDAsMSwxLDUxMiwyNjcuNDJWMTEyQTQwMCw0MDAsMCwxLDAsOTEyLDUxMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MyAtNjMpIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB3aWR0aD0iODk4IiBoZWlnaHQ9Ijg5OCIvPjwvc3ZnPg==');background-position:center center;background-repeat:no-repeat;background-size:contain;content:" ";position:absolute;bottom:var(--default-padding);height:calc(6 * var(--grid-step));width:calc(6 * var(--grid-step))}#main-menu a{background-color:var(--almost-transparent);border-radius:var(--default-border-radius);cursor:pointer;flex-shrink:0;height:calc(6 * var(--grid-step));width:calc(6 * var(--grid-step));margin-bottom:calc(2 * var(--grid-step));overflow:hidden;position:relative;text-align:center;transition:background 150ms ease}#main-menu a.active{background-image:linear-gradient(25deg,var(--accent-color),var(--accent-color-lighter))}#main-menu a.active:hover{background-image:linear-gradient(25deg,var(--accent-color-darker),var(--accent-color))}#main-menu a::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-repeat:no-repeat;background-position:center center;background-size:calc(3.5 * var(--grid-step)) calc(3.5 * var(--grid-step));height:100%;background-color:#666;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:calc(3.5 * var(--grid-step)) calc(3.5 * var(--grid-step));mask-repeat:no-repeat;mask-position:center center;mask-size:calc(3.5 * var(--grid-step)) calc(3.5 * var(--grid-step))}#main-menu a::after{background-repeat:no-repeat;background-position:center center;background-size:70% 70%}#main-menu a.active::before{background-color:#fff}#main-menu a.burger::before{-webkit-mask-image:var(--burger-icon);mask-image:var(--burger-icon);-webkit-mask-size:calc(3 * var(--grid-step)) calc(3 * var(--grid-step));mask-size:calc(3 * var(--grid-step)) calc(3 * var(--grid-step))}#main-menu a.servers::before{-webkit-mask-image:var(--server-icon);mask-image:var(--server-icon)}#main-menu a.presentation::before{-webkit-mask-image:var(--present-icon);mask-image:var(--present-icon)}#main-menu a.profile::before{-webkit-mask-image:var(--profile-icon);mask-image:var(--profile-icon)}#main-menu a.settings::before{-webkit-mask-image:var(--settings-icon);mask-image:var(--settings-icon)}#main-menu a.projects::before{-webkit-mask-image:var(--projects-icon);mask-image:var(--projects-icon)}#main-menu a.projectors::before{-webkit-mask-image:var(--projector-icon);mask-image:var(--projector-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a.streams::before{-webkit-mask-image:var(--streams-icon);mask-image:var(--streams-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a.events::before{-webkit-mask-image:var(--events-icon);mask-image:var(--events-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a.livestream::before{-webkit-mask-image:var(--livestream-icon);mask-image:var(--livestream-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a.publishstream::before{-webkit-mask-image:var(--streamer-icon);mask-image:var(--streamer-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a:not(.logo):hover{background-color:var(--very-light-gray)}#main-menu a.servers{overflow:visible}#main-menu a.servers-fixme::after{background-color:var(--darker-gray);border:1px solid var(--light-gray);border-radius:50%;color:var(--white);content:attr(data-count);display:inline-block;width:22px;height:22px;line-height:18px;opacity:.9;position:absolute;top:-6px;right:-8px;font-size:14px;font-weight:500}#main-menu a.servers.connected::after{background-color:var(--led-green);background-image:var(--checkmark-icon);background-size:65% 65%}#main-menu a.servers.disconnected::after{background-color:var(--led-red);background-image:var(--exclamation-icon)}#main-menu a.skeleton,#main-menu a.skeleton{background-color:var(--light-gray)}#main-menu a.skeleton:before,#main-menu a.skeleton:after{display:none}#main-menu a.select::before{-webkit-mask-image:var(--touch-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-image:var(--touch-icon);mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a.move::before{-webkit-mask-image:var(--drag-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-image:var(--drag-icon);mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a.icon::before{-webkit-mask-image:var(--icon-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-image:var(--icon-icon);mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a.bgimage::before{-webkit-mask-image:var(--bgimage-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-image:var(--bgimage-icon);mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a.action::before{-webkit-mask-image:var(--action-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-image:var(--action-icon);mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a.label::before{-webkit-mask-image:var(--label-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-image:var(--label-icon);mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a.arrange::before{-webkit-mask-image:var(--arrange-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-image:var(--arrange-icon);mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}#main-menu a.layout::before{-webkit-mask-image:var(--layout-icon);-webkit-mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step));mask-image:var(--layout-icon);mask-size:calc(4 * var(--grid-step)) calc(4 * var(--grid-step))}aside.modal{background:rgba(0,0,0,0.25);display:flex;align-items:center;justify-content:center;padding:var(--default-padding);transition:transform linear 200ms;transform:translate(0,100vh);position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--modal-z)}aside.modal.open{transform:translate(0,0)}aside.modal>div.container{background:#fff;border-radius:var(--default-border-radius);box-shadow:0 0 10px 4px rgba(0,0,0,0.2);display:block;max-height:90vh;max-width:90vh;min-height:calc(20 * var(--grid-step));overflow-y:auto;padding:calc(3 * var(--default-padding)) 0 var(--default-padding);position:relative;width:calc(80 * var(--grid-step))}aside.modal.with-icon>div.container{padding-top:calc(13 * var(--grid-step))}aside.modal.with-icon>div.container:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-color:var(--accent-color);-webkit-mask-image:var(--server-icon);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center calc(2 * var(--default-padding));-webkit-mask-size:calc(6 * var(--grid-step)) calc(6 * var(--grid-step));mask-image:var(--server-icon);mask-repeat:no-repeat;mask-position:center calc(2 * var(--default-padding));mask-size:calc(6 * var(--grid-step)) calc(6 * var(--grid-step))}aside.modal.with-icon.add-projector-modal>div.container,aside.modal.with-icon.projector-settings-modal>div.container{padding-top:calc(12 * var(--grid-step))}aside.modal.with-icon.add-projector-modal>div.container:after,aside.modal.with-icon.projector-settings-modal>div.container:after{-webkit-mask-image:var(--projector-icon);mask-image:var(--projector-icon)}.close-modal{background-color:#fff;background-image:var(--close-icon);background-position:center center;background-size:calc(2 * var(--grid-step)) calc(2 * var(--grid-step));background-repeat:no-repeat;border-radius:50%;cursor:pointer;position:absolute;top:var(--default-padding);right:var(--default-padding);width:calc(4 * var(--grid-step));height:calc(4 * var(--grid-step))}.modal h1:first-child{margin-top:0}.modal .table{margin:calc(2 * var(--default-padding)) auto;max-width:calc(40 * var(--grid-step))}.modal .table>label{color:var(--almost-black-lighter)}.modal .table>*{line-height:calc(4 * var(--grid-step))}.modal .table a.button{line-height:calc(2 * var(--grid-step));margin-bottom:0;vertical-align:baseline}.modal img{padding:var(--default-padding)}aside.modal.with-icon.add-widget-modal>div.container:after{-webkit-mask-image:var(--widget-icon);mask-image:var(--widget-icon)}aside.modal.with-icon.change-icon-modal>div.container:after{-webkit-mask-image:var(--icon-icon);mask-image:var(--icon-icon)}aside.modal.with-icon.change-background-modal>div.container:after{-webkit-mask-image:var(--image-icon);mask-image:var(--image-icon)}aside.modal.with-icon.webcam-modal>div.container:after{-webkit-mask-image:var(--streamer-icon);mask-image:var(--streamer-icon)}aside.modal.with-icon.invitation-modal>div.container:after{-webkit-mask-image:var(--invitation-icon);mask-image:var(--invitation-icon)}aside.modal.with-icon.invitation-modal .table{padding:calc(1 * var(--default-padding)) 0;margin:calc(2 * var(--default-padding));border-top:2px solid var(--semi-transparent);border-bottom:2px solid var(--semi-transparent)}#main-sidebar{z-index:var(--sidebar-z)}:root{--tab-line-thickness:1px;--selected-tab-line-thickness:4px;--tab-baseline-height:8px;--tab-color-baseline:#ddd}nav.tabs{background-image:linear-gradient(to top,var(--tab-color-baseline),var(--tab-color-baseline) var(--tab-line-thickness),transparent var(--grid-line-thickness),transparent var(--grid-baseline-height));display:block;margin-bottom:var(--grid-step);overflow:auto hidden;padding-bottom:0;padding-left:0;padding-top:var(--grid-step);position:relative;text-align:left;width:100%;white-space:nowrap}nav.tabs>a{border-top-left-radius:var(--default-border-radius);border-top-right-radius:var(--default-border-radius);color:var(--darker-gray);display:inline-block;line-height:calc(2 * var(--grid-step));padding:var(--default-padding) calc(2 * var(--default-padding));vertical-align:top;white-space:nowrap;font-weight:500;font-size:18px;text-transform:uppercase;transition:background-color linear 150ms}nav.tabs>a:hover{background-image:linear-gradient(to top,var(--accent-color),var(--accent-color) var(--selected-tab-line-thickness),transparent var(--selected-tab-line-thickness),transparent var(--grid-baseline-height));color:var(--accent-color)}nav.tabs>a.selected{background-image:linear-gradient(to top,var(--accent-color),var(--accent-color) var(--selected-tab-line-thickness),transparent var(--selected-tab-line-thickness),transparent var(--grid-baseline-height));color:var(--accent-color)}nav.tabs>a.add{border-radius:50%;background-color:var(--accent-color-bg);color:var(--accent-color);padding:0;position:absolute;right:0;width:calc(3 * var(--grid-step));height:calc(3 * var(--grid-step));text-align:center}@media screen and (min-width:600px){main{padding:0 calc(2 * var(--default-padding)) var(--default-padding)}.form-box{padding:var(--default-padding) calc(3 * var(--default-padding))}.modal input,.form-box input[type=text],.form-box input[type=number],.form-box input[type=password]{width:calc(20 * var(--default-padding))}}