.live-header-menu_button{display:flex;padding:16px;border-radius:3px;color:var(--color-text-reversed);cursor:pointer}.live-header-menu_button:hover{background:hsl(var(--color-surface-reversed-hs) calc(var(--color-surface-reversed-l) + var(--lightness-interaction-hover)))}.live-header-menu_button:active{background:hsl(var(--color-surface-reversed-hs) calc(var(--color-surface-reversed-l) + var(--lightness-interaction-active)))}.live-header-menu_button--selected{background:hsl(var(--color-surface-reversed-hs) calc(var(--color-surface-reversed-l) + var(--lightness-interaction-selected)))}.live-header-menu_item{white-space:nowrap}.live-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px;background:var(--color-surface-reversed)}.live-header_logo{height:38px;width:52px}.live-header_select{font-size:16px}.live-header_icon-authenticated{font-size:12px;margin-right:4px}.live-header_title{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;line-height:1.25;color:var(--color-text-reversed)}.live-nav-item{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;color:var(--color-text-primary);border-radius:3px;transition:background .1s;cursor:pointer}.live-nav-item:hover:not(.live-nav-item--selected){background:hsl(var(--color-surface-tertiary-hs) calc(var(--color-surface-tertiary-l) + var(--lightness-interaction-hover)))}.live-nav-item:active:not(.live-nav-item--selected){background:hsl(var(--color-surface-tertiary-hs) calc(var(--color-surface-tertiary-l) + var(--lightness-interaction-active)))}.live-nav-item--selected{background:var(--color-surface-brand);color:var(--color-text-reversed)}.live-nav-item--selected.live-nav-item--new:after{background:var(--color-surface-red)}.live-nav-item--new:after{position:absolute;top:8px;right:8px;content:"";width:6px;height:6px;border-radius:50%;background:var(--color-surface-red-bold)}.live-nav{display:flex;justify-content:center;padding:4px;gap:4px;background:var(--color-surface-tertiary);color:var(--color-text-primary)}@media all and (min-width: 650px){.live-nav{justify-content:start;flex-direction:column}}.live-loading-view{flex:1;display:flex;justify-content:center;align-items:center}.live-network-error{position:absolute;top:12px;right:0;left:0;margin:auto;max-width:var(--live-network-error-width, 90%);line-height:1.5;z-index:3000}.live-network-error_wrapper{display:flex;gap:8px;padding:8px;border-radius:3px;background-color:var(--color-surface-primary);box-shadow:0 0 10px rgba(var(--color-surface-reversed),.1)}.live-network-error_loader{height:unset}.live-network-error_content{display:flex;flex-direction:column}.live-network-error_title{font-size:16px;font-weight:600}.live-network-error_text{color:var(--color-text-tertiary);font-size:14px}.live-network-error_slide-fade-enter-active{transition:all .3s ease}.live-network-error_slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.live-network-error_slide-fade-enter-from,.live-network-error_slide-fade-leave-to{transform:translateY(10px);opacity:0}@media all and (min-width: 450px){.live-network-error{--live-network-error-width: 350px}}.live-alert-toast{display:flex;flex-direction:row;width:220px;margin-bottom:8px;border-radius:3px;box-shadow:0 0 4px var(--color-surface-tertiary);background-color:var(--color-surface-primary);overflow:hidden;pointer-events:auto;cursor:pointer}.live-alert-toast_append{display:flex;align-items:center;justify-content:center;width:70px;background-color:var(--live-alert-toast-background)}.live-alert-toast_append_icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--color-surface-primary);color:var(--live-alert-toast-color)}.live-alert-toast_content{position:relative;padding:12px 12px 12px 8px;line-height:1.25;flex:1}.live-alert-toast_content h3{font-size:16px;font-weight:600}.live-alert-toast_content p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--color-text-tertiary);width:150px}.live-alert-toast_close{position:absolute;color:var(--color-surface-tertiary);top:4px;right:4px}.live-alert-toast--blue{--live-alert-toast-background: var(--color-surface-blue);--live-alert-toast-color: var(--color-icon-blue)}.live-alert-toast--gray{--live-alert-toast-background: var(--color-surface-gray);--live-alert-toast-color: var(--color-icon-gray)}.live-alert-toast--green{--live-alert-toast-background: var(--color-surface-green);--live-alert-toast-color: var(--color-icon-green)}.live-alert-toast--orange{--live-alert-toast-background: var(--color-surface-orange);--live-alert-toast-color: var(--color-icon-orange)}.live-alert-toast--pink{--live-alert-toast-background: var(--color-surface-pink);--live-alert-toast-color: var(--color-icon-pink)}.live-alert-toast--purple{--live-alert-toast-background: var(--color-surface-purple);--live-alert-toast-color: var(--color-icon-purple)}.live-alert-toast--red{--live-alert-toast-background: var(--color-surface-red);--live-alert-toast-color: var(--color-icon-red)}.live-alert-toast--yellow{--live-alert-toast-background: var(--color-surface-yellow);--live-alert-toast-color: var(--color-icon-yellow)}.live-alert-toast--brown{--live-alert-toast-background: var(--color-surface-brown);--live-alert-toast-color: var(--color-icon-brown)}.live-alert-toast--turquoise{--live-alert-toast-background: var(--color-surface-turquoise);--live-alert-toast-color: var(--color-icon-turquoise)}.live-alerts-toast{position:absolute;top:60px;right:8px;z-index:2000;height:85vh;overflow:hidden;pointer-events:none}.live-layout{flex:1;display:flex;flex-direction:column}.live-layout_main{flex:1;display:flex;flex-direction:column-reverse;overflow:hidden}@media all and (min-width: 650px){.live-layout{flex-direction:row-reverse}.live-layout_main{flex-direction:row}}.live-error-view{flex:1;display:flex;justify-content:center;align-items:center}.live-error-view_content{margin:24px}.live-error-view_content h1{font-size:24px;margin:16px 0}.live-error-view_content p{margin:16px 0}.live-app{position:absolute;inset:0;display:flex;flex-direction:column}