html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.profile__row{padding:.5rem 0;border-bottom:1px solid #888}.profile__row>span{display:inline-block;width:50%;text-align:left}.input_switch{position:relative;display:inline-block;height:1.25rem;width:2.25rem}.input_switch__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-gray-200);-webkit-transition:.4s;transition:.4s;border-radius:9999px}.input_switch__slider:before{position:absolute;content:"";background-color:#fff;-webkit-transition:.2s;transition:.2s;border-radius:50%;bottom:.125rem;left:.125rem;height:1rem;width:1rem}.input_switch>input{opacity:0;width:0;height:0}.input_switch>input:checked+.input_switch__slider{background-color:var(--color-primary)}.input_switch>input:focus+.input_switch__slider{box-shadow:0 0 1px var(--color-primary)}.input_switch>input:checked+.input_switch__slider:before{-webkit-transform:translateX(1rem);-ms-transform:translateX(1rem);transform:translate(1rem)}.input_range{display:flex;align-items:center;gap:1rem}.input_range .input_range__slider{flex-grow:1;cursor:pointer;appearance:none;background-color:var(--color-gray-200);accent-color:var(--color-primary);border-radius:4px;height:8px;background-image:linear-gradient(var(--color-primary),var(--color-primary));background-size:0 100%;background-repeat:no-repeat}.input_range .input_range__slider:hover{opacity:1}.input_range .input_range__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:9999px;background:var(--color-primary);cursor:pointer;height:1.2rem;width:1.2rem}.input_range .input_range__slider::-webkit-slider-thumb:hover{background:var(--color-primary)}.input_range .input_range__slider::-moz-range-thumb{-webkit-appearance:none;appearance:none;border-radius:9999px;background:var(--color-primary);cursor:pointer;height:1.2rem;width:1.2rem}.input_range output{flex-basis:4rem;text-align:right}.input_range .input_range__button{color:var(--color-gray);fill:var(--color-gray);background:none;white-space:nowrap;border:none;height:2rem;width:2rem;padding:0;border-radius:.5rem;line-height:1;cursor:pointer}.input_range .input_range__button:disabled{background-color:var(--color-gray);opacity:.6}.input__text,input[type=text]{border:1px solid var(--color-gray-500);color:var(--color-gray-500);border-radius:4px;line-height:2rem;padding:.5rem;box-sizing:border-box}hr{display:block;border:none;border-top:1px solid var(--color-gray-500)}.button__action,.options_group>button{font-size:1rem;border:1px solid var(--color-gray-200);margin:0;border-radius:0;padding:0;cursor:pointer;background-color:var(--color-light);white-space:nowrap}.options_group>button{height:2rem}.button__action{color:var(--color-text-dark);border-radius:.75rem;padding:.5rem 1rem;text-decoration:none}.button__action.filled,.button__action.active,button.is-active{background-color:#f0fdfe;border:1px solid var(--color-primary-dark)}button:disabled,.button__action.disabled{background-color:var(--color-gray-300)!important;cursor:not-allowed!important}.options_group{display:flex}.options_group>button{flex-grow:1}.options_group>button.disabled{background-color:var(--color-gray-300)!important;cursor:not-allowed!important}.options_group>button:first-child{border-radius:.75rem 0 0 .75rem}.options_group>button:last-child{border-radius:0 .75rem .75rem 0}.options_group_colors .icon.filled{filter:drop-shadow(0 0 2px #000000)}.options_group_colors .icon>svg{height:28px;width:18px}.tooltip{position:relative}.tooltip .tooltiptext{width:140px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:120%;left:50%;margin-left:-75px;transition:opacity .3s}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.modal{display:none;position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{margin:15% auto;padding:20px;border:1px solid #888;border-radius:.8rem;background-color:var(--color-white);box-shadow:#0000 0 0,#0000 0 0,#0000 0 0,#0000 0 0,#0000000d 0 1px 2px;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}#invite-modal .modal-content{max-width:600px}.modal-content{color:var(--color-gray-500)}.modal-content input{width:100%}.modal-content label{display:flex;gap:1rem;justify-content:space-between}.modal-content .button__action{display:flex;justify-content:start;align-items:center;gap:.5rem}#tab-settings .tab-card-body{position:relative}.block__sidebar{display:flex;flex-direction:column;gap:.2rem}.block__sidebar .sidebar__item_content{overflow:hidden}.block__sidebar .sidebar__items{display:flex;list-style:none;padding:0;margin:0;flex-direction:row}.block__sidebar .sidebar__items li{width:5rem;height:5rem;position:relative}.block__sidebar .sidebar__items li a{height:100%;width:100%;display:flex;flex-direction:column;text-decoration:none;font-size:.8rem;text-align:center;align-items:center;justify-content:center;color:var(--color-text-dark)}.block__sidebar .sidebar__items li a.active,.block__sidebar .sidebar__items li a.open{background-color:var(--color-primary);color:var(--color-white);fill:var(--color-white);border:.4rem solid var(--color-white);border-radius:1rem;box-sizing:border-box}.block__sidebar .sidebar__items li a>span:first-child{padding:.5rem 0}.block__sidebar .sidebar__items li .sidebar-item-dot{position:absolute;right:.5rem;top:.5rem;height:.5rem;width:.5rem;border-radius:50%;background-color:var(--color-green);border:2px solid var(--color-white)}.block__sidebar .sidebar__items li .sidebar-item:not(.is-active) .sidebar-item-dot{display:none}.block__sidebar .sidebar__items li.spacer{width:1rem;flex-grow:1}.block__sidebar .tab-card-base{height:100%;overflow:hidden}.block__sidebar .tab-card-header{display:flex;align-items:center;height:3rem;background-color:var(--color-base-background);border-bottom:1px solid var(--color-gray-200)}.block__sidebar .tab-card-header h5{flex:1;padding:0 1rem;font-size:.9rem;font-weight:500;margin:0}.block__sidebar .tab-card-header label{margin-right:1rem}.block__sidebar .tab-card-body{overflow-y:auto;overflow-x:hidden;height:calc(100% - 3rem);display:flex;flex-direction:column;gap:1rem;padding:1rem 0;box-sizing:border-box}.block__sidebar .option.w-full{padding:0 1rem}.block__sidebar .center{text-align:center}.block__sidebar .option.w-full h6{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#909393}.block__sidebar .footer{color:#909393;font-size:.8rem;position:absolute;bottom:0}.block__sidebar .footer a{color:inherit}.block__sidebar .audio__sounds_list{display:flex;flex-direction:column;gap:.5rem}.block__sidebar .button_audio{cursor:pointer;text-align:left;padding:0 1.5rem;height:2.5rem;display:flex;justify-content:start;align-items:center}.block__sidebar .button_audio span:first-child{opacity:.8;padding:0 .5rem 0 0}header{background-color:var(--color-white);height:4rem;display:flex;place-content:space-between;align-items:center;padding:.5rem 1rem;box-sizing:border-box;gap:.5rem;border-bottom:1px solid var(--color-gray-200);position:fixed;width:100%;z-index:99}header .logo{flex-grow:1}header .logo img{max-width:100%;max-height:2rem}header .options_group{margin-right:1rem}header .options_group>button{padding:0 1rem}:root,:host{--color-missing: #FF8989;--color-error: #F34213;--color-blue: #23395B;--color-primary: #058B8C;--color-primary-dark: #045959;--color-sheet-background: #1F1F1F;--color-yellow: #F1C40F;--color-orange: #FD8208;--color-orange-light: #DE9F38;--color-grey-bottom: #3E3E3E;--color-text: #FFFFFF;--color-white: #FFFFFF;--color-gray: #AAACB3;--color-green: #22C55EFF;--color-base-background: var(--color-gray-100);--color-text-dark: var(--color-gray-900);--color-light-shades-1: #ffffff;--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-light-shades-2: #e2e2e2;--color-light-shades-3: #c6c6c6;--color-light-shades-4: #ababab;--color-light-shades-5: #919191;--color-primary-1: #058b8c;--color-primary-2: #0f7c7d;--color-primary-3: #146e6e;--color-primary-4: #176060;--color-primary-5: #185252;--color-light: #fafafa}html{background-color:var(--color-base-background);font-family:ui-sans-serif,system-ui,sans-serif;color:var(--color-text-dark)}html,body{height:100%;padding:0}main{box-sizing:border-box;display:flex;height:100vh;padding:4.5rem .5rem .5rem;flex-direction:column;gap:.5rem}.hidden{display:none!important}.card-base{border-radius:.8rem;border:1px solid var(--color-gray-200);background-color:var(--color-white);box-shadow:#0000 0 0,#0000 0 0,#0000 0 0,#0000 0 0,#0000000d 0 1px 2px;overflow:hidden}button.session-action{border:1px solid var(--color-gray-200);font-weight:600;cursor:pointer;padding:0 .8rem;height:4rem;display:flex;justify-content:center;align-items:center;color:var(--color-text);fill:var(--color-text)}button.session-action span:first-child{opacity:.8;padding:0 .2rem 0 0}button.session-action.start{background-color:var(--color-primary);flex-grow:3}button.session-action.stop{background-color:var(--color-primary-dark);flex-grow:3}button.session-action.pause,button.session-action.resume{background-color:var(--color-primary)}button.session-action.wait{background-color:var(--color-grey-bottom);flex-grow:1}button.session-action.flash{background-color:var(--color-primary)}.block__sidebar{flex:1 1 auto}.block__stats,.block__speed,.block__session_actions{height:4rem;place-content:space-between;align-content:center;display:flex;gap:.5rem}.block__stats{display:flex;text-align:center}.block__stats>div{flex:auto;display:flex;flex-direction:column;place-content:center;border-right:1px solid var(--color-gray-200)}.block__stats>div>span{font-size:1.25rem;line-height:1.75rem;font-weight:600;color:var(--color-primary)}.block__stats>div:last-child{border-right-color:transparent}.block__playground{flex:1 1 auto}.block__speed{padding:0 1rem;gap:0;flex-direction:column;text-align:center;justify-content:center}.block__playground .block__preview,.block__playground .block__video{overflow:hidden}.block__playground .block__preview{position:relative}.block__playground .block__preview>iframe{display:block;overflow:hidden;width:100%;height:100%;border:none}.block__playground .block__preview>span{position:absolute;bottom:0;right:0;padding:.4rem .8rem;border-top-left-radius:1rem;color:#fff9;background-color:#bdbdbd4d;text-align:center}.block__playground #activate-fullscreen,.block__playground #close-fullscreen{cursor:pointer}.block__playground .block__preview.fullscreen{position:fixed;right:0;top:0;left:0;height:100%;height:calc(100% - 5rem);width:100%;z-index:999}.block__playground .block__video{background-color:#e9ebee;color:var(--color-gray-400);fill:var(--color-gray-300);text-align:center;padding:1rem 0}.block__playground .block__video{align-content:center;font-style:italic}.block__playground .block__video .icon{display:block}.block__playground .block__video .icon>svg{height:64px;width:64px}.block__playground .block__video.hide{display:none}@media(min-width:960px){main{display:grid;grid-template-columns:480px auto;grid-template-rows:1fr auto}.block__sidebar{grid-row-start:1;grid-row-end:3;flex-direction:row}.block__sidebar .sidebar__items{flex-direction:column}.block__sidebar .sidebar__item_content{flex:1}.block__speed,.block__session_actions{grid-column:2}.block__playground{display:flex;align-items:start;flex-direction:row;gap:2rem;justify-content:start}.block__playground .block__preview{height:60%;width:60%}.block__playground .block__video{height:40%;width:40%}}